/* =========================================================
   JARROD REVIEWS — CLEAN FINAL MASTER
   PHONE + DENSER COMPUTER FORMAT
   ========================================================= */


/* =========================================================
   1. 10K BANNER
   ========================================================= */

.custom-logo-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.custom-logo {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: -21px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   2. ITALY TAGLINE
   ========================================================= */

.site-description {
    color: #4F7DFF !important;
    -webkit-text-stroke: 0.5px #4C1D95 !important;
    text-shadow: none !important;
}


/* =========================================================
   3. MAIN SITE BACKGROUND
   ========================================================= */

html,
body,
#page,
.site,
.site-content,
#content,
.content-area,
.site-main,
#primary,
main {
    background: #20B7E8 !important;
}


/* =========================================================
   4. HEADER
   ========================================================= */

.site-header,
.site-branding {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
    text-align: center !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.site-title {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 25px auto !important;
    text-align: center !important;
}

.site-title a {
    text-align: center !important;
}


/* =========================================================
   5. NAVIGATION
   WORKING COLLAPSIBLE MENU
   ========================================================= */

.main-navigation,
nav.main-navigation,
#site-navigation {
    display: block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    clear: both !important;
    text-align: center !important;
    overflow: visible !important;
    z-index: 1000 !important;
}


/* MENU BUTTON */

.menu-toggle,
.main-navigation .menu-toggle,
#site-navigation .menu-toggle,
button.menu-toggle {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 18px auto 28px !important;
    padding: 18px 38px !important;
    background: #6428F5 !important;
    background-color: #6428F5 !important;
    background-image: none !important;
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    border: 2px solid #4C1D95 !important;
    border-radius: 12px !important;
    box-shadow:
        0 6px 16px rgba(59,7,100,0.32) !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-shadow: none !important;
    cursor: pointer !important;
    z-index: 10001 !important;
}

.menu-toggle *,
.main-navigation .menu-toggle *,
#site-navigation .menu-toggle * {
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    fill: #62C7E5 !important;
    stroke: #62C7E5 !important;
}

.menu-toggle svg,
.menu-toggle svg *,
.menu-toggle .icon,
.menu-toggle .icon-menu {
    color: #62C7E5 !important;
    fill: #62C7E5 !important;
    stroke: #62C7E5 !important;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
    background: #4C1D95 !important;
    background-color: #4C1D95 !important;
    color: #7DD8F2 !important;
    -webkit-text-fill-color: #7DD8F2 !important;
    border-color: #6428F5 !important;
}


/* CLOSED MENU */

.main-navigation:not(.toggled) > div > ul,
.main-navigation:not(.toggled) > ul,
.main-navigation:not(.toggled) .menu,
.main-navigation:not(.toggled) .nav-menu,

#site-navigation:not(.toggled) > div > ul,
#site-navigation:not(.toggled) > ul,
#site-navigation:not(.toggled) .menu,
#site-navigation:not(.toggled) .nav-menu {
    display: none !important;
}


/* OPEN MENU FALLBACK */

.main-navigation.toggled > div > ul,
.main-navigation.toggled > ul,
.main-navigation.toggled .menu,
.main-navigation.toggled .nav-menu,

.main-navigation.toggled-on > div > ul,
.main-navigation.toggled-on > ul,
.main-navigation.toggled-on .menu,
.main-navigation.toggled-on .nav-menu,

#site-navigation.toggled > div > ul,
#site-navigation.toggled > ul,
#site-navigation.toggled .menu,
#site-navigation.toggled .nav-menu,

#site-navigation.toggled-on > div > ul,
#site-navigation.toggled-on > ul,
#site-navigation.toggled-on .menu,
#site-navigation.toggled-on .nav-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: calc(100% - 30px) !important;
    max-width: 900px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto 25px !important;
    padding: 8px !important;
    background: #6428F5 !important;
    border-radius: 14px !important;
    overflow: visible !important;
    transform: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
    z-index: 10000 !important;
}


/* OPEN MENU ITEMS */

.main-navigation.toggled li,
.main-navigation.toggled-on li,
#site-navigation.toggled li,
#site-navigation.toggled-on li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
}


/* OPEN MENU LINKS */

.main-navigation.toggled li a,
.main-navigation.toggled-on li a,
#site-navigation.toggled li a,
#site-navigation.toggled-on li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 18px !important;
    background: #4C1D95 !important;
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    border: none !important;
    border-bottom:
        1px solid rgba(98,199,229,0.35) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.main-navigation.toggled li a:hover,
.main-navigation.toggled li a:focus,
.main-navigation.toggled-on li a:hover,
.main-navigation.toggled-on li a:focus,
#site-navigation.toggled li a:hover,
#site-navigation.toggled li a:focus,
#site-navigation.toggled-on li a:hover,
#site-navigation.toggled-on li a:focus {
    background: #3B0764 !important;
    color: #7DD8F2 !important;
    -webkit-text-fill-color: #7DD8F2 !important;
}


/* DON'T CLIP MENU */

#masthead,
.site-header,
.site-branding,
.main-navigation,
#site-navigation {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


/* =========================================================
   6. ITALY HERO — BASE
   ========================================================= */

.custom-header,
.custom-header-media,
.header-image {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    clear: both !important;
}

.custom-header img,
.custom-header-media img,
.header-image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
}


/* =========================================================
   7. ONE-COLUMN LAYOUT
   ========================================================= */

