#page-407 {
    --blog-navy: #0d396a;
    --blog-navy-dark: #082e58;
    --blog-red: #cb0131;
    --blog-text: #405a72;
    --blog-white: #ffffff;
    --blog-border: #bdc9d3;
    --blog-detail: #aebdca;
    --blog-image-bg: #0d396a;
}

#page-407 .module-post {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
}


#page-407 .builder-posts-wrap.list-thumb-image {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    column-gap: 25px !important;
    row-gap: 25px !important;
    width: 100% !important;
}

#page-407 .builder-posts-wrap.list-thumb-image::before,
#page-407 .builder-posts-wrap.list-thumb-image::after {
    display: none !important;
    content: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child {
    position: relative !important;
    display: grid !important;
    grid-template-columns:
        190px minmax(0, 1fr) !important;
    align-items: stretch !important;
    grid-column: auto !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 190px !important;
    min-height: 190px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
    background: var(--blog-white) !important;
    border: 1px solid var(--blog-border) !important;
    overflow: hidden !important;
    box-shadow:
        0 9px 23px rgba(8, 46, 88, 0.15) !important;
    transform: none !important;
    transition:
        box-shadow 0.18s ease !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 12 !important;
    top: 16px !important;
    right: 16px !important;
    width: 130px !important;
    height: 1px !important;
    background: var(--blog-detail) !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
    transition:
        background-color 0.18s ease,
        opacity 0.18s ease !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 12 !important;
    top: 16px !important;
    right: 16px !important;
    width: 1px !important;
    height: 130px !important;
    background: var(--blog-detail) !important;
    opacity: 0.75 !important;
    transition:
        background-color 0.18s ease,
        opacity 0.18s ease !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post:hover,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within {
    background: var(--blog-white) !important;
    border-color: var(--blog-border) !important;
    box-shadow:
        0 11px 27px rgba(8, 46, 88, 0.19) !important;
    transform: none !important;
}

#page-407 .builder-posts-wrap.list-thumb-image article.post:hover::before,
#page-407 .builder-posts-wrap.list-thumb-image article.post:hover::after,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within::before,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within::after {
    background: #8299ab !important;
    opacity: 0.95 !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-image,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image {
    position: relative !important;
    z-index: 1 !important;
    float: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 190px !important;
    max-width: 190px !important;
    height: 190px !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--blog-image-bg) !important;
    overflow: hidden !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--blog-image-bg) !important;
    background-image: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-image img,
#page-407 .builder-posts-wrap.list-thumb-image img.wp-post-image,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image img,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child img.wp-post-image {
    display: block !important;
    width: 100% !important;
    height: 188px !important;
    min-height: 188px !important;
    max-height: 188px !important;
    object-fit: cover !important;
    object-position: center !important;
    background: var(--blog-image-bg) !important;
    border-radius: 0 !important;
    filter: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-content,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-content {
    position: relative !important;
    z-index: 2 !important;
    float: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 27px 41px 27px 31px !important;
    background: var(--blog-white) !important;
    background-color: var(--blog-white) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: none !important;
}

#page-407 .builder-posts-wrap.list-thumb-image article.post:hover .post-content,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within .post-content {
    background: var(--blog-white) !important;
    background-color: var(--blog-white) !important;
    background-image: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-content::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 8 !important;
    top: 50% !important;
    left: 0 !important;
    width: 3px !important;
    height: 0 !important;
    background: var(--blog-red) !important;
    transform: translateY(-50%) !important;
    transition:
        height 0.2s ease !important;
    pointer-events: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post:hover .post-content::before,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within .post-content::before {
    height: 100% !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .post-content-inner {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
}

#page-407 .module-post .post-title,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    line-height: 1.28 !important;
}

#page-407 .module-post .post-title::before,
#page-407 .module-post .post-title::after {
    display: none !important;
    content: none !important;
}


#page-407 .module-post .post-title a,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--blog-navy) !important;
    -webkit-text-fill-color: var(--blog-navy) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.016em !important;
    transition:
        color 0.16s ease !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post:hover .post-title a,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within .post-title a,
#page-407 .builder-posts-wrap.list-thumb-image .post-title a:hover,
#page-407 .builder-posts-wrap.list-thumb-image .post-title a:focus {
    color: var(--blog-navy-dark) !important;
    -webkit-text-fill-color: var(--blog-navy-dark) !important;
    text-decoration: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .entry-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .entry-content p,
#page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .entry-content p {
    display: -webkit-box !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--blog-text) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    transition:
        color 0.16s ease !important;
}


#page-407 .builder-posts-wrap.list-thumb-image article.post:hover .entry-content p,
#page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within .entry-content p {
    color: #294963 !important;
}


