/****************************** 
1. Fonts
******************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/****************************** 
1. Variables
******************************/
:root {
    /* 1.1 Color Variables ##### */
    --theme-highlighter: #FFCD62;
    --theme-graphite: #517386;
    --theme-plum: #9A5876;
    --theme-dark-rose: #BF405A;
    /*  */
    --theme-heading-color: #1c1c1c;
    --theme-text-color: #000;
    /*  */
    --theme-white: #FFF;
    --theme-off-white: #F2F1EF;
    /*  */
    --theme-grey: #E2E6E6;
    --theme-dark-grey: #212121;
    /*  */
    --theme-black: #000;
    /*  */
    --theme-cream: #dedad2;
    /*  */
    --theme-border-color: #DDD;
    --theme-code-color: #292D3E;
    /* 1.2 Font Family Variables ##### */
    --theme-heading-font: "Playfair Display", sans-serif;
    --theme-body-font: "Open Sans", sans-serif;
    /* 1.3 Shadow Variables ##### */
    --theme-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    --theme-shadow-yellow: 0px 0px 8px 0px rgba(255, 205, 98, 0.6);
    --theme-shadow-dark-rose: 0px 0px 8px 0px rgba(191, 64, 90, 0.6);
    /* --theme-hover-shadow: 0 0 30px 0 rgb(0 0 0 / 15%); */
    /* 1.4 Transition Variables ##### */
    --theme-base-transition: all 0.3s;
    /* 1.5 Border Radius Variables ##### */
    --theme-base-radius: 10px;
    --theme-alt-radius: 4px;
    /* 1.6 Padding & Gutter Variables ##### */

    --theme-p-margin: 15px;

    /* 1.7 Font Sizes Variables ##### */
    --theme-base-font: 100%;
    --theme-large-font: 1.2rem;
    --theme-small-font: .75rem;
    --theme-h1: 44px;
    --theme-h2: 36px;
    --theme-h3: 1.6rem;
    --theme-h4: 1.4rem;
    --theme-h5: 1.2rem;
    --theme-h6: 1rem;
    --theme-base-line-height: 1.5;
    --theme-xl-font: 60px;
    --theme-xl-font-mobile: 45px;
}

/****************************** 
3. Global
******************************/
* {
    box-sizing: border-box;
}

a {
    color: var(--theme-text-color);
}

p {
    margin-top: 0;
    margin-bottom: var(--theme-p-margin);
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin: 0 0 var(--theme-p-margin);
}

hr {
    border: 1px solid var(--theme-black);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

html {
    font-size: 100%;
    line-height: var(--theme-base-line-height);
    text-rendering: optimizelegibility;
    scroll-behavior: smooth;
    scroll-padding-top: 89px;
}

body {
    min-height: 100vh;
    font-family: var(--theme-body-font);
    color: var(--theme-text-color);
    background-color: var(--theme-off-white);
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    font-family: var(--theme-heading-font);
    line-height: var(--theme-base-line-height);
    color: var(--theme-heading-color);
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.3;
}

h1,
.faux-heading.h1 {
    font-size: var(--theme-h1);
}

h2,
.faux-heading.h2 {
    font-size: var(--theme-h2);
}

h3,
.faux-heading.h3 {
    font-size: var(--theme-h3);
}

h4,
.faux-heading.h4 {
    font-size: var(--theme-h4);
}

h5,
.faux-heading.h5 {
    font-size: var(--theme-h5);
}

h6,
.faux-heading.h6 {
    font-size: var(--theme-h6);
}

h1.xl,
h2.xl,
h3.xl,
h4.xl,
h5.xl,
h6.xl,
.faux-heading.xl {
    font-size: var(--theme-xl-font);
}

@media (max-width: 1080px) {

    h1.xl,
    h2.xl,
    h3.xl,
    h4.xl,
    h5.xl,
    h6.xl,
    .faux-heading.xl {
        font-size: var(--theme-xl-font-mobile);
    }
}

a.btn,
a.btn:visited,
button.btn,
input.btn,
a.uu-btn,
a.uu-btn:visited,
button.uu-btn,
input.uu-btn,
body .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
body .frm_style_formidable-style.with_frm_style input[type=submit],
body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
body .frm_style_formidable-style.with_frm_style .frm_submit button,
body .frm_form_submit_style,
body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: var(--theme-graphite);
    color: var(--theme-white);
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: var(--theme-alt-radius);
    padding: 8px 20px;
    transition: var(--theme-base-transition);
}