.site-content,
#content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#primary,
.content-area,
.site-main,
main {
    display: block !important;
    order: 1 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    clear: both !important;
}


/* SIDEBAR UNDER REVIEWS */

#secondary,
.secondary,
.sidebar,
.widget-area {
    order: 2 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 30px auto !important;
    clear: both !important;
}


/* =========================================================
   8. REVIEW CARDS
   ========================================================= */

article,
.site-main article {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: calc(100% - 16px) !important;
    max-width: 1250px !important;
    margin: 28px auto !important;
    padding: 8px !important;
    background: #62C7E5 !important;
    border: none !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    clear: both !important;
    box-shadow:
        0 8px 22px rgba(59,7,100,0.18) !important;
}


/* =========================================================
   9. ALL REVIEW FEATURED / HEADER IMAGES
   HOMEPAGE + ARCHIVES + OPENED REVIEWS
   ========================================================= */

article .post-thumbnail,
article .post-thumbnail a,
article .entry-thumbnail,
article .entry-thumbnail a,
article .featured-image,
article .featured-image a,
article .featured-media,
article .featured-media a,
article .post-image,
article .post-image a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    overflow: visible !important;
    order: 1 !important;
    transform: none !important;
    box-sizing: border-box !important;
}


/* ACTUAL IMAGES */

article .post-thumbnail img,
article .entry-thumbnail img,
article .featured-image img,
article .featured-media img,
article .post-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    clear: both !important;
    border-radius: 14px 14px 0 0 !important;
}


/* HOMEPAGE / BLOG / ARCHIVE */

body.home article .post-thumbnail,
body.blog article .post-thumbnail,
body.archive article .post-thumbnail,

body.home article .entry-thumbnail,
body.blog article .entry-thumbnail,
body.archive article .entry-thumbnail,

body.home article .featured-image,
body.blog article .featured-image,
body.archive article .featured-image,

body.home article .featured-media,
body.blog article .featured-media,
body.archive article .featured-media,

body.home article .post-image,
body.blog article .post-image,
body.archive article .post-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    float: none !important;
    order: 1 !important;
}


/* HOMEPAGE / BLOG / ARCHIVE ACTUAL IMAGES */

body.home article .post-thumbnail img,
body.blog article .post-thumbnail img,
body.archive article .post-thumbnail img,

body.home article .entry-thumbnail img,
body.blog article .entry-thumbnail img,
body.archive article .entry-thumbnail img,

body.home article .featured-image img,
body.blog article .featured-image img,
body.archive article .featured-image img,

body.home article .featured-media img,
body.blog article .featured-media img,
body.archive article .featured-media img,

body.home article .post-image img,
body.blog article .post-image img,
body.archive article .post-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
}


/* INDIVIDUAL OPENED REVIEW IMAGES */

body.single article .post-thumbnail,
body.single article .entry-thumbnail,
body.single article .featured-image,
body.single article .featured-media,
body.single article .post-image,
body.single-post article .post-thumbnail,
body.single-post article .entry-thumbnail,
body.single-post article .featured-image,
body.single-post article .featured-media,
body.single-post article .post-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}


/* =========================================================
   10. WHITE READING AREA
   ========================================================= */

article .entry-header,
article .entry-content,
article .entry-summary,
article .entry-footer {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #FFFFFF !important;
    clear: both !important;
    box-sizing: border-box !important;
}

article .entry-header {
    order: 2 !important;
    padding: 26px 22px 16px !important;
}

article .entry-content,
article .entry-summary {
    order: 3 !important;
    padding: 16px 22px 28px !important;
}

article .entry-footer {
    order: 4 !important;
    padding: 12px 22px 24px !important;
}


/* =========================================================
   11. DARK PURPLE REVIEW WORDS
   ========================================================= */

.entry-content,
.entry-content p,
.entry-content li,
.entry-content span,
.entry-content strong,
.entry-content b,
.entry-content em,
.entry-content i,
.entry-content blockquote,
.entry-content figcaption,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary,
.entry-summary p {
    color: #3B0764 !important;
    -webkit-text-fill-color: #3B0764 !important;
}


/* =========================================================
   12. REVIEW TITLES — NO PURPLE TITLE BOX
   ========================================================= */

