/* Updated 20241209 

ASCII type via https://patorjk.com/software/taag/#p=display&f=Merlin1&t=Typography */

/* Post migration fixes */
:root {
    --wp--preset--color--off-white: #FEFFF6;
    --wp--preset--color--off-black: #222222;
    --wp--preset--color--green: #69F0BF;
    --wp--preset--color--pink: #E792FC;
    --wp--preset--color--cyan: #5BF1FB;
    --wp--preset--color--blue: #5767ED;
    --wp--preset--color--yellow: #FBFF2D;
    --wp--preset--color--light-green: #D2FBEC;
    --wp--preset--color--light-pink: #F8DEFE;
    --wp--preset--color--light-cyan: #CEFBFE;
    --wp--preset--color--light-blue: #CDD1FA;
    --wp--preset--color--light-yellow: #FEFFC0;
    --wp--preset--color--grass-green: #53E562;
    --wp--preset--color--purple: #9156F6;
    --wp--preset--color--red: #FF5D5D;
}
.has-off-black-background-color {
    background-color: var(--wp--preset--color--off-black) !important;
}
.has-off-black-color {
    color: var(--wp--preset--color--off-black) !important;
}
.has-off-white-background-color {
    background-color: var(--wp--preset--color--off-white) !important;
}
.has-off-white-color {
    color: var(--wp--preset--color--off-white) !important;
}
.has-green-background-color {
    background-color: var(--wp--preset--color--green) !important;
}
.has-green-color {
    color: var(--wp--preset--color--green) !important;
}
.has-pink-background-color {
    background-color: var(--wp--preset--color--pink) !important;
}
.has-pink-color {
    color: var(--wp--preset--color--pink) !important;
}
.has-cyan-background-color {
    background-color: var(--wp--preset--color--cyan) !important;
}
.has-cyan-color {
    color: var(--wp--preset--color--cyan) !important;
}
.has-blue-background-color {
    background-color: var(--wp--preset--blue--pink) !important;
}
.has-blue-color {
    color: var(--wp--preset--color--blue) !important;
}
.has-yellow-background-color {
    background-color: var(--wp--preset--color--yellow) !important;
}
.has-yellow-color {
    color: var(--wp--preset--color--yellow) !important;
}
.has-light-green-background-color {
    background-color: var(--wp--preset--blue--light-green) !important;
}
.has-light-green-color {
    color: var(--wp--preset--color--light-green) !important;
}
.has-light-pink-background-color {
    background-color: var(--wp--preset--color--light-pink) !important;
}
.has-light-pink-color {
    color: var(--wp--preset--color--light-pink) !important;
}
.has-light-cyan-background-color {
    background-color: var(--wp--preset--blue--light-cyan) !important;
}
.has-light-cyan-color {
    color: var(--wp--preset--color--light-cyan) !important;
}
.has-light-blue-background-color {
    background-color: var(--wp--preset--color--light-blue) !important;
}
.has-light-blue-color {
    color: var(--wp--preset--color--light-blue) !important;
}
.has-light-yellow-background-color {
    background-color: var(--wp--preset--blue--light-yellow) !important;
}
.has-light-yellow-color {
    color: var(--wp--preset--color--light-yellow) !important;
}
.has-grass-green-background-color {
    background-color: var(--wp--preset--color--grass-green) !important;
}
.has-grass-green-color {
    color: var(--wp--preset--color--grass-green) !important;
}
.has-grass-green-background-color {
    background-color: var(--wp--preset--color--grass-green) !important;
}
.has-grass-green-color {
    color: var(--wp--preset--color--grass-green) !important;
}
.has-purple-background-color {
    background-color: var(--wp--preset--color--purple) !important;
}
.has-purple-color {
    color: var(--wp--preset--color--purple) !important;
}
.has-red-background-color {
    background-color: var(--wp--preset--color--red) !important;
}
.has-red-color {
    color: var(--wp--preset--color--red) !important;
}

body.editorial #page-wrapper {
    padding-top: 0 !important;
}

body.editorial {
    margin: 0;
    padding: 0;
}


/*
Header and footer styles */