a.btn.sm,
a.btn.small,
a.btn:visited.sm,
a.btn:visited.small,
button.btn.sm,
button.btn.small,
input.btn.sm,
input.btn.small {
    font-size: var(--theme-small-font);
    padding: 5px 15px;
}

a.btn.lg,
a.btn.large,
a.btn:visited.lg,
a.btn:visited.large,
button.btn.lg,
button.btn.large,
input.btn.lg,
input.btn.large {
    font-size: var(--theme-large-font);
    padding: 12px 26px;
}

a.btn.xl,
a.btn.extra-large,
a.btn:visited.xl,
a.btn:visited.extra-large,
button.btn.xl,
button.btn.extra-large,
input.btn.xl,
input.btn.extra-large {
    font-size: var(--theme-large-font);
    padding: 15px 30px;
}

a.btn.black,
a.btn:visited.black,
button.btn.black,
input.btn.black {
    background-color: var(--theme-black);
}

a.btn.white,
a.btn:visited.white,
button.btn.white,
input.btn.white {
    background-color: var(--theme-white);
    color: var(--theme-black);
}

a.btn.plum,
a.btn:visited.plum,
button.btn.plum,
input.btn.plum {
    background-color: var(--theme-plum);
}

a.btn:hover,
a.btn:focus,
a.btn:visited:hover,
a.btn:visited:focus,
button.btn:hover,
button.btn:focus,
input.btn:hover,
input.btn:focus,
body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover,
body .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
body .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background-color: var(--theme-highlighter);
    color: var(--theme-black);
}

/* HIGHLIGHT LINK */
.highlight-link {
    position: relative;
    display: inline-block;
}

.highlight-link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0.5em;
    background: var(--theme-highlighter);
    z-index: -1;
    transform: scaleX(0) translateY(-50%);
    transform-origin: left;
    transition: var(--theme-base-transition);
}

.highlight-link:hover::after {
    transform: scaleX(1) translateY(-50%);
}

/* HEADER */
.site-header {
    z-index: 9999;
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-white);
    border-radius: var(--theme-base-radius);
    width: calc(100% - 30px);
    max-width: 700px;
    padding: 0 15px;
}

.site-header.mobile-open {
    border-radius: var(--theme-base-radius) var(--theme-base-radius) 0 var(--theme-base-radius);
}

.admin-bar .site-header {
    top: calc(30px + 32px);
}

.site-header .header-logo {
    display: flex;
}

.site-header .search {
    background-color: var(--theme-off-white);
    border-radius: var(--theme-base-radius);
    width: 48px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.site-header .search img {
    width: 16px;
}

.site-header .site-header-nav-mobile {
    background-color: var(--theme-off-white);
    border-radius: var(--theme-base-radius);
    width: 48px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px 0 9px 15px;
    cursor: pointer;
}

.site-header .site-header-nav-mobile .menu-icon {
    width: 30px;
}

.site-header .site-header-nav-mobile .close-icon {
    width: 18px;
    display: none;
}

.site-header-nav .sub-menu {
    text-align: left;
}

/* styles for desktop only */
@media (min-width: 731px) {
    .site-header .site-header-nav-mobile {
        display: none;
    }

    .site-header-nav {
        flex: 1 1 auto;
        display: flex !important;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: stretch;
        text-align: right;
    }

    .site-header-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        gap: 15px;
    }

    .site-header-nav ul li:has(.sub-menu) a {
        align-items: center;
        justify-content: center;
        gap: 2px;
    }

    .site-header-nav ul li:has(.sub-menu)>a::after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z"/></svg>');
        width: 20px;
        height: 20px;
    }

    .site-header:has(.site-header-nav li:hover > .sub-menu) {
        border-radius: var(--theme-base-radius) var(--theme-base-radius) 0 0;
    }

    .site-header-nav ul li:has(.sub-menu):hover .sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        background-color: var(--theme-white);
        border-radius: 0 0 var(--theme-base-radius) var(--theme-base-radius);
        padding: 0 20px;
        width: 100%;
        left: 0;
    }

    .site-header-nav ul li a {
        display: inline-flex;
        color: var(--theme-black);
        text-transform: uppercase;
        text-decoration: none;
        padding: 15px 0;
    }

    .site-header-nav .sub-menu {
        display: none;
    }

    .site-header-nav .sub-menu a {
        padding: 12px 0;
    }
}