article .entry-title,
article .entry-title a {
    color: #3B0764 !important;
    -webkit-text-fill-color: #3B0764 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}


/* =========================================================
   13. REVIEW SECTION HEADINGS
   ========================================================= */

article .entry-content h2 {
    background: #DDF4FB !important;
    color: #3B0764 !important;
    -webkit-text-fill-color: #3B0764 !important;
    border: none !important;
    border-left: 5px solid #6428F5 !important;
    border-radius: 9px !important;
    padding: 11px 14px !important;
    margin-top: 38px !important;
    margin-bottom: 18px !important;
}


/* =========================================================
   14. REVIEW BODY
   ========================================================= */

article .entry-content p {
    line-height: 1.7 !important;
    margin-bottom: 1.35em !important;
}


/* =========================================================
   15. READ MORE
   ========================================================= */

.more-link,
a.more-link {
    display: inline-block !important;
    background:
        linear-gradient(
            90deg,
            #6428F5,
            #3975E8
        ) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-weight: 700 !important;
    padding: 14px 30px !important;
    border: none !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow:
        0 6px 16px rgba(59,7,100,0.28) !important;
}


/* =========================================================
   16. EMOJIS
   ========================================================= */

img.emoji,
.emoji {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: scale(1.18) !important;
    filter:
        saturate(1.35)
        contrast(1.08)
        drop-shadow(0 2px 2px rgba(59,7,100,0.25)) !important;
}


/* =========================================================
   17. WIDGETS
   ========================================================= */

.widget {
    float: none !important;
    width: calc(100% - 16px) !important;
    max-width: 1250px !important;
    margin: 24px auto !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    box-shadow:
        0 5px 14px rgba(59,7,100,0.16),
        0 12px 28px rgba(0,90,140,0.10) !important;
}

.widget-title::after,
.widget .wp-block-heading::after,
.widget h1::after,
.widget h2::after,
.widget h3::after {
    content: none !important;
    display: none !important;
}

.widget_search,
.wp-block-search,
.wp-block-search__inside-wrapper {
    overflow: visible !important;
}

.wp-block-search__inside-wrapper {
    padding-bottom: 16px !important;
}


/* =========================================================
   18. SOCIAL MEDIA ICONS
   ========================================================= */

.wp-block-social-links .wp-social-link svg,
.wp-block-social-links .wp-social-link svg path {
    filter:
        saturate(1.6)
        contrast(1.25)
        drop-shadow(0 2px 2px rgba(59,7,100,0.45))
        drop-shadow(0 0 5px rgba(255,255,255,0.30)) !important;
}

.wp-block-social-links .wp-social-link svg {
    transform: scale(1.18) !important;
    transform-origin: center !important;
    transition:
        transform 0.22s ease,
        filter 0.22s ease !important;
}

.wp-block-social-links .wp-social-link {
    transform: none !important;
}

@media (hover: hover) {

    .wp-block-social-links .wp-social-link:hover svg {
        transform: scale(1.32) !important;
        filter:
            saturate(1.8)
            contrast(1.3)
            drop-shadow(0 3px 3px rgba(59,7,100,0.50))
            drop-shadow(0 0 7px rgba(255,255,255,0.40)) !important;
    }
}


/* =========================================================
   19. PHONE
   KEEP PHONE FORMAT
   ========================================================= */

@media screen and (max-width: 768px) {

    article,
    .site-main article,
    .widget {
        width: calc(100vw - 16px) !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    article .entry-content p,
    article .entry-content li {
        font-size: 19px !important;
    }

    .main-navigation,
    #site-navigation,
    .main-navigation.toggled,
    #site-navigation.toggled,
    .main-navigation.toggled-on,
    #site-navigation.toggled-on {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* =========================================================
   20. COMPUTER
   SMALLER / DENSER PHYSICAL FORMAT
   KEEP WORDS MEDIUM
   ========================================================= */

@media screen and (min-width: 769px) {

    article,
    .site-main article {
        width: calc(100% - 220px) !important;
        max-width: 850px !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        padding: 6px !important;
        border-radius: 16px !important;
    }


    /* WORDS STAY MEDIUM */

    article .entry-title,
    article .entry-title a {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    article .entry-content p,
    article .entry-content li,
    article .entry-summary p {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }


    /* LESS EMPTY SPACE */

    article .entry-header {
        padding:
            17px
            23px
            10px !important;
    }

    article .entry-content,
    article .entry-summary {
        padding:
            10px
            23px
            18px !important;
    }

    article .entry-footer {
        padding:
            8px
            23px
            17px !important;
    }

    article .entry-content h2 {
        margin-top: 22px !important;
        margin-bottom: 11px !important;
        padding: 7px 10px !important;
    }

    .more-link,
    a.more-link {
        padding: 10px 21px !important;
    }


    /* REVIEW IMAGES */

    article .post-thumbnail img,
    article .entry-thumbnail img,
    article .featured-image img,
    article .featured-media img,
    article .post-image img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 390px !important;
        margin: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }


    /* WIDGETS */

    #secondary,
    .secondary,
    .sidebar,
    .widget-area {
        width: calc(100% - 220px) !important;
        max-width: 850px !important;
    }

    .widget {
        width: calc(100% - 220px) !important;
        max-width: 850px !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        border-radius: 15px !important;
    }


    /* SMALLER MENU BUTTON */

    .menu-toggle,
    button.menu-toggle,
    .main-navigation .menu-toggle,
    #site-navigation .menu-toggle {
        display: inline-block !important;
        position: relative !important;
        float: none !important;
        margin: 8px auto 14px !important;
        padding: 11px 25px !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        clear: both !important;
    }

    .main-navigation,
    #site-navigation,
    .main-navigation.toggled,
    #site-navigation.toggled,
    .main-navigation.toggled-on,
    #site-navigation.toggled-on {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* =========================================================
   21. FINAL 10K BANNER
   PHONE ORIGINAL / COMPUTER SMALLER
   ========================================================= */

html body .site .custom-logo-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100vw !important;
    max-width: none !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

html body .site .custom-logo-link img.custom-logo,
html body .site img.custom-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 50vw !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* PHONE 10K */

@media screen and (max-width: 768px) {

    html body .site .custom-logo-link img.custom-logo,
    html body .site img.custom-logo {
        width: 100vw !important;
        height: 50vw !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
    }
}


/* COMPUTER 10K — VISIBLE BUT SMALLER */

@media screen and (min-width: 769px) {

    html body .site .custom-logo-link {
        height: auto !important;
        min-height: 0 !important;
        max-height: 280px !important;
        overflow: hidden !important;
    }

    html body .site .custom-logo-link img.custom-logo,
    html body .site img.custom-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

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

        height: 22vw !important;
        min-height: 180px !important;
        max-height: 280px !important;

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

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


/* =========================================================
   22. ABSOLUTE WORKING OPEN MENU FIX
   KEEP THIS
   ========================================================= */

html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) > div > ul,
html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) > ul,
html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) .menu,
html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) .nav-menu,