#page-407 .builder-posts-wrap.list-thumb-image .entry-content::before,
#page-407 .builder-posts-wrap.list-thumb-image .entry-content::after {
    display: none !important;
    content: none !important;
}

#page-407 .pagenav {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 25px 0 0 !important;
    padding: 15px 14px !important;
    background: var(--blog-navy) !important;
    text-align: center !important;
    box-shadow:
        0 8px 22px rgba(8, 46, 88, 0.18) !important;
}


html body #pagewrap #content #page-407 .pagenav .number,
html body #pagewrap #content #page-407 .pagenav a.prevp,
html body #pagewrap #content #page-407 .pagenav a.nextp,
html body #pagewrap #content #page-407 .pagenav a.firstp,
html body #pagewrap #content #page-407 .pagenav a.lastp {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 8px !important;
    background: transparent !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease !important;
}


html body #pagewrap #content #page-407 .pagenav a.number:hover,
html body #pagewrap #content #page-407 .pagenav a.number:focus {
    background: #ffffff !important;

    color: var(--blog-navy) !important;
    -webkit-text-fill-color: var(--blog-navy) !important;
    border-color: #ffffff !important;
    outline: none !important;
}


html body #pagewrap #content #page-407 .pagenav .number.current {
    background: var(--blog-red) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border-color: var(--blog-red) !important;
}

html body #pagewrap #content #page-407
.pagenav .number:not(.prevp):not(.nextp):not(.firstp):not(.lastp)::before,
html body #pagewrap #content #page-407
.pagenav .number:not(.prevp):not(.nextp):not(.firstp):not(.lastp)::after {
    display: none !important;
    content: none !important;
}


html body #pagewrap #content #page-407 .pagenav a.prevp,
html body #pagewrap #content #page-407 .pagenav a.nextp,
html body #pagewrap #content #page-407 .pagenav a.firstp,
html body #pagewrap #content #page-407 .pagenav a.lastp {
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-indent: -9999px !important;
}

html body #pagewrap #content #page-407 .pagenav a.prevp::before,
html body #pagewrap #content #page-407 .pagenav a.nextp::before,
html body #pagewrap #content #page-407 .pagenav a.firstp::before,
html body #pagewrap #content #page-407 .pagenav a.firstp::after,
html body #pagewrap #content #page-407 .pagenav a.lastp::before,
html body #pagewrap #content #page-407 .pagenav a.lastp::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    transition:
        border-color 0.18s ease !important;
}


