.post-meta li {
    display: inline-block;
    font-size: 0.8rem;
    list-style: none;
    padding-left: 1rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

figure {
    margin: 0;
    padding: 0;
}

figure img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    border: 0;
    box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04);
    border-top-left-radius: var(--bs-card-border-radius);
    border-top-right-radius: var(--bs-card-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: #343f52;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(164, 174, 198, 0.2);
    --bs-card-border-radius: 0.4rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: 0.4rem;
    --bs-card-cap-padding-y: 0.9rem;
    --bs-card-cap-padding-x: 2rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-white);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border-radius: var(--bs-card-border-radius);
    box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    border: 0;
    color: inherit;
}

.social .uil-twitter {
    color: #5daed5;
}

.social .uil-twitter:hover {
    color: #5daed5;
}

.social .uil-facebook-f {
    color: #4470cf;
}

.social .uil-instagram {
    color: #d53581;
}

.social .uil-linkedin {
    color: #0A66C2;
}

.social .uil-whatsapp {
    color: #25D366;
}

.nav.social a {
    background-color: #e0e9fa;
    text-decoration: none;
}

.nav.social a:hover {
    background-color: #e0e9fa;
}

.overlay a {
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer !important;
}

.overlay-1 figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0.75rem 1rem;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    z-index: 5;
    pointer-events: none;
}

.overlay-1 .from-top {
    position: absolute;
    padding: 0.75rem 1rem;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-80%);
    box-sizing: border-box;
}

.overlay * {
    color: var(--bs-white) !important;
    transition: all 0.4s ease;
}

.overlay span.bg {
    position: relative;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    cursor: pointer !important;
    opacity: 0;
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.6);
}

.link-dark {
    color: var(--bs-card-color) !important;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 1.35;
}

a.link-dark:hover {

    color: var(--primary-color) !important;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.post-content {
    position: relative;
}

.read-more {
    color: black;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 1.35;
}

a.read-more:hover {
    color: var(--bs-card-color) !important;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 1.35;
}

.read-more i {
    padding-left: 1rem;
}

.post-meta i {
    padding-right: 1.2rem;
}

a.page-link {
    text-decoration: none;
}

a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}

.pagination {
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 0.65rem;
    --bs-pagination-color: #343f52;
    --bs-pagination-bg: var(--bs-white);
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-border-radius: 0.4rem;
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-hover-bg: var(--bs-white);
    --bs-pagination-hover-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-focus-color: var(--bs-primary);
    --bs-pagination-focus-bg: var(--bs-white);
    --bs-pagination-focus-box-shadow: unset;
    --bs-pagination-active-color: var(--bs-primary);
    --bs-pagination-active-bg: var(--bs-white);
    --bs-pagination-active-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-disabled-color: #959ca9;
    --bs-pagination-disabled-bg: var(--bs-white);
    --bs-pagination-disabled-border-color: rgba(164, 174, 198, 0.2);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.pagination li {
    display: list-item;
    unicode-bidi: isolate;
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 0.65rem;
    --bs-pagination-color: #343f52;
    --bs-pagination-bg: var(--bs-white);
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-border-radius: 0.4rem;
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-hover-bg: var(--bs-white);
    --bs-pagination-hover-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-focus-color: var(--bs-primary);
    --bs-pagination-focus-bg: var(--bs-white);
    --bs-pagination-focus-box-shadow: unset;
    --bs-pagination-active-color: var(--bs-primary);
    --bs-pagination-active-bg: var(--bs-white);
    --bs-pagination-active-border-color: rgba(164, 174, 198, 0.2);
    --bs-pagination-disabled-color: #959ca9;
    --bs-pagination-disabled-bg: var(--bs-white);
    --bs-pagination-disabled-border-color: rgba(164, 174, 198, 0.2);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.pagination li.active a {
    display: list-item;
    unicode-bidi: isolate;
    color: var(--bs-primary);
    display: flex;
    padding-left: 0;
    list-style: none;
}

.pagination li a {
    padding: 1rem !important;
    width: 100%;
    min-width: 2.5rem;
    height: 2.5rem;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: all 0.2s ease-in-out;
    position: relative;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    text-decoration: none;
    color: var(--bs-card-color);
}

.pagination li a:hover {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: all 0.2s ease-in-out;
    position: relative;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    text-decoration: none;
    color: var(--bs-primary);
}

.pagination li:first-child a {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.blog .lead a {
    color: var(--bs-card-color);
    text-decoration: none;
}

.blog .lead a:hover {
    color: var(--bs-primary);
    text-decoration: none;
}