html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) > div > ul,
html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) > ul,
html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) .menu,
html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) .nav-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: calc(100% - 30px) !important;
    max-width: 900px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto 25px !important;
    padding: 8px !important;
    overflow: visible !important;
    background: #6428F5 !important;
    border-radius: 14px !important;
    transform: none !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
}

html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) li,
html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
}

html body .main-navigation:has(.menu-toggle[aria-expanded="true"]) li a,
html body #site-navigation:has(.menu-toggle[aria-expanded="true"]) li a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 18px !important;
    background: #4C1D95 !important;
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    border-bottom:
        1px solid rgba(98,199,229,0.35) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}


/* HEADER NEVER CUTS OPEN MENU */

html body .main-navigation,
html body #site-navigation,
html body .site-header,
html body .site-branding,
html body #masthead {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


/* MENU COLORS */

html body .menu-toggle,
html body button.menu-toggle,
html body .main-navigation .menu-toggle,
html body #site-navigation .menu-toggle {
    background: #6428F5 !important;
    background-color: #6428F5 !important;
    background-image: none !important;
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    border: 2px solid #4C1D95 !important;
    border-radius: 12px !important;
    box-shadow:
        0 6px 16px rgba(59,7,100,0.32) !important;
}

html body .menu-toggle *,
html body .menu-toggle svg,
html body .menu-toggle svg *,
html body .menu-toggle .icon {
    color: #62C7E5 !important;
    -webkit-text-fill-color: #62C7E5 !important;
    fill: #62C7E5 !important;
    stroke: #62C7E5 !important;
}


/* =========================================================
   23. FINAL DESKTOP ITALY HEADER
   VISIBLE — LANDSCAPE — NOT GIANT
   ========================================================= */

@media screen and (min-width: 769px) {

    /* HEADER CONTAINERS */

    html body #masthead,
    html body header#masthead,
    html body .site-header,
    html body header.site-header,
    html body .site-branding {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        float: none !important;
        overflow: visible !important;
        transform: none !important;
    }


    /* ITALY HEADER WRAPPER */

    html body .custom-header {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

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

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

        float: none !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

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

        clear: both !important;

        overflow: hidden !important;

        clip: auto !important;
        clip-path: none !important;

        z-index: 2 !important;
    }


    /* ITALY MEDIA WRAPPERS */

    html body .custom-header .custom-header-media,
    html body .site-header .custom-header-media,
    html body .custom-header-media,
    html body .custom-header .wp-custom-header,
    html body .custom-header #wp-custom-header,
    html body .wp-custom-header,
    html body #wp-custom-header,
    html body .header-image,
    html body .header-image-link {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        float: none !important;

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

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

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

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

        transform: none !important;

        clip: auto !important;
        clip-path: none !important;

        overflow: hidden !important;

        clear: both !important;

        z-index: 2 !important;
    }


    /* ACTUAL ITALY IMAGE */

    html body .custom-header img,
    html body .custom-header-media img,
    html body .wp-custom-header img,
    html body #wp-custom-header img,
    html body .header-image img,
    html body .header-image-link img,
    html body img.header-image,
    html body .site-header .custom-header img,
    html body .site-header .custom-header-media img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        float: none !important;

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

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

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

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

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

        clip: auto !important;
        clip-path: none !important;

        overflow: hidden !important;

        z-index: 2 !important;
    }


    /* =====================================================
       ONLY ONE "COME TAKE A SEAT..." TAGLINE
       ===================================================== */

    html body .custom-header .site-description,
    html body .custom-header-media .site-description,
    html body .wp-custom-header .site-description,
    html body #wp-custom-header .site-description,
    html body .header-image .site-description,
    html body .header-image-link .site-description {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /* KEEP THE REAL MAIN TAGLINE */

    html body .site-branding > .site-description {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        margin: 8px auto 12px !important;
        padding: 0 !important;

        clear: both !important;

        text-align: center !important;

        color: #4F7DFF !important;
        -webkit-text-fill-color: #4F7DFF !important;
        -webkit-text-stroke:
            0.5px #4C1D95 !important;

        z-index: 20 !important;
    }


    /* MENU CANNOT OVERLAP TAGLINE */

    html body .main-navigation,
    html body #site-navigation {
        position: relative !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        top: auto !important;
        bottom: auto !important;
        margin: 0 auto !important;
        clear: both !important;
        transform: none !important;
        overflow: visible !important;
    }


    /* REVIEWS MUST START AFTER HEADER */

    html body .site-content,
    html body #content,
    html body #primary,
    html body .content-area,
    html body .site-main {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        clear: both !important;
        z-index: 1 !important;
    }
}
/* =========================================================
   FINAL THREE CORRECTIONS
   10K + ITALY + HOMEPAGE REVIEW IMAGES
   ========================================================= */


/* =========================================================
   1. COMPUTER — SHORTER 10K WITHOUT CUTTING OFF THE TOP
   ========================================================= */