html body #pagewrap #content #page-407 .pagenav a.prevp::before {
    left: 50% !important;
    transform:
        translate(-38%, -50%)
        rotate(-135deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.nextp::before {
    left: 50% !important;
    transform:
        translate(-62%, -50%)
        rotate(45deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.firstp::before {
    left: 45% !important;
    transform:
        translate(-50%, -50%)
        rotate(-135deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.firstp::after {
    left: 62% !important;
    transform:
        translate(-50%, -50%)
        rotate(-135deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.lastp::before {
    left: 38% !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.lastp::after {
    left: 55% !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
}


html body #pagewrap #content #page-407 .pagenav a.prevp:hover,
html body #pagewrap #content #page-407 .pagenav a.nextp:hover,
html body #pagewrap #content #page-407 .pagenav a.firstp:hover,
html body #pagewrap #content #page-407 .pagenav a.lastp:hover,
html body #pagewrap #content #page-407 .pagenav a.prevp:focus,
html body #pagewrap #content #page-407 .pagenav a.nextp:focus,
html body #pagewrap #content #page-407 .pagenav a.firstp:focus,
html body #pagewrap #content #page-407 .pagenav a.lastp:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;
    outline: none !important;
}


html body #pagewrap #content #page-407 .pagenav a.prevp:hover::before,
html body #pagewrap #content #page-407 .pagenav a.nextp:hover::before,
html body #pagewrap #content #page-407 .pagenav a.firstp:hover::before,
html body #pagewrap #content #page-407 .pagenav a.firstp:hover::after,
html body #pagewrap #content #page-407 .pagenav a.lastp:hover::before,
html body #pagewrap #content #page-407 .pagenav a.lastp:hover::after,
html body #pagewrap #content #page-407 .pagenav a.prevp:focus::before,
html body #pagewrap #content #page-407 .pagenav a.nextp:focus::before,
html body #pagewrap #content #page-407 .pagenav a.firstp:focus::before,
html body #pagewrap #content #page-407 .pagenav a.firstp:focus::after,
html body #pagewrap #content #page-407 .pagenav a.lastp:focus::before,
html body #pagewrap #content #page-407 .pagenav a.lastp:focus::after {
    border-color: var(--blog-navy) !important;
}

@media (max-width: 980px) {
    #page-407 .builder-posts-wrap.list-thumb-image {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image article.post,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child {
        grid-template-columns:
            182px minmax(0, 1fr) !important;
        height: 170px !important;
        min-height: 170px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image {
        width: 182px !important;
        max-width: 182px !important;
        height: 168px !important;
        min-height: 168px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image img.wp-post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child img.wp-post-image {
        height: 168px !important;
        min-height: 168px !important;
        max-height: 168px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-content,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-content {
        padding: 23px 41px 23px 31px !important;
    }
}

@media (max-width: 600px) {
    #page-407 .builder-posts-wrap.list-thumb-image {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image article.post,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child {
        grid-template-columns:
            116px minmax(0, 1fr) !important;
        height: 138px !important;
        min-height: 138px !important;

        box-shadow:
            0 7px 19px rgba(8, 46, 88, 0.15) !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image article.post:hover,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:focus-within {
        box-shadow:
            0 8px 21px rgba(8, 46, 88, 0.18) !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image article.post::before {
        top: 12px !important;
        right: 12px !important;
        width: 70px !important;
        height: 1px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image article.post::after {
        top: 12px !important;
        right: 12px !important;
        width: 1px !important;
        height: 70px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image {
        width: 116px !important;
        max-width: 116px !important;
        height: 136px !important;
        min-height: 136px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image img.wp-post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child img.wp-post-image {
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-content,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-content {
        padding: 18px 29px 18px 20px !important;
    }

    #page-407 .module-post .post-title,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-title {
        margin-bottom: 8px !important;
    }

    #page-407 .module-post .post-title a,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-title a {
        font-size: 14.5px !important;
        line-height: 1.25 !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .entry-content p,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .entry-content p {
        -webkit-line-clamp: 2 !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    #page-407 .pagenav {
        margin-top: 15px !important;
        padding: 15px !important;
        gap: 5px !important;
    }

    html body #pagewrap #content #page-407 .pagenav .number,
    html body #pagewrap #content #page-407 .pagenav a.prevp,
    html body #pagewrap #content #page-407 .pagenav a.nextp,
    html body #pagewrap #content #page-407 .pagenav a.firstp,
    html body #pagewrap #content #page-407 .pagenav a.lastp {
        min-width: 31px !important;
        width: 31px !important;
        height: 31px !important;
    }

    html body #pagewrap #content #page-407 .pagenav .number {
        padding: 0 6px !important;
        font-size: 11px !important;
    }

    html body #pagewrap #content #page-407 .pagenav a.prevp,
    html body #pagewrap #content #page-407 .pagenav a.nextp,
    html body #pagewrap #content #page-407 .pagenav a.firstp,
    html body #pagewrap #content #page-407 .pagenav a.lastp {
        padding: 0 !important;
        font-size: 0 !important;
    }

    html body #pagewrap #content #page-407 .pagenav a.prevp::before,
    html body #pagewrap #content #page-407 .pagenav a.nextp::before,
    html body #pagewrap #content #page-407 .pagenav a.firstp::before,
    html body #pagewrap #content #page-407 .pagenav a.firstp::after,
    html body #pagewrap #content #page-407 .pagenav a.lastp::before,
    html body #pagewrap #content #page-407 .pagenav a.lastp::after {
        width: 7px !important;
        height: 7px !important;
    }
}


@media (min-width: 980px) {
    #page-407 .builder-posts-wrap.list-thumb-image article.post,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child {
        grid-template-columns:
            190px minmax(0, 1fr) !important;
        height: 192px !important;
        min-height: 192px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image {
        width: 190px !important;
        max-width: 190px !important;

        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        flex: none !important;
        overflow: hidden !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image a {
        display: block !important;
        width: 190px !important;
        height: 190px !important;
    }

    #page-407 .builder-posts-wrap.list-thumb-image .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image img.wp-post-image,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child .post-image img,
    #page-407 .builder-posts-wrap.list-thumb-image article.post:first-child img.wp-post-image {
        display: block !important;
        width: 190px !important;
        max-width: 190px !important;
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        object-fit: cover !important;
        object-position: center !important;
        filter: none !important;
        transform: none !important;
        opacity: 1 !important;
        border: none !important;
        box-shadow: none !important;
    }
}

/*Single post*/
body.single-post {
    background: #f1f4f6 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

body.single-post #content {
    overflow: visible !important;
}

body.single-post #content > article.post {
    position: relative !important;
    box-sizing: border-box !important;
    margin: 20px 0 44px !important;
    padding: 14px 14px 30px !important;
 background: #8fa3b5 !important;
    overflow: visible !important;
    box-shadow:
        0 12px 30px rgba(8, 46, 88, 0.13) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
	left: auto !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 20px auto 40px !important;
    transform: none !important;
}


body.single-post #content > article.post > .post-image,
body.single-post #content > article.post > figure.post-image {
    display: none !important;
}

body.single-post
#content > article.post
.entry-content > .blog-hero-image {
    display: none !important;
}

body.single-post
#content > article.post > .blog-hero-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(260px, 27vw, 360px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0d396a !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}


body.single-post
#content > article.post > .blog-hero-image a,

body.single-post
#content > article.post > .blog-hero-image figure,

body.single-post
#content > article.post > .blog-hero-image .image-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}


body.single-post
#content > article.post > .blog-hero-image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


body.single-post
#content > article.post > .blog-hero-image::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.48) !important;
    pointer-events: none !important;
}

body.single-post
#content > article.post > .post-content {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    width: calc(100% - 72px) !important;
    box-sizing: border-box !important;
    margin: -25px auto 0 !important;
    padding: 34px 50px 42px !important;
    background: #ffffff !important;
    border: 1px solid #d0d9e0 !important;
    border-radius: 0 !important;
    box-shadow:
        0 9px 23px rgba(8, 46, 88, 0.13) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

body.single-post
#content > article.post
.post-content-inner {
    display: block !important;
    width: 100% !important;
    max-width: 930px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

body.single-post
#content > article.post
.post-content-inner > .post-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: #0d396a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(34px, 3.8vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.034em !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}


body.single-post
#content > article.post
.post-content-inner > .post-title::before,

body.single-post
#content > article.post
.post-content-inner > .post-title::after {
    display: none !important;
    content: none !important;
}


body.single-post
#content > article.post
.post-content-inner > .post-title a {
    display: block !important;
    color: #0d396a !important;
    -webkit-text-fill-color: #0d396a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
}


body.single-post
#content > article.post
.post-content-inner > .post-title + .entry-content {
    position: relative !important;
    padding-top: 20px !important;
    border-top: 1px solid #c7d1d9 !important;
}

body.single-post
#content > article.post
.post-content-inner > .post-title + .entry-content::before {
    content: "" !important;
    position: absolute !important;
    top: -1px !important;
    left: 0 !important;
    width: 42px !important;
    height: 1px !important;
    background: #57758d !important;
    border: none !important;
}

body.single-post
#content > article.post
.entry-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    color: #344e64 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
}


body.single-post
#content > article.post
.entry-content p {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #344e64 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
}

body.single-post
#content > article.post
.entry-content span,

body.single-post
#content > article.post
.entry-content strong,

body.single-post
#content > article.post
.entry-content em,

body.single-post
#content > article.post
.entry-content a {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

body.single-post
#content > article.post
.entry-content > p:first-of-type {
    margin-bottom: 22px !important;
    color: #25465f !important;
    font-size: 18px !important;
    line-height: 1.64 !important;
}

body.single-post
#content > article.post
.entry-content h2 {
    margin: 33px 0 13px !important;
    padding: 0 !important;
    color: #0d396a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.27 !important;
    letter-spacing: -0.02em !important;
    border: none !important;
}


body.single-post
#content > article.post
.entry-content h3 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    margin: 27px 0 11px !important;
    padding: 0 !important;
    color: #0d396a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.34 !important;
    letter-spacing: -0.01em !important;
    border: none !important;
}

body.single-post
#content > article.post
.entry-content h3::before {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    background: #8499aa !important;
    border: none !important;
}

body.single-post
#content > article.post
.entry-content h2 span,

body.single-post
#content > article.post
.entry-content h2 strong,

body.single-post
#content > article.post
.entry-content h2 a,

body.single-post
#content > article.post
.entry-content h3 span,

body.single-post
#content > article.post
.entry-content h3 strong,

body.single-post
#content > article.post
.entry-content h3 a {
    color: inherit !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-decoration: none !important;
}

body.single-post
#content > article.post
.entry-content p a,

body.single-post
#content > article.post
.entry-content li a {
    color: #0d396a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(13, 57, 106, 0.34) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

body.single-post
#content > article.post
.entry-content ul,

body.single-post
#content > article.post
.entry-content ol {
    margin: 15px 0 22px !important;
    padding-left: 25px !important;
}

body.single-post
#content > article.post
.entry-content li {
    margin-bottom: 8px !important;

    color: #344e64 !important;

    font-size: 16.5px !important;
    line-height: 1.64 !important;
}

body.single-post
#content > article.post
.entry-content blockquote {
    position: relative !important;
    margin: 27px 0 !important;
    padding: 20px 24px !important;
    background: #f0f4f7 !important;
    color: #294960 !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.62 !important;
    border: 1px solid #d5dee5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-post
#content > article.post
.entry-content img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 25px auto !important;
    border: 1px solid #d6dfe5 !important;
    border-radius: 0 !important;
    box-shadow:
        0 7px 18px rgba(8, 46, 88, 0.09) !important;
}

body.single-post
#content > article.post
.blog-hero-image img {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
    body.single-post #content > article.post {
        width: calc(100% + 80px) !important;
        max-width: calc(100vw - 28px) !important;
        margin-top: 16px !important;
        margin-bottom: 38px !important;
        padding: 12px 12px 27px !important;
    }


    body.single-post
    #content > article.post > .blog-hero-image {
        height: clamp(250px, 36vw, 330px) !important;
    }


    body.single-post
    #content > article.post > .post-content {
        width: calc(100% - 52px) !important;

        margin-top: -22px !important;
        padding: 32px 38px 39px !important;
    }
}

@media (max-width: 767px) {
    body.single-post {
        overflow-x: hidden !important;
    }

    body.single-post #content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }


    body.single-post #content > article.post {
        left: auto !important;
        width: calc(100% - 16px) !important;
        max-width: none !important;
        margin: 10px auto 28px !important;
        padding: 8px 8px 20px !important;
        transform: none !important;
        box-shadow:
            0 7px 20px rgba(8, 46, 88, 0.11) !important;
    }


    body.single-post
    #content > article.post > .blog-hero-image {
        height: clamp(185px, 54vw, 225px) !important;
    }


    body.single-post
    #content > article.post > .post-content {
        width: calc(100% - 14px) !important;
        margin: -14px auto 0 !important;
        padding: 24px 18px 30px !important;
        box-shadow:
            0 6px 17px rgba(8, 46, 88, 0.11) !important;
    }

    body.single-post
    #content > article.post
    .post-content-inner > .post-title {
        margin-bottom: 18px !important;
        font-size: clamp(27px, 8.5vw, 32px) !important;
        line-height: 1.13 !important;
        letter-spacing: -0.025em !important;
    }


    body.single-post
    #content > article.post
    .post-content-inner > .post-title + .entry-content {
        padding-top: 17px !important;
    }


    body.single-post
    #content > article.post
    .post-content-inner > .post-title + .entry-content::before {
        width: 34px !important;
    }


    body.single-post
    #content > article.post
    .entry-content,

    body.single-post
    #content > article.post
    .entry-content p {
        font-size: 15.5px !important;
        line-height: 1.64 !important;
    }

    body.single-post
    #content > article.post
    .entry-content p {
        margin-bottom: 17px !important;
    }

    body.single-post
    #content > article.post
    .entry-content > p:first-of-type {
        margin-bottom: 20px !important;
        font-size: 16.5px !important;
        line-height: 1.61 !important;
    }


    body.single-post
    #content > article.post
    .entry-content h2 {
        margin-top: 29px !important;
        font-size: 22px !important;
    }


    body.single-post
    #content > article.post
    .entry-content h3 {
        grid-template-columns: 18px minmax(0, 1fr) !important;
        column-gap: 9px !important;
        margin-top: 24px !important;
        font-size: 18px !important;
        line-height: 1.35 !important;
    }


    body.single-post
    #content > article.post
    .entry-content h3::before {
        width: 18px !important;
    }


    body.single-post
    #content > article.post
    .entry-content ul,

    body.single-post
    #content > article.post
    .entry-content ol {
        padding-left: 21px !important;
    }


    body.single-post
    #content > article.post
    .entry-content li {
        font-size: 15.5px !important;
        line-height: 1.62 !important;
    }


    body.single-post
    #content > article.post
    .entry-content blockquote {
        margin: 23px 0 !important;
        padding: 17px 18px !important;
        font-size: 15.5px !important;
    }


    body.single-post
    #content > article.post
    .entry-content img {
        margin: 21px auto !important;
    }

    body.single-post
    #content > article.post
    > .blog-hero-image img {
        object-position: 0 center !important;
    }
}