/* styles for mobile only */
@media (max-width: 730px) {
    .site-header-nav {
        display: none;
    }

    .site-header .search {
        margin-left: auto;
    }

    .site-header .site-header-nav {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: var(--theme-white);
        border-radius: 0 0 var(--theme-base-radius) var(--theme-base-radius);
        padding: 0 15px;
    }

    .site-header .site-header-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
    }

    .site-header .site-header-nav ul li {
        margin: 12px 0;
    }

    .site-header .site-header-nav ul li a {
        color: var(--theme-black);
        text-transform: uppercase;
        text-decoration: none;
    }

    .site-header .site-header-nav .sub-menu {
        padding-left: 15px;
    }
}

/* CONTENT */
.content {
    padding: 135px 15px 50px;
}

/* MAIN */
main {
    max-width: 1110px;
    margin: 0 auto;
}

/* FOOTER */
footer .footer-top .form {
    background-color: var(--theme-white);
    max-width: 900px;
    width: calc(100% - 30px);
    margin: 0 auto -200px;
    padding: 30px;
    z-index: 10;
    position: relative;
}

footer .footer-bottom {
    background-image: url('/wp-content/themes/frontiers/imgs/paper-footer.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 260px 0 60px;
}

footer .inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 15px;
}

footer .footer-bottom .inner .upper {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--theme-black);
}

footer .footer-bottom .inner .upper .frontiers-logo {
    max-width: 225px;
}

footer .footer-bottom .inner .upper .uofu-logo {
    max-width: 110px;
}

footer .footer-bottom .inner .upper .neb-logo {
    max-width: 210px;
}

footer .footer-bottom .inner .upper .side-by-side-logos {
    display: flex;
    gap: 20px;
    justify-content: end;
    align-items: center;
}

footer .footer-bottom .inner .lower,
footer .footer-bottom .inner .upper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footer-bottom .inner .lower {
    padding-top: 20px;
    line-height: 1;
}

footer .footer-bottom .inner .lower ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 20px;
}

footer .footer-bottom .inner .lower ul li {
    margin: 0;
    padding: 0;
}

footer .footer-bottom .inner .lower ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--theme-black);
}

@media (max-width: 1024px) {
    footer .footer-bottom .inner .upper {
        flex-direction: column;
        gap: 30px;
    }

    footer .footer-bottom .inner .upper .side-by-side-logos {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    footer .footer-bottom .inner .lower {
        flex-direction: column-reverse;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    footer .footer-bottom .inner .lower ul {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
}

/* DOG EAR */
.dog-ear {
    position: relative;
    clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 80px, 100% 100%, 0 100%);
    padding-top: 80px !important;
}

.dog-ear::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-image: url('/wp-content/themes/frontiers/imgs/dogear-shadow.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* FORMIDABLE FORMS OVERRIDES */
body .frm_style_formidable-style.with_frm_style p.description,
body .frm_style_formidable-style.with_frm_style div.description,
body .frm_style_formidable-style.with_frm_style div.frm_description,
body .frm_style_formidable-style.with_frm_style .frm-show-form>div.frm_description,
body .frm_style_formidable-style.with_frm_style .frm_error,
body .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc,
body .with_frm_style .frm_primary_label,
label {
    color: var(--theme-text-color);
}

body .with_frm_style input[type=text],
body .with_frm_style input[type=password],
body .with_frm_style input[type=email],
body .with_frm_style input[type=number],
body .with_frm_style input[type=url],
body .with_frm_style input[type=tel],
body .with_frm_style input[type=phone],
body .with_frm_style input[type=search],
body .with_frm_style select,
body .with_frm_style textarea,
body .frm_form_fields_style,
body .with_frm_style .frm_scroll_box .frm_opt_container,
body .frm_form_fields_active_style,
body .frm_form_fields_error_style,
body .with_frm_style .frm-card-element.StripeElement,
body .with_frm_style .frm_slimselect.ss-main,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=tel],
input[type=phone],
input[type=search],
select,
textarea {
    color: var(--theme-text-color);
    border-radius: var(--theme-alt-radius);
}

body .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
body .frm_style_formidable-style.with_frm_style select:focus,
body .frm_style_formidable-style.with_frm_style .form-field textarea:focus,
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel],
body .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search],
body .frm_form_fields_active_style,
body .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement,
input:not([type=file]):not([type=range]):not([readonly]):focus {
    color: var(--theme-text-color);
    border-color: var(--theme-dark-rose);
    box-shadow: var(--theme-shadow-dark-rose);
}