@media screen and (min-width: 769px) {

    html body .site .custom-logo-link {
        display: block !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }

    html body .site .custom-logo-link img.custom-logo,
    html body .site img.custom-logo {
        display: block !important;

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

        /* SHORTER THAN BEFORE */
        height: 19vw !important;
        min-height: 150px !important;
        max-height: 235px !important;

        /*
         * Show the whole important upper portion instead
         * of chopping the artwork off at the top.
         */
        object-fit: cover !important;
        object-position: center top !important;

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

        position: relative !important;

        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   2. COMPUTER — FORCE ITALY HEADER IMAGE VISIBLE
   NORMAL LANDSCAPE HEADER SIZE
   ========================================================= */

@media screen and (min-width: 769px) {

    html body .custom-header,
    html body .custom-header-media,
    html body .wp-custom-header,
    html body #wp-custom-header,
    html body .header-image,
    html body .header-image-link {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

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

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

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

        float: none !important;
        clear: both !important;

        overflow: hidden !important;

        clip: auto !important;
        clip-path: none !important;

        transform: none !important;
    }


    html body .custom-header img,
    html body .custom-header-media img,
    html body .wp-custom-header img,
    html body #wp-custom-header img,
    html body .header-image img,
    html body .header-image-link img,
    html body img.header-image,
    html body .site-header .custom-header img,
    html body .site-header .custom-header-media img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

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

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

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

        float: none !important;

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

        clip: auto !important;
        clip-path: none !important;

        transform: none !important;

        overflow: hidden !important;
    }
}


/* =========================================================
   3. MAIN PAGE — ALWAYS SHOW EACH REVIEW'S IMAGE
   EVEN BEFORE OPENING THE POST
   ========================================================= */

body.home article .post-thumbnail,
body.blog article .post-thumbnail,
body.archive article .post-thumbnail,

body.home article .entry-thumbnail,
body.blog article .entry-thumbnail,
body.archive article .entry-thumbnail,

body.home article .featured-image,
body.blog article .featured-image,
body.archive article .featured-image,

body.home article .featured-media,
body.blog article .featured-media,
body.archive article .featured-media,

body.home article .post-image,
body.blog article .post-image,
body.archive article .post-image,

.site-main article .post-thumbnail,
.site-main article .entry-thumbnail,
.site-main article .featured-image,
.site-main article .featured-media,
.site-main article .post-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

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

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    float: none !important;
    clear: both !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    order: 1 !important;
}


/* ACTUAL REVIEW IMAGES */

body.home article .post-thumbnail img,
body.blog article .post-thumbnail img,
body.archive article .post-thumbnail img,

body.home article .entry-thumbnail img,
body.blog article .entry-thumbnail img,
body.archive article .entry-thumbnail img,

body.home article .featured-image img,
body.blog article .featured-image img,
body.archive article .featured-image img,

body.home article .featured-media img,
body.blog article .featured-media img,
body.archive article .featured-media img,

body.home article .post-image img,
body.blog article .post-image img,
body.archive article .post-image img,

.site-main article .post-thumbnail img,
.site-main article .entry-thumbnail img,
.site-main article .featured-image img,
.site-main article .featured-media img,
.site-main article .post-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

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

    height: auto !important;
    min-height: 0 !important;

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

    float: none !important;

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

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    border-radius: 10px 10px 0 0 !important;
}


/* DON'T LET THE ARTICLE HEADER COVER ITS IMAGE */

body.home article .entry-header,
body.blog article .entry-header,
body.archive article .entry-header,
.site-main article .entry-header {
    position: relative !important;
    z-index: 1 !important;
}


/* FEATURED IMAGE SITS ABOVE THE WHITE REVIEW TEXT */

body.home article .post-thumbnail,
body.blog article .post-thumbnail,
body.archive article .post-thumbnail,
.site-main article .post-thumbnail {
    position: relative !important;
    z-index: 2 !important;
}
/* =========================================================
   DESKTOP 10K — SHOW THE WHOLE IMAGE
   NO TOP OR BOTTOM CROPPING
   ========================================================= */

@media screen and (min-width: 769px) {

    html body .site .custom-logo-link {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }

    html body .site .custom-logo-link img.custom-logo,
    html body .site img.custom-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        /* LET THE IMAGE KEEP ITS REAL PROPORTIONS */
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        /* NO CROPPING */
        object-fit: contain !important;
        object-position: center center !important;

        position: relative !important;

        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

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

        clip: auto !important;
        clip-path: none !important;

        overflow: visible !important;
    }
}
/* =========================================================
   FORCE EVERY REVIEW FEATURED IMAGE VISIBLE
   MAIN PAGE + ARCHIVES + SEARCH + INDIVIDUAL POSTS
   ========================================================= */


/* ---------------------------------------------------------
   IMAGE CONTAINERS
   --------------------------------------------------------- */

html body article .post-thumbnail,
html body article .entry-thumbnail,
html body article .featured-image,
html body article .featured-media,
html body article .post-image,
html body article .entry-image,
html body article .wp-post-image,
html body article figure,
html body article .wp-block-post-featured-image,

html body .site-main article .post-thumbnail,
html body .site-main article .entry-thumbnail,
html body .site-main article .featured-image,
html body .site-main article .featured-media,
html body .site-main article .post-image,
html body .site-main article .entry-image,
html body .site-main article .wp-block-post-featured-image {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    float: none !important;

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

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 !important;

    clear: both !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    order: 1 !important;

    z-index: 5 !important;
}


/* ---------------------------------------------------------
   LINKS WRAPPING FEATURED IMAGES
   --------------------------------------------------------- */

html body article .post-thumbnail a,
html body article .entry-thumbnail a,
html body article .featured-image a,
html body article .featured-media a,
html body article .post-image a,
html body article .entry-image a,
html body article .wp-block-post-featured-image a {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

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

    height: auto !important;

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

    overflow: visible !important;
}