/*single post - centered*/
body.single-post #sidebar {
    display: none !important;
}

body.single-post #content {
    float: none !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

body.single-post #content > article.post {
    left: auto !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 20px auto 40px !important;
    transform: none !important;
}

body.single-post
#content > article.post > .blog-hero-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(300px, 32vw, 430px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0d396a !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}


/*test*/

/* =========================================================
   SINGLE-POST NAVIGATION
   NAVY PREVIOUS/NEXT + COMPACT RELATED POSTS
   Replace every previous post-nav / related-posts rule
   ========================================================= */


/* =========================================================
   PREVIOUS / NEXT — NAVY TOP ROW
   ========================================================= */

html body.single-post .post-nav {
    clear: both !important;
    float: none !important;
    position: relative !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 1240px !important;
    box-sizing: border-box !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #0d396a !important;
    background-color: #0d396a !important;
    background-image: none !important;

    border: 1px solid #082e58 !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    box-shadow:
        0 7px 20px rgba(8, 46, 88, 0.13) !important;

    overflow: hidden !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
}


/* Previous and Next halves */

html body.single-post .post-nav .prev,
html body.single-post .post-nav .next {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #0d396a !important;
    background-color: #0d396a !important;
    background-image: none !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    transform: none !important;

    overflow: hidden !important;

    transition:
        background-color 0.18s ease !important;
}