/* form stuff */

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=tel],
input[type=phone],
input[type=search],
select,
textarea {
    line-height: 1.3;
    background-color: var(--theme-white);
    border-color: var(--theme-border-color);
    border-width: 1px;
    border-style: solid;
    max-width: 100%;
    font-size: 14px;
    padding: 0 12px;
    box-sizing: border-box;
    outline: none;
    font-weight: 400;
    margin-bottom: 0;
    height: 36px;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

input[type="search"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Dog Ear Link Widget */
.dog-ear-link {
    display: block;
    position: relative;
    text-decoration: none;
}

.dog-ear-link .dog-ear-content {
    display: block;
    position: relative;
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 80px),
            calc(100% - 80px) 100%,
            0 100%);
    height: 130px !important;
    background-color: var(--theme-white);
    padding: 30px 110px 0 30px;
}

.dog-ear-link .dog-ear-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-image: url(/wp-content/themes/frontiers/imgs/dogear-shadow.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dog-ear-link:hover .dog-ear-content {
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 90px),
            calc(100% - 90px) 100%,
            0 100%);
}

.dog-ear-link:hover .dog-ear-content::after {
    width: 90px;
    height: 90px;
}

.dog-ear-link .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 10;
}

.dog-ear-link:hover .arrow {
    background-color: var(--theme-highlighter);
}

/* Team Members Widget */

.team-members {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 1080px) {
    .team-members {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .team-members {
        grid-template-columns: repeat(1, 1fr);
    }
}

.team-members .member-link {
    display: flex;
    flex-direction: column;
    color: var(--theme-black);
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

.team-members .member-link .member-image {
    aspect-ratio: 1 / 1;
    width: 80%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: -80px;
    position: relative;
    z-index: 10;
}

.team-members .member-link .card-body {
    background-color: var(--theme-white);
    padding: 110px 30px 90px;
    position: relative;
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 80px),
            calc(100% - 80px) 100%,
            0 100%);
    flex: 1;
}

.team-members .member-link .card-body::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-image: url(/wp-content/themes/frontiers/imgs/dogear-shadow.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.team-members .member-link:hover .card-body {
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 90px),
            calc(100% - 90px) 100%,
            0 100%);
}

.team-members .member-link:hover .card-body::after {
    width: 90px;
    height: 90px;
}

.team-members .member-link .card-body .editor-tag,
.team-member-popup .inner .popup-content .editor-tag {
    background-color: var(--theme-highlighter);
    text-transform: uppercase;
    border-radius: var(--theme-base-radius);
    color: var(--theme-black);
    display: inline-block;
    padding: 6px 10px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.team-members .member-link .card-body .more-info,
.team-member-popup .inner .popup-content,
.more-info {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.team-members .member-link .card-body .more-info:last-child,
.team-member-popup .inner .popup-content,
.more-info:last-child {
    margin-bottom: 0;
}

.team-members .member-link .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 20;
}

.team-members .member-link:hover .arrow {
    background-color: var(--theme-highlighter);
}

.team-member-popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000080;
    z-index: 99999;
}

.team-member-popup .inner {
    width: calc(100% - 30px);
    max-width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}