/* ---------------------------------------------------------
   ACTUAL FEATURED IMAGES
   --------------------------------------------------------- */

html body article .post-thumbnail img,
html body article .entry-thumbnail img,
html body article .featured-image img,
html body article .featured-media img,
html body article .post-image img,
html body article .entry-image img,
html body article img.wp-post-image,
html body article .wp-block-post-featured-image img,

html body .site-main article .post-thumbnail img,
html body .site-main article .entry-thumbnail img,
html body .site-main article .featured-image img,
html body .site-main article .featured-media img,
html body .site-main article .post-image img,
html body .site-main article .entry-image img,
html body .site-main article img.wp-post-image,
html body .site-main article .wp-block-post-featured-image img {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    float: none !important;

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

    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

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

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

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    clear: both !important;

    z-index: 6 !important;
}


/* =========================================================
   MAIN SCROLLING PAGE
   DON'T LET THE THEME HIDE FEATURED IMAGES THERE
   ========================================================= */

body.home article .post-thumbnail,
body.blog article .post-thumbnail,
body.archive article .post-thumbnail,
body.search article .post-thumbnail,

body.home article .entry-thumbnail,
body.blog article .entry-thumbnail,
body.archive article .entry-thumbnail,
body.search article .entry-thumbnail,

body.home article .featured-image,
body.blog article .featured-image,
body.archive article .featured-image,
body.search article .featured-image,

body.home article .featured-media,
body.blog article .featured-media,
body.archive article .featured-media,
body.search article .featured-media,

body.home article .post-image,
body.blog article .post-image,
body.archive article .post-image,
body.search article .post-image,

body.home article .wp-block-post-featured-image,
body.blog article .wp-block-post-featured-image,
body.archive article .wp-block-post-featured-image,
body.search article .wp-block-post-featured-image {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    order: 1 !important;
}


/* =========================================================
   KEEP TITLE/TEXT BELOW THE PICTURE
   ========================================================= */

html body article .entry-header {
    order: 2 !important;
    position: relative !important;
    clear: both !important;
}

html body article .entry-content,
html body article .entry-summary {
    order: 3 !important;
    position: relative !important;
    clear: both !important;
}

html body article .entry-footer {
    order: 4 !important;
    position: relative !important;
    clear: both !important;
}


/* =========================================================
   DESKTOP REVIEW IMAGE SIZE
   KEEP FULL IMAGE VISIBLE
   ========================================================= */