html body.single-post .post-nav .next {
    border-left:
        1px solid rgba(255, 255, 255, 0.22) !important;

    text-align: right !important;
}


/* Small labels */

html body.single-post .post-nav .prev::before,
html body.single-post .post-nav .next::before {
    position: absolute !important;
    z-index: 3 !important;

    top: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #b8c8d5 !important;
    -webkit-text-fill-color: #b8c8d5 !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;

    pointer-events: none !important;
}


html body.single-post .post-nav .prev::before {
    content: "Previous article" !important;
    left: 49px !important;
}


html body.single-post .post-nav .next::before {
    content: "Next article" !important;
    right: 49px !important;
}


/* Red bottom detail */

html body.single-post .post-nav .prev::after,
html body.single-post .post-nav .next::after {
    content: "" !important;

    position: absolute !important;
    z-index: 4 !important;

    bottom: 0 !important;

    display: block !important;

    width: 34px !important;
    height: 2px !important;

    background: #cb0131 !important;

    transition:
        width 0.18s ease !important;
}


html body.single-post .post-nav .prev::after {
    left: 49px !important;
}


html body.single-post .post-nav .next::after {
    right: 49px !important;
}


/* Previous / Next links */

html body.single-post .post-nav .prev > a,
html body.single-post .post-nav .next > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 34px 49px 12px !important;

    background: transparent !important;
    background-image: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 650 !important;
    line-height: 1.27 !important;
    letter-spacing: -0.008em !important;

    text-decoration: none !important;
    text-shadow: none !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    transform: none !important;

    overflow: hidden !important;
}