.team-member-popup .inner .image {
    background-color: #be0000;
    aspect-ratio: 1 / 1;
    flex: 3;
    margin-right: -100px;
    z-index: 20;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.team-member-popup .inner .popup-content {
    background-color: var(--theme-white);
    flex: 4;
    min-height: 600px;
    z-index: 10;
    padding: 110px 60px 30px 160px;
}

.team-member-popup .inner .popup-content .bio {
    text-transform: none;
    margin-top: 20px;
    overflow-y: scroll;
    max-height: 250px;
}

.team-member-popup .inner .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 20;
    cursor: pointer;
}

@media (max-width: 850px) {
    .team-member-popup .inner {
        display: block;
    }

    .team-member-popup .inner .popup-content {
        padding: 80px 30px 30px;
    }

    .team-member-popup .inner .image {
        display: none;
    }
}

/* Frontiers Accordion Widget */

.frontiers-accordion .accordion {
    background-color: none;
    color: var(--theme-black);
    cursor: pointer;
    padding: 24px 20px;
    width: 100%;
    text-align: left;
    outline: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--theme-black);
    font-weight: 600;
    font-size: 18px;
}

.frontiers-accordion .accordion:first-child {
    border-top: 1px solid var(--theme-black);
}

.frontiers-accordion .accordion .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 20;
    cursor: pointer;
    border: none;
}

.frontiers-accordion .accordion .icon svg {
    width: 24px;
}

.frontiers-accordion .accordion:hover .icon {
    background-color: var(--theme-highlighter);
}

.frontiers-accordion .active .icon {
    rotate: 180deg;
}

.frontiers-accordion .panel {
    padding: 24px 20px;
    display: none;
    overflow: hidden;
    border-bottom: 1px solid var(--theme-black);
}

/* search page */

#search .h1 {
    text-align: center;
}

#search .results {
    max-width: 800px;
    margin: 50px auto 0;
}

#search .results .h4:last-child {
    margin-bottom: 0;
}

#search form[role="search"] {
    display: flex;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto 50px;
}

#search form[role="search"] input {
    flex: 1;
}

#search form[role="search"] button {
    background-color: var(--theme-white);
    border-radius: var(--theme-base-radius);
    width: 48px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
}

#search form[role="search"] button:hover {
    background-color: var(--theme-highlighter);
}