@media screen and (min-width: 769px) {

    html body article .post-thumbnail img,
    html body article .entry-thumbnail img,
    html body article .featured-image img,
    html body article .featured-media img,
    html body article .post-image img,
    html body article .entry-image img,
    html body article img.wp-post-image,
    html body article .wp-block-post-featured-image img {
        width: 100% !important;

        height: auto !important;

        min-height: 1px !important;
        max-height: 390px !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* =========================================================
   PHONE REVIEW IMAGES
   ========================================================= */

@media screen and (max-width: 768px) {

    html body article .post-thumbnail img,
    html body article .entry-thumbnail img,
    html body article .featured-image img,
    html body article .featured-media img,
    html body article .post-image img,
    html body article .entry-image img,
    html body article img.wp-post-image,
    html body article .wp-block-post-featured-image img {
        width: 100% !important;

        height: auto !important;

        min-height: 1px !important;
        max-height: none !important;

        object-fit: contain !important;
    }
}
/* =========================================================
   JARROD REVIEWS
   FORCE ALL HOMEPAGE REVIEW IMAGES VISIBLE
   ========================================================= */

/* FEATURED IMAGE WRAPPERS */

body.home .site-main article .post-thumbnail,
body.blog .site-main article .post-thumbnail,
body.archive .site-main article .post-thumbnail,

body.home .site-main article .entry-thumbnail,
body.blog .site-main article .entry-thumbnail,
body.archive .site-main article .entry-thumbnail,

body.home .site-main article .featured-image,
body.blog .site-main article .featured-image,
body.archive .site-main article .featured-image,

body.home .site-main article .featured-media,
body.blog .site-main article .featured-media,
body.archive .site-main article .featured-media,

body.home .site-main article .entry-image,
body.blog .site-main article .entry-image,
body.archive .site-main article .entry-image,

body.home .site-main article .post-image,
body.blog .site-main article .post-image,
body.archive .site-main article .post-image,

body.home .site-main article .wp-block-post-featured-image,
body.blog .site-main article .wp-block-post-featured-image,
body.archive .site-main article .wp-block-post-featured-image,

body.home .site-main article figure[class*="thumbnail"],
body.blog .site-main article figure[class*="thumbnail"],
body.archive .site-main article figure[class*="thumbnail"] {

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    float: none !important;

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

    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

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

    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    clear: both !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    visibility: visible !important;

    order: -10 !important;

    z-index: 10 !important;
}


/* =========================================================
   IMAGE LINKS
   ========================================================= */

body.home .site-main article .post-thumbnail a,
body.blog .site-main article .post-thumbnail a,
body.archive .site-main article .post-thumbnail a,

body.home .site-main article .entry-thumbnail a,
body.blog .site-main article .entry-thumbnail a,
body.archive .site-main article .entry-thumbnail a,

body.home .site-main article .featured-image a,
body.blog .site-main article .featured-image a,
body.archive .site-main article .featured-image a,

body.home .site-main article .featured-media a,
body.blog .site-main article .featured-media a,
body.archive .site-main article .featured-media a,

body.home .site-main article .wp-block-post-featured-image a,
body.blog .site-main article .wp-block-post-featured-image a,
body.archive .site-main article .wp-block-post-featured-image a {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

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

    height: auto !important;

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

    overflow: visible !important;
}


/* =========================================================
   ACTUAL FEATURED IMAGES
   ========================================================= */

body.home .site-main article img.wp-post-image,
body.blog .site-main article img.wp-post-image,
body.archive .site-main article img.wp-post-image,

body.home .site-main article .post-thumbnail img,
body.blog .site-main article .post-thumbnail img,
body.archive .site-main article .post-thumbnail img,

body.home .site-main article .entry-thumbnail img,
body.blog .site-main article .entry-thumbnail img,
body.archive .site-main article .entry-thumbnail img,

body.home .site-main article .featured-image img,
body.blog .site-main article .featured-image img,
body.archive .site-main article .featured-image img,

body.home .site-main article .featured-media img,
body.blog .site-main article .featured-media img,
body.archive .site-main article .featured-media img,

body.home .site-main article .entry-image img,
body.blog .site-main article .entry-image img,
body.archive .site-main article .entry-image img,

body.home .site-main article .post-image img,
body.blog .site-main article .post-image img,
body.archive .site-main article .post-image img,

body.home .site-main article .wp-block-post-featured-image img,
body.blog .site-main article .wp-block-post-featured-image img,
body.archive .site-main article .wp-block-post-featured-image img {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    float: none !important;

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

    height: auto !important;
    min-height: 1px !important;

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

    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

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

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    clear: both !important;

    z-index: 11 !important;
}


/* =========================================================
   OVERRIDE COMMON THEME "HIDE FEATURED IMAGE" RULES
   ========================================================= */

body.home article[class*="post"] .post-thumbnail,
body.blog article[class*="post"] .post-thumbnail,
body.archive article[class*="post"] .post-thumbnail,

body.home article[class*="post"] img.wp-post-image,
body.blog article[class*="post"] img.wp-post-image,
body.archive article[class*="post"] img.wp-post-image {

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    max-height: none !important;

    pointer-events: auto !important;
}


/* =========================================================
   KEEP IMAGE ABOVE TITLE/TEXT
   ========================================================= */

body.home .site-main article .entry-header,
body.blog .site-main article .entry-header,
body.archive .site-main article .entry-header {
    order: 2 !important;
    position: relative !important;
    clear: both !important;
}

body.home .site-main article .entry-content,
body.home .site-main article .entry-summary,

body.blog .site-main article .entry-content,
body.blog .site-main article .entry-summary,

body.archive .site-main article .entry-content,
body.archive .site-main article .entry-summary {
    order: 3 !important;
    position: relative !important;
    clear: both !important;
}


/* =========================================================
   COMPUTER IMAGE SIZE
   ========================================================= */

@media screen and (min-width: 769px) {

    body.home .site-main article img.wp-post-image,
    body.blog .site-main article img.wp-post-image,
    body.archive .site-main article img.wp-post-image,

    body.home .site-main article .post-thumbnail img,
    body.blog .site-main article .post-thumbnail img,
    body.archive .site-main article .post-thumbnail img,

    body.home .site-main article .entry-thumbnail img,
    body.blog .site-main article .entry-thumbnail img,
    body.archive .site-main article .entry-thumbnail img,

    body.home .site-main article .featured-image img,
    body.blog .site-main article .featured-image img,
    body.archive .site-main article .featured-image img {

        width: 100% !important;

        height: auto !important;

        max-height: 390px !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* =========================================================
   PHONE IMAGE SIZE
   ========================================================= */

@media screen and (max-width: 768px) {

    body.home .site-main article img.wp-post-image,
    body.blog .site-main article img.wp-post-image,
    body.archive .site-main article img.wp-post-image,

    body.home .site-main article .post-thumbnail img,
    body.blog .site-main article .post-thumbnail img,
    body.archive .site-main article .post-thumbnail img,

    body.home .site-main article .entry-thumbnail img,
    body.blog .site-main article .entry-thumbnail img,
    body.archive .site-main article .entry-thumbnail img,

    body.home .site-main article .featured-image img,
    body.blog .site-main article .featured-image img,
    body.archive .site-main article .featured-image img {

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

        object-fit: contain !important;
    }
}
/* =========================================================
   FINAL HOMEPAGE FEATURED IMAGE OVERRIDE
   ========================================================= */

body.home .site-main article img,
body.blog .site-main article img,
body.archive .site-main article img {
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
}

/* FEATURED IMAGE CONTAINERS */

body.home article .post-thumbnail,
body.home article .entry-thumbnail,
body.home article .featured-image,
body.home article .featured-media,
body.home article .post-image,
body.home article .entry-image,
body.home article .wp-block-post-featured-image,

body.blog article .post-thumbnail,
body.blog article .entry-thumbnail,
body.blog article .featured-image,
body.blog article .featured-media,
body.blog article .post-image,
body.blog article .entry-image,
body.blog article .wp-block-post-featured-image,

body.archive article .post-thumbnail,
body.archive article .entry-thumbnail,
body.archive article .featured-image,
body.archive article .featured-media,
body.archive article .post-image,
body.archive article .entry-image,
body.archive article .wp-block-post-featured-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    float: none !important;

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

    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

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

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    clear: both !important;
    order: -999 !important;

    z-index: 50 !important;
}

/* ACTUAL FEATURED IMAGE */

body.home article img.wp-post-image,
body.blog article img.wp-post-image,
body.archive article img.wp-post-image,

body.home article .post-thumbnail img,
body.blog article .post-thumbnail img,
body.archive article .post-thumbnail img,

body.home article .entry-thumbnail img,
body.blog article .entry-thumbnail img,
body.archive article .entry-thumbnail img,

body.home article .featured-image img,
body.blog article .featured-image img,
body.archive article .featured-image img,

body.home article .featured-media img,
body.blog article .featured-media img,
body.archive article .featured-media img,

body.home article .post-image img,
body.blog article .post-image img,
body.archive article .post-image img,

body.home article .entry-image img,
body.blog article .entry-image img,
body.archive article .entry-image img,

body.home article .wp-block-post-featured-image img,
body.blog article .wp-block-post-featured-image img,
body.archive article .wp-block-post-featured-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;
    float: none !important;

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

    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

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

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

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    clear: both !important;

    z-index: 51 !important;
}

/* KEEP THE IMAGE ABOVE THE REVIEW TITLE */

body.home article .entry-header,
body.blog article .entry-header,
body.archive article .entry-header {
    order: 2 !important;
    clear: both !important;
}

body.home article .entry-content,
body.home article .entry-summary,
body.blog article .entry-content,
body.blog article .entry-summary,
body.archive article .entry-content,
body.archive article .entry-summary {
    order: 3 !important;
    clear: both !important;
}

/* DON'T LET THE THEME COLLAPSE IMAGE LINKS */

body.home article .post-thumbnail a,
body.blog article .post-thumbnail a,
body.archive article .post-thumbnail a,
body.home article .wp-block-post-featured-image a,
body.blog article .wp-block-post-featured-image a,
body.archive article .wp-block-post-featured-image a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

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

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

/* DESKTOP */

@media screen and (min-width: 769px) {

    body.home article img.wp-post-image,
    body.blog article img.wp-post-image,
    body.archive article img.wp-post-image,
    body.home article .post-thumbnail img,
    body.blog article .post-thumbnail img,
    body.archive article .post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: 390px !important;
        object-fit: contain !important;
    }
}

/* PHONE */

@media screen and (max-width: 768px) {

    body.home article img.wp-post-image,
    body.blog article img.wp-post-image,
    body.archive article img.wp-post-image,
    body.home article .post-thumbnail img,
    body.blog article .post-thumbnail img,
    body.archive article .post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}
/* =========================================================
   FORCE INVISIBLE REVIEW IMAGES BACK ON
   HOMEPAGE / BLOG / ARCHIVES
   ========================================================= */

/* Don't allow anything inside a review card to hide images */
body.home .site-main article img,
body.blog .site-main article img,
body.archive .site-main article img,
body.search .site-main article img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

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

    position: relative !important;
    float: none !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    transform: none !important;

    clip: auto !important;
    clip-path: none !important;

    filter: none !important;

    object-fit: contain !important;

    z-index: 20 !important;
}

