@charset "UTF-8";

.post-template-default .container-breadcrumb {
    margin-top:3rem;
}

.article-container article {
    border-radius: var(--bs-border-radius) !important;
    box-shadow: var(--bs-box-shadow) !important;
    padding:1.5rem 2.5rem 3rem 2.5rem;
}

.post-template-default h1 {
    font: 52px / 56px "Mulish", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.post-template-default h2 {
    font: 42px/46px "Mulish", sans-serif;
    font-weight:900;
    margin-top:2rem;
}

.post-template-default h3 {
    font: 32px/36px "Mulish", sans-serif;
    font-weight:900;
    margin-top:2rem;
}

.post-template-default h4 {
    font: 22px/28px "Mulish", sans-serif;
    font-weight:800;
    margin-top:1.5rem;
}

.post-template-default h5 {
    font: 20px/26px "Mulish", sans-serif;
    font-weight:800;
    margin-top:1.5rem;
}

.post-template-default h6 {
    font: 18px/24px "Mulish", sans-serif;
    font-weight:500;
    margin-top:1.5rem;
}

@media (max-width: 991.98px) {
    
    .post-template-default h1 {
        font: 42px/46px "Mulish", sans-serif;
        font-weight:900;
        font-style: italic;
    }

    .post-template-default h2 {
        font: 36px/40px "Mulish", sans-serif;
        font-weight:900;
        margin-top:2rem;
    }

    .post-template-default h3 {
        font: 30px/34px "Mulish", sans-serif;
        font-weight:900;
        margin-top:2rem;
    }
    
    .post-template-default h4 {
        font: 24px/30px "Mulish", sans-serif;
        font-weight:800;
        margin-top:1.5rem;
    }
    
    .post-template-default h5 {
        font: 20px/26px "Mulish", sans-serif;
        font-weight:800;
        margin-top:1.5rem;
    }

    .post-template-default h6 {
        font: 18px/24px "Mulish", sans-serif;
        font-weight:500;
        margin-top:1.5rem;
    }

}

.post-template-default .sidebar h5 {
    margin-bottom: 1rem !important;
}

/* Categories */

#category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
    container-type: inline-size;
    gap: 1.25em;
}

h5.category-title a {
    color: var(--black) !important;
    text-decoration: none !important;
}

h5.category-title a:hover {
    color: var(--black) !important;
    text-decoration: underline !important;
}

.category-nav a {
    font-weight:800;
    font-style:italic;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size:0.875rem;
}

.category-nav a:hover {
    text-decoration: underline !important;
}

.category-nav span.divider {
    vertical-align: .14em;
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 0 10px 0 8px;
}

.category-nav.back a {
    text-decoration: none;
    position: relative;
    padding-left:1.5rem;
}

.category-nav.back a:hover {
    color:var(--black);
    text-decoration:none !important;
}

.category-nav.back a::before {
    content: '';
    position: absolute;
    transition: .2s;
    background-size: 14px 9px;
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    width: 14px;
    height: 9px;
    left:0;
    top:4px;
    transform: rotate(180deg);
}

.category-nav.back a:hover::before {
    background-color: var(--black);
    clip-path: polygon(65.053% 0%, 99.98% 49.995%, 65.053% 100%, 58.184% 90.129%, 81.317% 56.979%, 0% 56.979%, 0% 43.011%, 81.317% 43.011%, 58.184% 9.871%);
    left: -6px;
}

@media (max-width: 991.98px) {
    .post-template-default .container-breadcrumb {
        margin-top:3rem;
    }
    .article-container article {
        padding:1.5rem 2rem 2rem 2rem;
        overflow-x: hidden;
    }
    .post-template-default h1 {
        font: 42px / 46px "Mulish", sans-serif;
        font-weight: 900;
        font-style: italic;
    }
}