/* Header container: 100vh height for full viewport coverage */
body.article-report header {
    /* height: 100vh; */
    position: relative;
    overflow: hidden;
    aspect-ratio: var(--wp--preset--aspect-ratio--16-9);
}

@media screen and (max-width: 768px) {
    body.article-report header {
        height: 100vh; 
    }

}

/* Responsive header images: ensure they fill the container */
body.article-report header .header-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover ensures image fills container while maintaining aspect ratio */
    display: block;
}

body.editorial #site-footer {
    color: var(--wp--preset--color--off-white) !important;
    background-color: var(--wp--preset--color--off-black) !important;
}

body.editorial #site-footer hr {
    display: none;
}

body.editorial #site-footer .footer-logo * {
    fill: var(--wp--preset--color--off-white) !important;
}

body.editorial .editorial-logo {
    position: absolute;
    z-index: 999;
    width: 13rem;
    top: 2rem;
    right: 2rem;
}

body.editorial .editorial-logo svg {
    width: 100%;
    height: auto;
}

body.editorial .editorial-logo * {
    fill: var(--wp--preset--color--off-white) !important;
}

@media screen and (max-width: 1100px) {
    body.editorial .editorial-logo {
        width: 11rem;
    }
    
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    body.editorial .editorial-logo {
        width: 9rem;
        right: calc(50% - (9rem/2));
        top: 93.5%;
    }
    body.editorial .editorial-logo * {
        fill: var(--wp--preset--color--off-black) !important;
    }
    
}

@media screen and (max-width: 640px) {
    body.editorial .editorial-logo {
        width: 9rem;
        right: calc(50% - (9rem/2));
    }
    
}


.wp-block-pullquote.alignleft {
  float: left;
  margin-left: calc(((100vw - var(--responsive--aligndefault-width))/2.333));
  margin-right: 1.25rem;
  line-height: 1.35;
}

.wp-block-pullquote.alignright {
  float: right;
  margin-right: calc(((100vw - var(--responsive--aligndefault-width))/2.333));
  margin-left: 1.25rem;
  line-height: 1.35;
}

@media screen and (max-width: 1079px) {
    .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright  {
    float: none;
    clear: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    }
}   

body.editorial.article-report .entry-content figure.alignfull {
    z-index: 2;
    position: relative;
}

body.editorial.article-report .entry-content p {
    z-index: 0;
}

body.editorial.article-report aside#sidebar-contents ul {
    z-index: 1;
} 

body.editorial.article-report figure figcaption {
    max-width: var(--responsive--aligndefault-width);
    width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}

@media screen and (max-width: 1079px) {
    #sidebar-contents {
        background-color: #FFFDF7;
    }

    body.editorial.article-report figure figcaption {
    max-width: 100%;
    width: 100%;
    }
}

/* ———

 ___      ___  __        _______    __          __       _______   ___       _______   ________  
|"  \    /"  |/""\      /"      \  |" \        /""\     |   _  "\ |"  |     /"     "| /"       ) 
 \   \  //  //    \    |:        | ||  |      /    \    (. |_)  :)||  |    (: ______)(:   \___/  
  \\  \/. .//' /\  \   |_____/   ) |:  |     /' /\  \   |:     \/ |:  |     \/    |   \___  \    
   \.    ////  __'  \   //      /  |.  |    //  __'  \  (|  _  \\  \  |___  // ___)_   __/  \\   
    \\   //   /  \\  \ |:  __   \  /\  |\  /   /  \\  \ |: |_)  :)( \_|:  \(:      "| /" \   :)  
     \__/(___/    \___)|__|  \___)(__\_|_)(___/    \___)(_______/  \_______)\_______)(_______/   
                                                                                                 
Content size variable sets a fixed width for text
allowing for single-column and two-column layouts
to share a common left-side text width
——— */

body.editorial {
    --wp--style--global--content-size: 700px !important;
    --body-margin: 100px;
}

@media screen and (min-width: 1600px) {
    body.editorial {
        --wp--style--global--content-size: 950px !important;
        --body-margin: 300px;
    } 
}

@media screen and (max-width: 1200px) {
    body.editorial {
        --body-margin: 50px;
    } 
}

@media screen and (max-width: 1079px) {
    body.editorial {
        --body-margin: var(--two-spacer);
    } 
}