/* Start custom CSS for shortcode, class: .elementor-element-4bf3f1b *//* =========================================================
   IVERMECTIN SHOP
   SINGLE BLOG POST
   FULL CSS v10
   HERO + STICKY ARTICLE NAVIGATION
   ========================================================= */


/* =========================================================
   GLOBAL RESET
   ========================================================= */

.single-blog-page,
.single-blog-page *,
.single-blog-page *::before,
.single-blog-page *::after {
    box-sizing: border-box;
}


.single-blog-page {
    --paper: #F5F4EE;
    --ink: #171B18;
    --muted: #666B66;
    --muted-2: #777C77;
    --border: #D7D8D0;
    --lime: #DFF13A;
    --lime-dark: #91A20A;
    --lime-hover: #89960F;

    width: 100%;

    margin: 0 !important;

    padding:
        0
        0
        90px !important;

    /*
     * IMPORTANT FOR STICKY:
     * don't use overflow:hidden here
     */
    overflow: visible !important;

    background:
        var(--paper);

    color:
        var(--ink);

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   ELEMENTOR SHORTCODE
   ========================================================= */

.elementor-widget-shortcode:has(.single-blog-page),
.elementor-widget-shortcode:has(.single-blog-page)
> .elementor-widget-container {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding:
        80px
        0 !important;

    /*
     * IMPORTANT FOR POSITION:STICKY
     */
    overflow: visible !important;
}


/* =========================================================
   READING PROGRESS
   ========================================================= */

.single-blog-progress {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;

    z-index:
        2147483647 !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        4px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        rgba(
            23,
            27,
            24,
            .10
        ) !important;

    pointer-events:
        none !important;
}


.single-blog-progress__bar {
    display:
        block !important;

    width:
        0;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        var(--lime) !important;

    transition:
        width .08s linear;

    will-change:
        width;
}


body.admin-bar
.single-blog-progress {
    top:
        32px !important;
}


/* =========================================================
   HERO
   ========================================================= */

.single-blog-hero {
    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(
            0,
            2fr
        )
        minmax(
            360px,
            .9fr
        ) !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        410px !important;

    min-height:
        410px !important;

    max-height:
        410px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border-top:
        1px
        solid
        var(--border) !important;

    border-bottom:
        1px
        solid
        var(--border) !important;

    background:
        radial-gradient(
            circle at 18% 40%,
            rgba(
                255,
                255,
                255,
                .98
            ),
            transparent 44%
        ),
        linear-gradient(
            100deg,
            #F5F4EE 0%,
            #F1F0E8 100%
        ) !important;
}


/* =========================================================
   UNUSED SEPARATE GREEN SHAPE
   ========================================================= */

.single-blog-hero__shape {
    display:
        none !important;
}


/* =========================================================
   HERO LEFT
   ========================================================= */

.single-blog-hero__left {
    position:
        relative !important;

    z-index:
        3 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    width:
        100% !important;

    height:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        62px
        70px
        26px
        120px !important;
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */

.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs {
    position:
        absolute !important;

    top:
        100px !important;

    left:
        120px !important;

    z-index:
        30 !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    flex-wrap:
        nowrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        5px !important;

    width:
        auto !important;

    max-width:
        calc(
            67% - 150px
        ) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #636863 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    opacity:
        1 !important;

    visibility:
        visible !important;
}


.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs a,

.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs span {
    display:
        inline-block !important;

    flex:
        0 0 auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #636863 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;

    letter-spacing:
        0 !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs a:link,

.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs a:visited,

.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs a:active {
    color:
        #636863 !important;

    font-weight:
        400 !important;

    text-decoration:
        none !important;
}


.single-blog-page
.single-blog-hero
> .single-blog-breadcrumbs a:hover {
    color:
        var(--lime-hover) !important;
}


.single-blog-breadcrumbs__current {
    max-width:
        500px !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   HERO KICKER
   ========================================================= */

.single-blog-hero__kicker {
    position:
        relative !important;

    z-index:
        4 !important;

    top:
        14px !important;

    margin:
        0
        0
        20px !important;

    padding:
        0 !important;

    color:
        var(--lime-dark) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        .18em !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   HERO TITLE
   ========================================================= */

.single-blog-hero__title {
    position:
        relative !important;

    z-index:
        4 !important;

    top:
        14px !important;

    width:
        100% !important;

    max-width:
        1000px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--ink) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        clamp(
            46px,
            4.05vw,
            74px
        ) !important;

    font-weight:
        900 !important;

    line-height:
        .90 !important;

    letter-spacing:
        -.052em !important;
}


/* =========================================================
   HERO RIGHT
   ========================================================= */

.single-blog-hero__right {
    position:
        relative !important;

    z-index:
        3 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-end !important;

    justify-content:
        center !important;

    gap:
        26px !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        64px
        120px
        48px
        70px !important;

    background:
        #F0F3D6 !important;

    clip-path:
        polygon(
            18% 0,
            100% 0,
            100% 100%,
            0 100%
        ) !important;
}


.single-blog-hero__meta {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-end;

    width:
        100%;

    max-width:
        500px;

    gap:
        7px;
}


.single-blog-hero__meta-label {
    margin:
        0;

    padding:
        0;

    color:
        #777C77;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.single-blog-hero__meta-value {
    margin:
        0;

    padding:
        0;

    color:
        #171B18;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.35;

    text-align:
        right;
}


/* =========================================================
   HERO GHOST
   ========================================================= */

.single-blog-hero__ghost {
    position:
        absolute !important;

    z-index:
        2 !important;

    right:
        -1vw !important;

    bottom:
        -.16em !important;

    color:
        rgba(
            23,
            27,
            24,
            .025
        ) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        clamp(
            120px,
            15vw,
            285px
        ) !important;

    font-weight:
        950 !important;

    line-height:
        .8 !important;

    letter-spacing:
        -.085em !important;

    white-space:
        nowrap !important;

    pointer-events:
        none !important;

    user-select:
        none !important;
}


/* =========================================================
   FEATURED IMAGE
   ========================================================= */

.single-blog-featured {
    width:
        100%;

    margin:
        0;

    padding:
        80px
        120px
        0;
}


.single-blog-featured img {
    display:
        block;

    width:
        100%;

    height:
        auto;

    aspect-ratio:
        1200 / 630;

    object-fit:
        cover;

    margin:
        0;

    padding:
        0;

    border:
        1px
        solid
        var(--border);

    background:
        #ECEBE5;
}


/* =========================================================
   ARTICLE BODY
   ========================================================= */

.single-blog-body {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(
            230px,
            290px
        )
        minmax(
            0,
            820px
        );

    align-items:
        start;

    justify-content:
        center;

    gap:
        76px;

    width:
        100%;

    padding:
        86px
        120px
        100px;

    overflow:
        visible !important;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.single-blog-sidebar {
    position:
        relative;

    min-width:
        0;

    height:
        100%;

    align-self:
        stretch;

    overflow:
        visible !important;
}


/* =========================================================
   STICKY NAVIGATION
   ========================================================= */

.single-blog-sidebar__inner {
    position:
        sticky !important;

    position:
        -webkit-sticky !important;

    top:
        118px !important;

    z-index:
        20;

    width:
        100%;

    max-width:
        290px;

    margin:
        0;

    padding:
        5px
        0
        0;

    overflow:
        visible !important;
}


body.admin-bar
.single-blog-sidebar__inner {
    top:
        150px !important;
}


/* =========================================================
   SIDEBAR EYEBROW
   ========================================================= */

.single-blog-sidebar__eyebrow {
    display:
        block;

    margin:
        0
        0
        22px;

    padding:
        0;

    color:
        var(--ink);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}


/* =========================================================
   TABLE OF CONTENTS
   ========================================================= */

.single-blog-toc {
    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    width:
        100%;

    margin:
        0;

    padding:
        0;

    border-top:
        1px
        solid
        var(--border);
}


/* =========================================================
   TOC LINKS
   ========================================================= */

.single-blog-toc a {
    position:
        relative;

    display:
        block;

    width:
        100%;

    margin:
        0;

    padding:
        15px
        10px
        15px
        4px;

    border-bottom:
        1px
        solid
        var(--border);

    color:
        #5F645F !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.38;

    letter-spacing:
        -.005em;

    text-decoration:
        none !important;

    transition:
        color .22s ease,
        padding-left .22s ease,
        background-color .22s ease;
}


/* ACTIVE MARKER */

.single-blog-toc a::before {
    content:
        "";

    position:
        absolute;

    top:
        50%;

    left:
        -1px;

    width:
        2px;

    height:
        0;

    background:
        var(--lime-dark);

    transform:
        translateY(-50%);

    transition:
        height .22s ease;
}


/* HOVER */

.single-blog-toc a:hover {
    padding-left:
        10px;

    color:
        var(--lime-hover) !important;

    background:
        rgba(
            255,
            255,
            255,
            .20
        );
}


/* ACTIVE */

.single-blog-toc a.is-active {
    padding-left:
        12px;

    color:
        var(--lime-hover) !important;

    font-weight:
        700;

    background:
        rgba(
            223,
            241,
            58,
            .055
        );
}


.single-blog-toc a.is-active::before {
    height:
        22px;
}


/* =========================================================
   H3 / SUB LEVEL
   ========================================================= */

.single-blog-toc a.is-sub {
    padding:
        13px
        10px
        13px
        18px;

    color:
        #777C77 !important;

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.42;
}


.single-blog-toc a.is-sub::before {
    left:
        9px;
}


.single-blog-toc a.is-sub:hover {
    padding-left:
        23px;

    color:
        var(--lime-hover) !important;
}


.single-blog-toc a.is-sub.is-active {
    padding-left:
        23px;

    color:
        var(--lime-hover) !important;

    font-weight:
        700;
}


.single-blog-toc a.is-sub.is-active::before {
    height:
        18px;
}


/* =========================================================
   ARTICLE CONTENT
   ========================================================= */

.single-blog-body__content {
    min-width:
        0;

    color:
        #303531;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1.72;
}


.single-blog-post-content
> *:first-child {
    margin-top:
        0 !important;
}


.single-blog-post-content
> *:last-child {
    margin-bottom:
        0 !important;
}


/* =========================================================
   LEAD
   ========================================================= */

.single-blog-lead {
    margin:
        0
        0
        42px !important;

    color:
        #424742 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        20px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;
}


/* =========================================================
   PARAGRAPHS
   ========================================================= */

.single-blog-post-content p {
    margin:
        0
        0
        26px;

    color:
        #4E544F;

    font-size:
        17px;

    line-height:
        1.72;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.single-blog-post-content h2,
.single-blog-post-content h3,
.single-blog-post-content h4 {
    color:
        var(--ink);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    scroll-margin-top:
        130px;
}


.single-blog-post-content h2 {
    margin:
        68px
        0
        23px;

    font-size:
        clamp(
            32px,
            2.8vw,
            46px
        );

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        -.038em;
}


.single-blog-post-content h3 {
    margin:
        44px
        0
        17px;

    font-size:
        26px;

    font-weight:
        800;

    line-height:
        1.1;

    letter-spacing:
        -.025em;
}


.single-blog-post-content h4 {
    margin:
        34px
        0
        14px;

    font-size:
        20px;

    font-weight:
        800;

    line-height:
        1.15;
}


/* =========================================================
   CONTENT LINKS
   ========================================================= */

.single-blog-post-content a {
    color:
        #657200;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;
}


.single-blog-post-content a:hover {
    color:
        var(--lime-hover);
}


/* =========================================================
   INLINE CITATIONS
   ========================================================= */

.single-blog-post-content
a.single-blog-citation {
    display:
        inline;

    margin-left:
        1px;

    color:
        var(--lime-hover) !important;

    font-size:
        .78em;

    font-weight:
        800;

    line-height:
        1;

    text-decoration:
        none !important;

    vertical-align:
        .28em;
}


.single-blog-post-content
a.single-blog-citation:hover {
    color:
        var(--ink) !important;

    text-decoration:
        underline !important;

    text-underline-offset:
        2px;
}


/* =========================================================
   LISTS
   ========================================================= */

.single-blog-post-content ul,
.single-blog-post-content ol {
    margin:
        0
        0
        28px;

    padding-left:
        24px;
}


.single-blog-post-content li {
    margin-bottom:
        9px;

    color:
        #4E544F;
}


/* =========================================================
   BLOCKQUOTE
   ========================================================= */

.single-blog-post-content blockquote {
    margin:
        42px
        0;

    padding:
        6px
        0
        6px
        28px;

    border-left:
        3px
        solid
        var(--lime-dark);

    color:
        #303531;

    font-size:
        21px;

    line-height:
        1.5;
}


/* =========================================================
   CONTENT IMAGES
   ========================================================= */

.single-blog-post-content img {
    display:
        block;

    max-width:
        100%;

    height:
        auto;

    margin:
        38px
        auto;

    border:
        1px
        solid
        var(--border);
}


.single-blog-post-content figure {
    margin:
        38px
        0;
}


.single-blog-post-content figcaption {
    margin-top:
        10px;

    color:
        var(--muted-2);

    font-size:
        11px;

    line-height:
        1.45;
}


/* =========================================================
   HR
   ========================================================= */

.single-blog-post-content hr {
    margin:
        56px
        0;

    border:
        0;

    border-top:
        1px
        solid
        var(--border);
}


/* =========================================================
   TABLES
   ========================================================= */

.single-blog-post-content table {
    width:
        100%;

    margin:
        38px
        0;

    border-collapse:
        collapse;

    font-size:
        14px;

    line-height:
        1.5;
}


.single-blog-post-content th,
.single-blog-post-content td {
    padding:
        14px
        16px;

    border:
        1px
        solid
        var(--border);

    text-align:
        left;

    vertical-align:
        top;
}


.single-blog-post-content th {
    background:
        rgba(
            223,
            241,
            58,
            .18
        );

    color:
        var(--ink);

    font-weight:
        800;
}


/* =========================================================
   SOURCES
   ========================================================= */

.single-blog-sources {
    width:
        min(
            calc(
                100% - 240px
            ),
            1160px
        );

    margin:
        0
        auto;

    padding:
        72px
        0
        86px;

    border-top:
        1px
        solid
        var(--border);

    scroll-margin-top:
        130px;
}


.single-blog-sources__head {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        60px;

    margin-bottom:
        34px;
}


.single-blog-sources__head-left {
    max-width:
        690px;
}


.single-blog-sources__eyebrow {
    display:
        block;

    margin-bottom:
        13px;

    color:
        var(--lime-hover);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


.single-blog-sources__head h2 {
    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--ink);

    font-size:
        clamp(
            34px,
            3vw,
            48px
        );

    font-weight:
        900;

    line-height:
        .96;

    letter-spacing:
        -.04em;
}


.single-blog-sources__head p {
    max-width:
        620px;

    margin:
        15px
        0
        0 !important;

    color:
        var(--muted);

    font-size:
        13px;

    line-height:
        1.55;
}


.single-blog-sources__count {
    flex:
        0
        0
        auto;

    padding-bottom:
        5px;

    color:
        var(--muted-2);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.single-blog-sources__list {
    border-top:
        1px
        solid
        var(--border);
}


.single-blog-source {
    display:
        grid;

    grid-template-columns:
        48px
        minmax(
            0,
            1fr
        )
        auto
        14px;

    align-items:
        center;

    gap:
        22px;

    width:
        100%;

    padding:
        20px
        18px
        20px
        0;

    border-bottom:
        1px
        solid
        var(--border);

    color:
        var(--ink) !important;

    text-decoration:
        none !important;

    scroll-margin-top:
        130px;

    transition:
        background-color .22s ease,
        padding-left .22s ease;
}


.single-blog-source:hover {
    padding-left:
        14px;

    background:
        rgba(
            255,
            255,
            255,
            .30
        );
}


.single-blog-source:target {
    padding-left:
        14px;

    background:
        rgba(
            223,
            241,
            58,
            .14
        );
}


.single-blog-source__number {
    color:
        var(--lime-hover);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .08em;
}


.single-blog-source__content {
    display:
        flex;

    flex-direction:
        column;

    gap:
        4px;

    min-width:
        0;
}


.single-blog-source__organisation {
    color:
        var(--lime-hover);

    font-size:
        9px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;
}


.single-blog-source__content strong {
    color:
        var(--ink);

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.38;
}


.single-blog-source__content small {
    color:
        var(--muted-2);

    font-size:
        10px;

    font-weight:
        400;

    line-height:
        1.3;
}


.single-blog-source__open {
    color:
        var(--muted-2);

    font-size:
        9px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}


.single-blog-source:hover
.single-blog-source__open {
    color:
        var(--ink);
}


/* =========================================================
   ARROWS
   ========================================================= */

.single-blog-source__arrow,
.single-blog-back__arrow,
.single-blog-related-card__arrow {
    display:
        block;

    width:
        13px;

    height:
        13px;

    flex:
        0
        0
        13px;

    background-color:
        currentColor;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");

    -webkit-mask-size:
        contain;

    mask-size:
        contain;

    -webkit-mask-repeat:
        no-repeat;

    mask-repeat:
        no-repeat;

    -webkit-mask-position:
        center;

    mask-position:
        center;
}


/* =========================================================
   POST FOOTER
   ========================================================= */

.single-blog-footer {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        40px;

    width:
        calc(
            100% - 240px
        );

    margin:
        0
        120px;

    padding:
        34px
        0
        72px;

    border-top:
        1px
        solid
        var(--border);
}


.single-blog-footer__label {
    display:
        block;

    margin-bottom:
        14px;

    color:
        var(--muted-2);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.single-blog-footer__tag-list {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}


.single-blog-footer__tag-list a {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        32px;

    padding:
        0
        14px;

    border:
        1px
        solid
        var(--border);

    border-radius:
        100px;

    color:
        var(--ink) !important;

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    text-transform:
        uppercase;

    text-decoration:
        none !important;
}


.single-blog-footer__tag-list a:hover {
    border-color:
        #AEB1A9;

    background:
        rgba(
            255,
            255,
            255,
            .28
        );
}


.single-blog-back {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        16px;

    padding:
        8px
        0;

    border-bottom:
        1px
        solid
        var(--ink);

    color:
        var(--ink) !important;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    text-decoration:
        none !important;
}


.single-blog-back:hover {
    border-color:
        var(--lime-hover);

    color:
        var(--lime-hover) !important;
}


/* =========================================================
   RELATED ARTICLES
   ========================================================= */

.single-blog-related {
    width:
        100%;

    padding:
        76px
        120px
        96px;

    border-top:
        1px
        solid
        var(--border);

    background:
        rgba(
            255,
            255,
            255,
            .12
        );
}


.single-blog-related__head {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        40px;

    margin-bottom:
        40px;
}


.single-blog-related__eyebrow {
    display:
        block;

    margin-bottom:
        14px;

    color:
        var(--lime-hover);

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}


.single-blog-related__head h2 {
    margin:
        0;

    color:
        var(--ink);

    font-size:
        clamp(
            38px,
            3.8vw,
            60px
        );

    font-weight:
        900;

    line-height:
        .95;

    letter-spacing:
        -.044em;
}


.single-blog-related__all {
    padding-bottom:
        5px;

    border-bottom:
        1px
        solid
        var(--ink);

    color:
        var(--ink) !important;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    text-decoration:
        none !important;
}


.single-blog-related__all:hover {
    color:
        var(--lime-hover) !important;

    border-color:
        var(--lime-hover);
}


.single-blog-related__grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        24px;
}


.single-blog-related-card {
    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;
}


.single-blog-related-card__image {
    display:
        block;

    width:
        100%;

    aspect-ratio:
        1200 / 630;

    overflow:
        hidden;

    border:
        1px
        solid
        var(--border);

    background:
        #ECEBE5;

    text-decoration:
        none !important;
}


.single-blog-related-card__image img,
.single-blog-related-card__placeholder {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


.single-blog-related-card__placeholder {
    background:
        linear-gradient(
            135deg,
            #ECEBE5 0%,
            #F5F4EE 100%
        );
}


.single-blog-related-card__image img {
    transition:
        transform .45s
        cubic-bezier(
            .22,
            1,
            .36,
            1
        );
}


.single-blog-related-card:hover
.single-blog-related-card__image img {
    transform:
        scale(
            1.025
        );
}


.single-blog-related-card__body {
    padding-top:
        18px;
}


.single-blog-related-card__meta {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

    width:
        100%;

    margin:
        0
        0
        13px;

    color:
        var(--muted-2);

    font-size:
        10px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.single-blog-related-card__category {
    color:
        var(--lime-hover);
}


.single-blog-related-card h3 {
    width:
        100%;

    margin:
        0
        0
        16px;

    color:
        var(--ink);

    font-size:
        clamp(
            22px,
            1.8vw,
            29px
        );

    font-weight:
        700;

    line-height:
        1.06;

    letter-spacing:
        -.03em;
}


.single-blog-related-card h3 a {
    display:
        block;

    color:
        inherit !important;

    text-decoration:
        none !important;
}


.single-blog-related-card h3 a:hover {
    color:
        var(--lime-hover) !important;
}


.single-blog-related-card__link {
    display:
        inline-flex;

    align-items:
        center;

    width:
        fit-content;

    margin-top:
        auto;

    padding:
        8px
        0;

    border-bottom:
        1px
        solid
        var(--ink);

    color:
        var(--ink) !important;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

    text-decoration:
        none !important;
}


.single-blog-related-card__link:hover {
    border-color:
        var(--lime-hover);

    color:
        var(--lime-hover) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-widget-shortcode:has(.single-blog-page)
    > .elementor-widget-container {
        padding:
            56px
            0 !important;

        overflow:
            visible !important;
    }


    .single-blog-hero {
        grid-template-columns:
            minmax(
                0,
                1.55fr
            )
            minmax(
                280px,
                .75fr
            ) !important;

        height:
            372px !important;

        min-height:
            372px !important;

        max-height:
            372px !important;
    }


    .single-blog-hero__left {
        padding:
            54px
            38px
            24px
            40px !important;
    }


    .single-blog-page
    .single-blog-hero
    > .single-blog-breadcrumbs {
        top:
            28px !important;

        left:
            40px !important;

        max-width:
            calc(
                67% - 60px
            ) !important;
    }


    .single-blog-breadcrumbs__current {
        max-width:
            300px !important;
    }


    .single-blog-hero__kicker,
    .single-blog-hero__title {
        top:
            8px !important;
    }


    .single-blog-hero__title {
        max-width:
            720px !important;

        font-size:
            clamp(
                40px,
                5vw,
                58px
            ) !important;
    }


    .single-blog-hero__right {
        padding:
            54px
            40px
            38px
            45px !important;
    }


    .single-blog-featured {
        padding:
            64px
            40px
            0;
    }


    .single-blog-body {
        grid-template-columns:
            220px
            minmax(
                0,
                1fr
            );

        gap:
            42px;

        padding:
            68px
            40px
            82px;
    }


    .single-blog-sidebar__inner {
        top:
            105px !important;

        max-width:
            220px;
    }


    body.admin-bar
    .single-blog-sidebar__inner {
        top:
            137px !important;
    }


    .single-blog-sidebar__eyebrow {
        font-size:
            10px;
    }


    .single-blog-toc a {
        padding:
            13px
            7px
            13px
            3px;

        font-size:
            12px;
    }


    .single-blog-toc a.is-sub {
        padding:
            12px
            7px
            12px
            15px;

        font-size:
            11px;
    }


    .single-blog-toc a:hover,
    .single-blog-toc a.is-active {
        padding-left:
            9px;
    }


    .single-blog-toc a.is-sub:hover,
    .single-blog-toc a.is-sub.is-active {
        padding-left:
            20px;
    }


    .single-blog-sources {
        width:
            calc(
                100% - 80px
            );
    }


    .single-blog-footer {
        width:
            calc(
                100% - 80px
            );

        margin:
            0
            40px;
    }


    .single-blog-related {
        padding:
            64px
            40px
            80px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .single-blog-page {
        padding-bottom:
            64px !important;
    }


    .elementor-widget-shortcode:has(.single-blog-page)
    > .elementor-widget-container {
        padding:
            38px
            0 !important;
    }


    .single-blog-progress {
        height:
            3px !important;
    }


    body.admin-bar
    .single-blog-progress {
        top:
            46px !important;
    }


    .single-blog-hero {
        display:
            block !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;
    }


    .single-blog-hero__left {
        height:
            360px !important;

        min-height:
            360px !important;

        padding:
            74px
            20px
            36px !important;
    }


    .single-blog-page
    .single-blog-hero
    > .single-blog-breadcrumbs {
        top:
            28px !important;

        left:
            20px !important;

        width:
            calc(
                100% - 40px
            ) !important;

        max-width:
            calc(
                100% - 40px
            ) !important;
    }


    .single-blog-page
    .single-blog-hero
    > .single-blog-breadcrumbs,

    .single-blog-page
    .single-blog-hero
    > .single-blog-breadcrumbs a,

    .single-blog-page
    .single-blog-hero
    > .single-blog-breadcrumbs span {
        font-size:
            9px !important;
    }


    .single-blog-breadcrumbs__current {
        max-width:
            48vw !important;
    }


    .single-blog-hero__kicker {
        top:
            6px !important;

        margin-bottom:
            18px !important;

        font-size:
            10px !important;
    }


    .single-blog-hero__title {
        top:
            6px !important;

        max-width:
            100% !important;

        font-size:
            clamp(
                38px,
                10.5vw,
                52px
            ) !important;

        line-height:
            .92 !important;

        letter-spacing:
            -.045em !important;
    }


    .single-blog-hero__right {
        min-height:
            160px !important;

        height:
            auto !important;

        align-items:
            flex-start !important;

        justify-content:
            center !important;

        gap:
            22px !important;

        padding:
            36px
            20px !important;

        clip-path:
            none !important;
    }


    .single-blog-hero__meta {
        align-items:
            flex-start;

        max-width:
            100%;
    }


    .single-blog-hero__meta-value {
        text-align:
            left;
    }


    .single-blog-hero__ghost {
        right:
            -20px !important;

        bottom:
            -.08em !important;

        font-size:
            100px !important;
    }


    .single-blog-featured {
        padding:
            44px
            20px
            0;
    }


    .single-blog-body {
        display:
            block;

        padding:
            52px
            20px
            70px;
    }


    /*
     * TOC hidden on mobile.
     * Sticky desktop/tablet only.
     */

    .single-blog-sidebar {
        display:
            none !important;
    }


    .single-blog-body__content {
        font-size:
            16px;

        line-height:
            1.68;
    }


    .single-blog-lead {
        margin-bottom:
            34px !important;

        font-size:
            19px !important;
    }


    .single-blog-post-content p {
        margin-bottom:
            22px;

        font-size:
            16px;

        line-height:
            1.68;
    }


    .single-blog-post-content h2 {
        margin:
            56px
            0
            20px;

        font-size:
            34px;
    }


    .single-blog-post-content h3 {
        margin:
            40px
            0
            16px;

        font-size:
            25px;
    }


    .single-blog-post-content blockquote {
        margin:
            34px
            0;

        padding-left:
            20px;

        font-size:
            19px;
    }


    .single-blog-post-content table {
        display:
            block;

        overflow-x:
            auto;

        -webkit-overflow-scrolling:
            touch;
    }


    .single-blog-sources {
        width:
            calc(
                100% - 40px
            );

        padding:
            52px
            0
            64px;
    }


    .single-blog-sources__head {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            18px;

        margin-bottom:
            26px;
    }


    .single-blog-sources__head h2 {
        font-size:
            32px;
    }


    .single-blog-source {
        grid-template-columns:
            32px
            minmax(
                0,
                1fr
            )
            13px;

        gap:
            12px;

        padding:
            18px
            0;
    }


    .single-blog-source__open {
        display:
            none;
    }


    .single-blog-source:hover,
    .single-blog-source:target {
        padding-left:
            0;
    }


    .single-blog-footer {
        flex-direction:
            column;

        align-items:
            flex-start;

        width:
            calc(
                100% - 40px
            );

        margin:
            0
            20px;

        padding-top:
            28px;
    }


    .single-blog-related {
        padding:
            58px
            20px
            70px;
    }


    .single-blog-related__head {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            22px;

        margin-bottom:
            32px;
    }


    .single-blog-related__head h2 {
        font-size:
            40px;
    }


    .single-blog-related__grid {
        grid-template-columns:
            1fr;

        gap:
            46px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .single-blog-hero__left {
        height:
            350px !important;

        min-height:
            350px !important;
    }


    .single-blog-hero__title {
        font-size:
            38px !important;
    }


    .single-blog-post-content h2 {
        font-size:
            31px;
    }
}/* End custom CSS */