/* Force parent picture/figure/link elements to exist visibly too */
body.home .site-main article picture,
body.home .site-main article figure,
body.home .site-main article figure a,

body.blog .site-main article picture,
body.blog .site-main article figure,
body.blog .site-main article figure a,

body.archive .site-main article picture,
body.archive .site-main article figure,
body.archive .site-main article figure a,

body.search .site-main article picture,
body.search .site-main article figure,
body.search .site-main article figure a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

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

    position: relative !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;
}

/* Specifically override lazy-load/theme hiding */
body.home article img[loading],
body.blog article img[loading],
body.archive article img[loading],
body.search article img[loading],

body.home article img[decoding],
body.blog article img[decoding],
body.archive article img[decoding],
body.search article img[decoding],

body.home article img[class*="lazy"],
body.blog article img[class*="lazy"],
body.archive article img[class*="lazy"],
body.search article img[class*="lazy"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* Known WordPress featured-image classes */
body.home article .post-thumbnail,
body.home article .entry-thumbnail,
body.home article .featured-image,
body.home article .featured-media,
body.home article .wp-block-post-featured-image,

body.blog article .post-thumbnail,
body.blog article .entry-thumbnail,
body.blog article .featured-image,
body.blog article .featured-media,
body.blog article .wp-block-post-featured-image,

body.archive article .post-thumbnail,
body.archive article .entry-thumbnail,
body.archive article .featured-image,
body.archive article .featured-media,
body.archive article .wp-block-post-featured-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

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

    overflow: visible !important;

    position: relative !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    z-index: 20 !important;
}

/* Make sure the card itself isn't clipping a restored image */
body.home .site-main article,
body.blog .site-main article,
body.archive .site-main article,
body.search .site-main article {
    height: auto !important;
    max-height: none !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media screen and (min-width: 769px) {

    body.home .site-main article img,
    body.blog .site-main article img,
    body.archive .site-main article img,
    body.search .site-main article img {
        max-width: 100% !important;
        max-height: 390px !important;
        object-fit: contain !important;
    }
}

/* =========================================================
   PHONE
   ========================================================= */

@media screen and (max-width: 768px) {

    body.home .site-main article img,
    body.blog .site-main article img,
    body.archive .site-main article img,
    body.search .site-main article img {
        max-width: 100% !important;
        max-height: none !important;
        height: auto !important;
        object-fit: contain !important;
    }
}