html body.single-post .post-nav .next > a {
    justify-content: flex-end !important;
}


/* Navigation arrows */

html body.single-post .post-nav .prev > a::before,
html body.single-post .post-nav .next > a::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;

    display: block !important;

    width: 8px !important;
    height: 8px !important;
    box-sizing: border-box !important;

    border-top: 1px solid #b8c8d5 !important;
    border-right: 1px solid #b8c8d5 !important;

    transition:
        border-color 0.18s ease !important;
}


html body.single-post .post-nav .prev > a::before {
    left: 20px !important;

    transform:
        translateY(-10%)
        rotate(-135deg) !important;
}


html body.single-post .post-nav .next > a::after {
    right: 20px !important;

    transform:
        translateY(-10%)
        rotate(45deg) !important;
}


html body.single-post .post-nav .prev > a::after,
html body.single-post .post-nav .next > a::before {
    display: none !important;
    content: none !important;
}


/* Remove Themify default arrows */

html body.single-post .post-nav .arrow,
html body.single-post .post-nav span.arrow,
html body.single-post .post-nav a .arrow {
    display: none !important;
}


/* Stationary hover */

html body.single-post .post-nav .prev:hover,
html body.single-post .post-nav .next:hover,
html body.single-post .post-nav .prev:focus-within,
html body.single-post .post-nav .next:focus-within {
    background: #123f70 !important;
    background-image: none !important;

    box-shadow: none !important;
    transform: none !important;
}


html body.single-post .post-nav .prev:hover::after,
html body.single-post .post-nav .next:hover::after,
html body.single-post .post-nav .prev:focus-within::after,
html body.single-post .post-nav .next:focus-within::after {
    width: 58px !important;
}


html body.single-post .post-nav .prev:hover > a,
html body.single-post .post-nav .next:hover > a,
html body.single-post .post-nav .prev:focus-within > a,
html body.single-post .post-nav .next:focus-within > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    transform: none !important;
}


html body.single-post .post-nav .prev:hover > a::before,
html body.single-post .post-nav .next:hover > a::after,
html body.single-post .post-nav .prev:focus-within > a::before,
html body.single-post .post-nav .next:focus-within > a::after {
    border-color: #ffffff !important;
}