/* Call for Papers shortcode */
.cfp-list .cfp-list-item {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid var(--theme-border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.cfp-list .cfp-list-item:hover {
    border-color: var(--theme-black);
}

.cfp-list .cfp-list-item .title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.cfp-list .cfp-list-item .custom-cat {
    background-color: var(--theme-highlighter);
    text-transform: uppercase;
    border-radius: var(--theme-base-radius);
    color: var(--theme-black);
    display: inline-block;
    padding: 6px 10px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

/* call for papers single */
.call-for-papers {
    display: flex;
    gap: 60px;
}

.call-for-papers .col1 {
    flex: 7;
}

.call-for-papers .col2 {
    flex: 3;
}

.call-for-papers .col2 .dog-ear {
    background-color: var(--theme-white);
    padding: 30px;
}

.call-for-papers .custom-cat {
    background-color: var(--theme-highlighter);
    text-transform: uppercase;
    border-radius: var(--theme-base-radius);
    color: var(--theme-black);
    display: inline-block;
    padding: 6px 10px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.call-for-papers .col1 hr {
    margin: 20px 0;
}

@media (max-width: 1024px) {
    .call-for-papers {
        flex-direction: column;
    }
}

/* Category Tag Colors */
.category-tag {
    background-color: var(--theme-highlighter);
    text-transform: uppercase;
    border-radius: var(--theme-base-radius);
    color: var(--theme-black);
    display: inline-block;
    padding: 6px 10px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.category-tag.editors-statements {
    background-color: var(--theme-dark-rose);
    color: var(--theme-white);
}

.category-tag.book-reviews {
    background-color: var(--theme-plum);
    color: var(--theme-white);
}

.category-tag.meet-the-author {
    background-color: var(--theme-graphite);
    color: var(--theme-white);
}

/* SINGLE */
.single-post-template .inner-content-wrapper a:not(.btn) {
    background-color: var(--theme-highlighter);
    text-decoration: underline;
    color:#000000;
}

.single-post-template .top-image {
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-post-template .content {
    padding-top: 50px;
}

.single-post-template .top-section {
    background-color: var(--theme-white);
    padding: 60px;
    margin-top: -170px;
}

.single-post-template .top-section hr {
    margin: 30px 0;
}

.single-post-template .the-content {
    margin: 50px auto;
    max-width: 900px
}

.single-post-template .the-content hr {
    margin: 50px 0;
}

@media (max-width: 1080px) {
    .single-post-template .top-section {
        padding: 60px 20px;
    }
}

/* FACET LISTINGS */
.all-posts-listing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

@media (max-width: 1080px) {
    .all-posts-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .all-posts-listing {
        grid-template-columns: repeat(1, 1fr);
    }
}

.all-posts-listing a img {
    aspect-ratio: 5 / 4;
    object-fit: cover;
    margin-bottom: 20px;
}

.facetwp-counter {
    display: none;
}

/* Category Buttons Facet */
body .facetwp-facet-category_buttons {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 5px;
    flex-wrap: wrap;
}

.facetwp-facet-category_buttons .facetwp-radio {
    background-image: none !important;
    margin: 0;
    padding: 12px 10px;
    line-height: 1;
    border-radius: var(--theme-alt-radius);
    text-transform: uppercase;
    font-size: 14px;
}

.facetwp-facet-category_buttons .facetwp-radio.checked {
    background-image: none !important;
    background-color: var(--theme-cream);
}

.facetwp-facet-category_buttons .facetwp-display-value {
    padding: 0;
}

/* ARCHIVE STYLES */

.archive-template .archive-description {
    margin-bottom: 50px;
}

.archive-template .posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.archive-template .posts-grid a img {
    aspect-ratio: 5 / 4;
    object-fit: cover;
    margin-bottom: 20px;
    width: 100%;
}

.archive-template .dog-ear {
    padding: 60px;
    background-color: var(--theme-white);
    margin-top: 50px;
}

.archive-template .dog-ear div {
    margin-bottom: 20px;
}

@media (max-width: 1080px) {
    .archive-template .posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .archive-template .posts-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .archive-template .dog-ear {
        padding: 60px 20px;
    }
}

/* Past Issues Listing */

.past-issues-listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.past-issues-listing .issue-item {
    display: flex;
    gap: 20px;
    text-decoration: none;
}

.past-issues-listing .issue-item img {
    aspect-ratio: 15 / 23;
    object-fit: cover;
    width: 43%;
}

@media (max-width: 1080px) {
    .past-issues-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .past-issues-listing {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Facet Year Checkboxes */

body .facetwp-facet-year_checkboxes {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

body .facetwp-facet-year_checkboxes .facetwp-checkbox {
    background-image: none !important;
    margin: 0;
    padding: 12px 10px;
    line-height: 1;
    border-radius: var(--theme-alt-radius);
    text-transform: uppercase;
    font-size: 14px;
}

body .facetwp-facet-year_checkboxes .facetwp-checkbox.checked {
    background-image: none !important;
    background-color: var(--theme-cream);
}

body .facetwp-facet-year_checkboxes .facetwp-display-value {
    padding: 0;
}

/* ONLINE ISSUE TEMPLATE */
.online-issue-template .top-image {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.online-issue-template .top-image .inner-top-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(5px);
    scale: 1.2;
    height: 100%;
    width: 100%;
}

.online-issue-template .top-image::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--theme-black);
    opacity: 0.8;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}

.online-issue-template .content {
    padding-top: 50px;
}

.online-issue-template .top-section {
    position: relative;
    margin-top: -170px;
    z-index: 20;
    display: flex;
    align-items: center;
}

.online-issue-template .top-section img {
    aspect-ratio: 15 / 23;
    object-fit: cover;
    width: 30%;
    max-height: 450px;
    z-index: 30;
}

.online-issue-template .top-section .dog-ear {
    background-color: var(--theme-white);
    padding: 60px 60px 60px 160px;
    margin-left: -100px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.online-issue-template .top-section hr {
    margin: 30px 0;
}

.online-issue-template .the-content {
    margin: 50px 0;
    display: flex;
    gap: 60px;
}

.online-issue-template .the-content .editor {
    flex: 4;
}

.online-issue-template .table-of-contents {
    padding: 60px 30px;
    background-color: var(--theme-white);
    flex: 1;
}

.online-issue-template .table-of-contents ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.online-issue-template .table-of-contents li {
    margin-bottom: 15px;
}

.online-issue-template .table-of-contents li:last-child {
    margin-bottom: 0;
}

.online-issue-template .the-content hr {
    margin: 50px 0;
}

@media (max-width: 1080px) {
    .online-issue-template .top-section {
        flex-direction: column;
    }

    .online-issue-template .top-section img {
        display: none;
    }

    .online-issue-template .top-section .dog-ear {
        padding: 60px 20px;
        margin: 0;
    }

    .online-issue-template .the-content {
        flex-direction: column;
    }
}

/* Single Online Special Issue Template */
.single-online-special-issue-template .top-section .subtitle {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 3px;
}

.single-online-special-issue-template .top-section .author-editor {
    text-transform: uppercase;
    font-size: 18px;
}


.single-online-special-issue-template .references-accordion {
    background-color: none;
    color: var(--theme-black);
    cursor: pointer;
    padding: 24px 20px;
    width: 100%;
    text-align: left;
    outline: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 18px;
}

.single-online-special-issue-template .references-accordion .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 20;
    cursor: pointer;
    border: none;
}

.single-online-special-issue-template .references-accordion .icon svg {
    width: 24px;
}

.single-online-special-issue-template .references-accordion:hover .icon {
    background-color: var(--theme-highlighter);
}

.single-online-special-issue-template .references-accordion.active .icon {
    rotate: 180deg;
}

.single-online-special-issue-template .references-accordion-panel {
    padding: 24px 20px;
    display: none;
    overflow: hidden;
}

.single-online-special-issue-template .prev-next-articles {
    display: flex;
    margin-top: 50px;
}

.single-online-special-issue-template .prev-next-articles .article-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 10px;
}

.single-online-special-issue-template .prev-next-articles .article-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: var(--theme-base-radius);
    height: 36px;
    width: 46px;
    z-index: 20;
    cursor: pointer;
    border: none;
    font-size: 20px;
}

.single-online-special-issue-template .prev-next-articles .article-button:hover .icon {
    background-color: var(--theme-highlighter);
}

.single-online-special-issue-template .prev-next-articles .article-button .faux-heading {
    margin-bottom: 0;
}

.single-online-special-issue-template .prev-next-articles .prev-article {
    margin-right: auto;

}

.single-online-special-issue-template .prev-next-articles .next-article {
    margin-left: auto;
    text-align: right;
}

.single-online-special-issue-template .parent-online-issue {
    display: flex;
    align-items: center;
    margin-top: 80px;
}

.single-online-special-issue-template .parent-online-issue img {
    aspect-ratio: 15 / 23;
    object-fit: cover;
    max-height: 450px;
    z-index: 30;
}

.single-online-special-issue-template .parent-online-issue .online-issue-content {
    padding: 60px 60px 60px 160px;
    margin-left: -100px;
    background-color: var(--theme-white);
    min-height: 530px;
    display: flex;
    align-items: center;
    flex: 1;
}

.single-online-special-issue-template .parent-online-issue .online-issue-content .highlight-link {
    margin-top: 20px;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 50;
    text-decoration: none;
}

@media (max-width: 768px) {
    .single-online-special-issue-template .prev-next-articles {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .single-online-special-issue-template .prev-next-articles .article-button {
        margin: 0;
    }

    .single-online-special-issue-template .parent-online-issue {
        flex-direction: column;
    }

    .single-online-special-issue-template .parent-online-issue .online-issue-content {
        margin: -100px -20px 0;
        padding: 160px 20px 60px !important;
        min-height: unset;
    }
}

/* Audio Controls */
audio {
    width: 100%;
    margin: 20px 0;
}

audio::-webkit-media-controls-panel {
    background-color: var(--theme-grey);
}