/* =========================================================
   RELATED POSTS — COMPACT LOWER ROW
   ========================================================= */

html body.single-post .related-posts {
    clear: both !important;
    float: none !important;
    position: relative !important;

    display: grid !important;
    grid-template-columns:
        168px
        repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 1240px !important;
    box-sizing: border-box !important;

    margin: 0 auto 40px !important;
    padding: 0 !important;

    /* Muted background related to the site's slate colours */
    background: #d2dce1 !important;
    background-color: #d2dce1 !important;
    background-image: none !important;

    border: 1px solid #9fafb8 !important;
    border-top: none !important;
    border-radius: 0 !important;

    box-shadow:
        0 7px 20px rgba(8, 46, 88, 0.09) !important;

    overflow: hidden !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    counter-reset: none !important;
}


/* Related Posts heading */

html body.single-post .related-posts .related-title,
html body.single-post .related-posts > h2,
html body.single-post .related-posts > h3,
html body.single-post .related-posts > h4 {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 18px 0 22px !important;

    background: transparent !important;
    background-image: none !important;

    color: #29475a !important;
    -webkit-text-fill-color: #29475a !important;

    border: none !important;
    border-right:
        1px solid rgba(49, 75, 91, 0.25) !important;

    border-radius: 0 !important;

    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: -0.012em !important;
}


/* Heading accent */

html body.single-post .related-posts .related-title::before,
html body.single-post .related-posts > h2::before,
html body.single-post .related-posts > h3::before,
html body.single-post .related-posts > h4::before {
    content: "" !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 22px !important;
    height: 2px !important;

    margin-right: 11px !important;

    background: #cb0131 !important;
}


html body.single-post .related-posts .related-title::after,
html body.single-post .related-posts > h2::after,
html body.single-post .related-posts > h3::after,
html body.single-post .related-posts > h4::after {
    display: none !important;
    content: none !important;
}


/* Each related article */

html body.single-post .related-posts article.post,
html body.single-post .related-posts > .post,
html body.single-post .related-posts .post {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 14px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-left:
        1px solid rgba(49, 75, 91, 0.20) !important;

    border-radius: 0 !important;

    box-shadow: none !important;
    transform: none !important;

    overflow: hidden !important;

    transition:
        background-color 0.18s ease !important;

    counter-increment: none !important;
}


html body.single-post .related-posts article.post:first-of-type,
html body.single-post .related-posts > .post:first-of-type {
    border-left: none !important;
}


/* Remove all old numbers and decoration */

html body.single-post .related-posts article.post::before,
html body.single-post .related-posts article.post::after,
html body.single-post .related-posts > .post::before,
html body.single-post .related-posts > .post::after,
html body.single-post .related-posts .post::before,
html body.single-post .related-posts .post::after {
    display: none !important;
    content: none !important;
}


/* Compact thumbnail */

html body.single-post .related-posts .post-image,
html body.single-post .related-posts figure.post-image {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 52px !important;
    max-width: 52px !important;

    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #a8bac3 !important;

    border: 1px solid rgba(49, 75, 91, 0.16) !important;
    border-radius: 0 !important;

    overflow: hidden !important;
}


html body.single-post .related-posts .post-image a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


html body.single-post .related-posts .post-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    background: #a8bac3 !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    filter:
        saturate(0.84)
        contrast(1.02) !important;

    opacity: 0.93 !important;
    transform: none !important;

    transition:
        opacity 0.18s ease,
        filter 0.18s ease !important;
}


/* Remove all old image overlays */

html body.single-post .related-posts .post-image::before,
html body.single-post .related-posts .post-image::after {
    display: none !important;
    content: none !important;
}

html body.single-post .related-posts .post-content,
html body.single-post .related-posts .post-content-inner {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 0 7px 11px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}


html body.single-post .related-posts .post-content::before,
html body.single-post .related-posts .post-content::after,
html body.single-post .related-posts .post-content-inner::before,
html body.single-post .related-posts .post-content-inner::after {
    display: none !important;
    content: none !important;
}

html body.single-post .related-posts .post-title {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

html body.single-post .related-posts .post-title::before,
html body.single-post .related-posts .post-title::after {
    display: none !important;
    content: none !important;
}


html body.single-post .related-posts .post-title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #29475a !important;
    -webkit-text-fill-color: #29475a !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.24 !important;
    letter-spacing: -0.005em !important;
    text-decoration: none !important;
    text-shadow: none !important;
    background: transparent !important;
}

html body.single-post .related-posts .post-meta,
html body.single-post .related-posts .post-category,
html body.single-post .related-posts .post-category-wrap,
html body.single-post .related-posts .post-date,
html body.single-post .related-posts .post-author,
html body.single-post .related-posts .post-comment,
html body.single-post .related-posts .post-comments,
html body.single-post .related-posts .post-tag,
html body.single-post .related-posts .entry-content,
html body.single-post .related-posts .post-excerpt {
    display: none !important;
}

html body.single-post .related-posts article.post:hover,
html body.single-post .related-posts > .post:hover,
html body.single-post .related-posts .post:hover,
html body.single-post .related-posts article.post:focus-within,
html body.single-post .related-posts > .post:focus-within,
html body.single-post .related-posts .post:focus-within {
    background: rgba(65, 91, 106, 0.10) !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
}


html body.single-post .related-posts article.post:hover .post-image img,
html body.single-post .related-posts .post:hover .post-image img,
html body.single-post .related-posts article.post:focus-within .post-image img,
html body.single-post .related-posts .post:focus-within .post-image img {
    opacity: 0.82 !important;
    filter:
        saturate(0.76)
        contrast(1.04) !important;
    transform: none !important;
}

@media (max-width: 980px) {
    html body.single-post .related-posts {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    html body.single-post .related-posts .related-title,
    html body.single-post .related-posts > h2,
    html body.single-post .related-posts > h3,
    html body.single-post .related-posts > h4 {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 16px !important;
        border-right: none !important;
        border-bottom:
            1px solid rgba(49, 75, 91, 0.23) !important;
        font-size: 15px !important;
    }

    html body.single-post .related-posts article.post,
    html body.single-post .related-posts > .post,
    html body.single-post .related-posts .post {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;

        grid-template-columns:
            46px minmax(0, 1fr) !important;

        padding: 0 11px !important;
    }

    html body.single-post .related-posts .post-image,
    html body.single-post .related-posts figure.post-image {
        width: 46px !important;
        max-width: 46px !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    html body.single-post .related-posts .post-content,
    html body.single-post .related-posts .post-content-inner {
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;

        padding-left: 9px !important;
    }
}

@media (max-width: 600px) {
    html body.single-post .post-nav {
        grid-template-columns: 1fr !important;
    }

    html body.single-post .post-nav .prev,
    html body.single-post .post-nav .next,
    html body.single-post .post-nav .prev > a,
    html body.single-post .post-nav .next > a {
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
    }

    html body.single-post .post-nav .next {
        border-top:
            1px solid rgba(255, 255, 255, 0.22) !important;

        border-left: none !important;
    }

    html body.single-post .post-nav .prev::before,
    html body.single-post .post-nav .next::before {
        top: 13px !important;
    }

    html body.single-post .post-nav .prev::before {
        left: 42px !important;
    }

    html body.single-post .post-nav .next::before {
        right: 42px !important;
    }

    html body.single-post .post-nav .prev::after {
        left: 42px !important;
    }

    html body.single-post .post-nav .next::after {
        right: 42px !important;
    }

    html body.single-post .post-nav .prev > a,
    html body.single-post .post-nav .next > a {
        padding:
            27px
            42px
            8px !important;
        font-size: 13px !important;
    }


    html body.single-post .related-posts {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 30px !important;
    }

    html body.single-post .related-posts .related-title,
    html body.single-post .related-posts > h2,
    html body.single-post .related-posts > h3,
    html body.single-post .related-posts > h4 {
        grid-column: 1 !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 14px !important;
        border-bottom:
            1px solid rgba(49, 75, 91, 0.23) !important;
        font-size: 15px !important;
    }

    html body.single-post .related-posts article.post,
    html body.single-post .related-posts > .post,
    html body.single-post .related-posts .post {
        grid-column: 1 !important;
        grid-template-columns:
            44px minmax(0, 1fr) !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        padding: 0 11px !important;
        border-left: none !important;
        border-top:
            1px solid rgba(49, 75, 91, 0.18) !important;
    }

    html body.single-post .related-posts article.post:first-of-type,
    html body.single-post .related-posts > .post:first-of-type {
        border-top: none !important;
    }

    html body.single-post .related-posts .post-image,
    html body.single-post .related-posts figure.post-image {
        width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    html body.single-post .related-posts .post-content,
    html body.single-post .related-posts .post-content-inner {
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;

        padding-left: 9px !important;
    }

    html body.single-post .related-posts .post-title a {
        font-size: 12.5px !important;
        line-height: 1.23 !important;
    }
}


/* Keyboard focus */
html body.single-post .post-nav a:focus-visible,
html body.single-post .related-posts a:focus-visible {
    outline: 2px solid #cb0131 !important;
    outline-offset: -2px !important;
}