/* =================
    INNA Platform
    CUSTOM STYLES
    AUTHOR: AZRAPH
    JAZILAN.COM
==================== */

/* Custom Selection Color */
::selection {
    color: var(--wp--preset--color--black);
    background: var(--wp--preset--color--surface); /* WebKit/Blink Browsers */
}

::-moz-selection {
    color: var(--wp--preset--color--black);
    background: var(--wp--preset--color--surface); /* Gecko Browsers */
}

/* VIEW TRANSITION */
@view-transition {
  navigation: auto;
}

/* SMOOTH SCROLL */
:root {
    scroll-behavior: smooth;
}

/* Responsive Classes 
======================= */

@media screen and (max-width: 780px){
    body:not(.block-editor-iframe__body) .not-mobile {display: none;}
}

@media screen and (min-width: 780px){
    body:not(.block-editor-iframe__body) .mobile-only {display: none;}
}

/* =============
    TYPOGRAPHY
================ */

.admin-color-pll-dir-rtl.editor-styles-wrapper,
.admin-color-pll-dir-rtl .editor-styles-wrapper,
.rtl {
    direction: rtl;
    font-kerning: none;
}

.admin-color-pll-dir-ltr.editor-styles-wrapper,
.admin-color-pll-dir-ltr .editor-styles-wrapper,
body:not(.wp-admin, .admin-color-pll-dir-rtl, .rtl),
.ltr {
    direction: ltr;
    --wp--custom--heading--typography--line-height: 1.1;
}

.admin-color-pll-dir-ltr.editor-styles-wrapper :where(h1, h2, h3, h4, h5, h6, .wp-element-button, .wp-block-button__link, .wp-block-pullquote, .wp-block-navigation),
.admin-color-pll-dir-ltr .editor-styles-wrapper :where(h1, h2, h3, h4, h5, h6, .wp-element-button, .wp-block-button__link, .wp-block-pullquote, .wp-block-navigation),
body:not(.wp-admin, .admin-color-pll-dir-rtl, .rtl) :where(h1, h2, h3, h4, h5, h6, .wp-element-button, .wp-block-button__link, .wp-block-pullquote, .wp-block-navigation),
.ltr :where(h1, h2, h3, h4, h5, h6, .wp-element-button, .wp-block-button__link, .wp-block-pullquote, .wp-block-navigation) {
    font-family: var(--wp--preset--font-family--saira);
    --wp--preset--font-size--large: calc( clamp(0.9rem, 0.9rem + ((1vw - 0.2rem) * 0.706), 1.2rem) / 1.18 );
    --wp--preset--font-size--x-large: calc( clamp(1.08rem, 1.08rem + ((1vw - 0.2rem) * 0.847), 1.44rem) / 1.18 );
    --wp--preset--font-size--xx-large: calc( clamp(1.296rem, 1.296rem + ((1vw - 0.2rem) * 1.016), 1.728rem) / 1.18 );
    --wp--preset--font-size--xxx-large: calc( clamp(1.555rem, 1.555rem + ((1vw - 0.2rem) * 1.221), 2.074rem) / 1.18 );
    --wp--preset--font-size--huge: calc( clamp(1.866rem, 1.866rem + ((1vw - 0.2rem) * 1.464), 2.488rem) / 1.18 );
    --wp--preset--font-size--gigantic: calc( clamp(2.24rem, 2.24rem + ((1vw - 0.2rem) * 1.755), 2.986rem) / 1.18 );
}

body.rtl .label-en,
body:not(.wp-admin, .block-editor-iframe__body, .rtl) .label-ar {
    display: none;
}

/* ==============
    BLOCKS
================= */

/* Balanced Paragraphs */

.balance,
.wp-block-post-title,
.wp-block-heading {
    text-wrap: balance;
}

.wp-block-paragraph:not(.balance) {
    text-wrap: pretty;
}

/* BUTTONS */

.wp-element-button, .wp-block-button__link {
    transition-duration: 0.3s;
}

/*.has-teal-background-color.wp-block-button__link:is(:hover, :active, :focus) {
    background-color: var(--wp--preset--color--dark-teal) !important;
    border-color: var(--wp--preset--color--dark-teal) !important;
}*/

/* EXTERNAL LINKS */

p > a[target="_blank"],
li:not(.wp-social-link) > a[target="_blank"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgcGF0aCB7CiAgICAgICAgZmlsbDogdmFyKC0td3AtLXByZXNldC0tY29sb3ItLWdyZXksICNiMGI0YmEpOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNNiwxaDV2NWwtMi4xLTIuMi00LjIsNC4yLS43LS43LDQuMS00LjItMi4xLTIuMVpNMiwzaDJ2MWgtMnY2aDZ2LTJoMXYyYzAsLjYtLjQsMS0xLDFIMmMtLjYsMC0xLS40LTEtMXYtNmMwLS42LjQtMSwxLTFaIi8+Cjwvc3ZnPg==");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.857em;
    padding-right: 1em;
    will-change: background-position;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.rtl p > a[target="_blank"],
.rtl li:not(.wp-social-link) > a[target="_blank"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSJ2YXIoLS13cC0tcHJlc2V0LS1jb2xvci0tZ3JleSwgI2IwYjRiYSkiIGQ9Ik0zLjksMy4xbDQuMSw0LjItLjcuN0wzLjEsMy44bC0yLjEsMi4yVjFoNXMtMi4xLDIuMS0yLjEsMi4xWk0xMSw0djZjMCwuNi0uNCwxLTEsMUg0Yy0uNiwwLTEtLjQtMS0xdi0yaDF2MnM2LDAsNiwwdi02cy0yLDAtMiwwdi0xaDJjLjYsMCwxLC40LDEsMVoiLz4KPC9zdmc+");
    background-position: center left;
    padding-left: 1em;
    padding-right: 0;
}

p > a[target="_blank"]:hover,
li:not(.wp-social-link) > a[target="_blank"]:hover {
    background-position: top right;
}

.rtl p > a[target="_blank"]:hover,
.rtl li:not(.wp-social-link) > a[target="_blank"]:hover {
    background-position: top left;
}

/* LISTS */

.wp-block-list li {
    margin-bottom: 0.5em;
    text-wrap: balance;
}

.wp-block-list li::marker {
    color: var(--wp--preset--color--primary);
}

/* BREADCRUMBS */

/*nav.breadcrumb a,
.breadcrumb-row a {
    text-decoration: none;
}

nav.breadcrumb a:hover,
.breadcrumb-row a:hover {
    text-decoration: underline;
}

.rtl .wp-block-boldblocks-breadcrumb-block ol li .sep {
    margin-left: 0;
    margin-right: var(--bb--crumb-gap, .4em);
}*/

/* POST NAVIGATION */

/*
.post-navigation-container .wp-block-post-navigation-link {
    font-family: var(--wp--preset--font-family--readex-pro);
    font-size: 1.25rem;
    font-weight: 700;
}

.post-navigation-container .wp-block-post-navigation-link a {
    text-decoration: none;
}

.post-navigation-container .wp-block-post-navigation-link a:is(:hover, :active, :focus) {
    text-decoration: underline;
}

.post-navigation-container .post-navigation-link-next {
    text-align: end;
}
*/

/* BLOCKQUOTE */

/*.pll-dir-rtl .wp-block-quote,
.rtl .wp-block-quote {
    padding-left: 0;
    padding-right: var(--wp--custom--gap--horizontal);
    border-width: 0 1px 0 0;
}*/

/* DETAILS */

/*.wp-block-details summary {
    color: #000a;
    background-color: var(--wp--preset--color--beige);
    padding: 10px 20px;
    border-radius: 12px;
}

.wp-block-details summary::marker {
    color: #0003;
}*/

/* ACCORDIONS */

.wp-block-accordion .wp-block-accordion-heading__toggle {
    background-color: var(--wp--preset--color--surface);
    padding: 10px 20px;
    border-radius: 12px;
    border: 1px solid var(--wp--preset--color--surface);
    transition-duration: 0.3s;
}

.wp-block-accordion .wp-block-accordion-heading__toggle:hover {
    background-color: var(--wp--preset--color--white);
}

.wp-block-accordion .wp-block-accordion-heading__toggle-title {
    text-wrap: balance;
}

.wp-block-accordion .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.wp-block-accordion .wp-block-accordion-panel {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

/* EMBEDS */

/*.wp-block-embed.is-type-video {
    margin-bottom: 40px;
}*/

.wp-block-embed__wrapper > .plyr {
    border-radius: 24px;
}

/*.wp-block-embed.is-type-video iframe {
    border-radius: 24px;
}*/

/* GRAVITY FORMS */

.gform_required_legend {
    display: none;
}

.gsection_title {
    margin-bottom: 6px;
    color: var(--wp--preset--color--green);
}

/* FOOTNOTES */
.modern-footnotes-footnote a:before {
    content: "[";
}

.modern-footnotes-footnote a:after {
    content: "]";
}

/*.rtl .modern-footnotes-footnote a:before {
    content: "]";
}

.rtl .modern-footnotes-footnote a:after {
    content: "[";
}*/

/*.modern-footnotes-list,
.modern-footnotes-list *,
.modern-footnotes-footnote__note--tooltip,
.modern-footnotes-footnote__note--tooltip * {
    font-size: 1.05em;
    line-height: 1.3;
}*/

.single .modern-footnotes-list {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
}

.single .modern-footnotes-list li>span {
    margin-right: 1em;
    margin-left: 0;
    min-width: 3ch;
}

.rtl.single .modern-footnotes-list li>span {
    margin-left: 1em;
    margin-right: 0;
}

.modern-footnotes-list li>span:after {
    content: ".";
}

.modern-footnotes-list li > div {
    max-width: calc(100% - 1em - 3ch);
    word-break: break-word;
}

.modern-footnotes-list-heading {
    color: var(--wp--preset--color--yellow);
    margin-top: 60px !important;
    line-height: 1;
}

/*.modern-footnotes-list li a {
    word-break: break-word;
}*/

/*body:not(.wp-admin, .rtl) .modern-footnotes-list-heading {
    border-left: solid 15px var(--wp--preset--color--tertiary);
    padding-left: 15px;
}

body.rtl .modern-footnotes-list-heading {
    border-right: solid 15px var(--wp--preset--color--tertiary);
    padding-right: 15px;
}*/

/* POST META ICONS */

body.rtl .is-style-post-author-icon::before,
body.rtl .is-style-post-date-icon::before,
body.rtl .is-style-post-category-icon::before,
body.rtl .is-style-post-tag-icon::before {
    margin-right: 0;
    margin-left: calc(0.5 * var(--wp--custom--gap--baseline));
}

.post-meta .wp-block-post-terms::before {
    background-color: var(--wp--preset--color--green);
}

.post-meta .wp-block-post-terms a {
    text-decoration: none;
    transition-duration: 0.3s;
}

.post-meta .wp-block-post-terms a:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--foreground);
}

.wp-block-post-date::before {
    opacity: 0.5;
}

/* PAGINATION */

.wp-block-query-pagination {
    margin-block-start: calc(4 * var(--wp--custom--gap--baseline));
}

.wp-block-query-pagination,
.wp-block-query-pagination a {
    color: var(--wp--preset--color--background);
}

.wp-block-query-pagination a {
    text-decoration: none;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: flex;
    gap: 10px;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next-arrow,
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    background-color: var(--wp--preset--color--primary);
    font-family: monospace;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition-duration: 0.3s;
}

.wp-block-query-pagination a.page-numbers:is(:hover, :active, :focus),
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:is(:hover, :active, :focus),
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:is(:hover, :active, :focus) {
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-query-pagination .page-numbers.current {
    color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--surface);
    border: solid 1px;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow,
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    font-size: 2rem;
}

/* SEPARATOR */

.wp-site-blocks .wp-block-separator {
    width: 100%;
    background: none;
    border: none;
    margin: calc(4 * var(--wp--custom--gap--baseline)) auto;
}

.wp-site-blocks .wp-block-separator::before {
    content: "";
    display: flex;
    background-image: url(/wp-content/uploads/2026/08/inna-separator.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
}

/* ====================
    HEADER
======================= */

header .site-logo {
    background: var(--wp--preset--color--secondary);
    height: 70px;
    padding: 10px 20px;
    display: flex;
    transition-duration: .3s;
}

header .site-logo:is(:hover, :active, :focus) {
    background: var(--wp--preset--color--primary);
}

header .site-logo svg {
    height: 50px;
}

header .nav-button,
header .wp-block-polylang-language-switcher a {
    background: var(--wp--preset--color--green);
    color: var(--wp--preset--color--background);
    font-family: var(--wp--preset--font-family--veno);
    font-weight: 700;
    transition-duration: .3s;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    border-radius: 0;
}

body:not(.rtl, .wp-admin) header .nav-button,
header .wp-block-polylang-language-switcher .lang-item-en a {
    font-family: var(--wp--preset--font-family--saira);
    font-size: var(--wp--preset--font-size--medium);
}

header .nav-button {
    width: 70px;
    padding: 18px;
}

header .wp-block-polylang-language-switcher a {
    width: 80px;
}

header .nav-button:is(:hover, :active, :focus),
header .wp-block-polylang-language-switcher a:is(:hover, :active, :focus) {
    background: var(--wp--preset--color--dark-green);
}

header .wp-block-polylang-language-switcher {
    list-style: none;
    padding: 0;
    margin: 0;
}

header .wp-block-site-title {
    font-size: var(--wp--preset--font-size--xx-large);
}

header .wp-block-site-title a {
    text-decoration: none;
    font-weight: 200;
    transition-duration: .3s;
}

body:not(.rtl, .wp-admin) header .wp-block-site-title a {
    letter-spacing: 1.9px;
}

header .wp-block-site-title a:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--white);
}

header .wp-block-site-title span {
    font-weight: 800;
}

.wp-site-blocks header .site-header .site-brand > .wp-block-group a {
    transition-duration: .3s;
}

header .site-header,
header .site-header .wp-block-navigation {
    font-size: var(--wp--preset--font-size--large);
}

/* NOT MOBILE */
@media screen and (min-width: 875px){
    
    header .site-nav,
    header .wp-block-navigation,
    header .wp-block-navigation .wp-block-page-list {
        gap: 0;
    }
    
    header .wp-block-navigation .wp-block-navigation-item__content {
        display: flex;
        align-items: center;
        height: 70px;
        padding: 0 15px;
        transition-duration: .3s;
    }
    
    header .wp-block-navigation .wp-block-navigation-item__content:is(:hover, :active, :focus) {
        background: var(--wp--preset--color--black);
    }
    
    header .wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
        background: var(--wp--preset--color--background);
        color: var(--wp--preset--color--foreground);
    }
}

/* MOBILE */
@media screen and (max-width: 875px){
    
    .wp-site-blocks header .site-header .site-brand {
        display: flex;
    }
    
    body .wp-site-blocks .site-header .wp-block-navigation__responsive-container-close {
        top: 20px;
    }
    
    body .wp-site-blocks .site-header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content,
    body .wp-site-blocks .site-header .wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-items: center;
    }
}

/* SMALL MOBILE */
@media screen and (max-width: 499px){
    .wp-site-blocks header .site-header .site-brand > .wp-block-group {
        display: none;
    }
}

/* Change the WordPress default css to a 875px media query */
@media (min-width: 875px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* HIDE HOME LINK FROM NAVIGATION */
header .wp-block-navigation-item.menu-item-home,
footer .wp-block-navigation-item.menu-item-home {
    display: none;
}

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

footer .wp-block-navigation .wp-block-navigation-item__content {
    transition-duration: .3s;
}

footer .wp-block-navigation .wp-block-navigation-item__content:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--yellow);
}

footer .wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary);
}

/* ====================
    SINGLE POSTS
======================= */

/* FEATURED IMAGE */

.single-post.category-audio-visual .wp-block-post-featured-image {
    display: none;
}


/* POST BREADCRUMBS */

.post-crumbs a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--wp--preset--color--surface);
    color: var(--wp--preset--color--mustard);
    text-decoration: none;
    line-height: 1;
    font-size: var(--wp--preset--font-size--medium);
    min-width: 32px;
    min-height: 32px;
    border-radius: 6px;
    transition-duration: 0.3s;
}

.post-crumbs .wp-block-breadcrumbs a,
.post-crumbs .project-crumbs {
    padding: 0 10px;
}

.post-crumbs a svg {
    width: 24px;
    fill: var(--wp--preset--color--mustard);
    transition-duration: 0.3s;
}

.post-crumbs a:is(:hover, :active, :focus) {
    /*background-color: var(--wp--preset--color--white);*/
    color: var(--wp--preset--color--foreground);
}

.post-crumbs a:is(:hover, :active, :focus) svg {
    fill: var(--wp--preset--color--foreground);
}

.post-crumbs .wp-block-breadcrumbs li:not(:last-child):after {
    margin: 0 .25em;
}

.post-crumbs .project-crumbs + .wp-block-breadcrumbs li:first-child {
    display: none;
}

/* POST BYLINE CONTAINER */

/*.single .post-byline {
    row-gap: var(--wp--preset--spacing--20);
}*/

/* POST CONTRIBUTORS */

.post-contributors {
    display: flex;
    align-items: center;
    gap: 20px;
    /*pointer-events: none;*/
}

.post-contributor {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition-duration: 0.3s;
}

.post-contributor .contributor-image {
    height: 36px;
}

.post-contributor .contributor-image > * {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--wp--preset--color--surface);
    transition-duration: 0.3s;
}

.post-contributor .contributor-name {
    line-height: 1;
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
}

.post-contributor:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--foreground);
}

.post-contributor:is(:hover, :active, :focus) .contributor-image > * {
    border-color: var(--wp--preset--color--foreground);
}

/* POST SHARE */

/*.post-byline .superwebshare_prompt.superwebshare-button-small {
    --width: 36px;
    width: var(--width);
    height: var(--width);
    box-shadow: none;
    color: var(--wp--preset--color--dark-grey);
    transition-duration: 0.3s;
}

.post-byline .superwebshare_prompt.superwebshare-button-small:hover {
    animation-name: none;
    opacity: 1 !important;
    background-color: var(--wp--preset--color--light-grey) !important;
    color: var(--wp--preset--color--foreground);
}*/

/* =================== 
    ARCHIVES
====================== */

/* ENTRY CARD 
================= */

/* LAYOUT */

.entry-card {
    position: relative;
    display: flex;
    column-gap: 2rem;
    row-gap: 0.5rem;
}

.entry-card a {
    text-decoration: none;
}

.entry-card .entry-content {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
}

.entry-card .entry-content h2,
.entry-card .entry-content p {
    margin: 0;
}

.entry-card .entry-thumbnail {
    flex-basis: 40%;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.entry-card .entry-thumbnail img {
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.entry-card:hover .entry-thumbnail img {
    transform: scale(1.03);
}

.entry-card .entry-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 1;
}

/* FALLBACK THUMBNAIL */

.entry-card .entry-thumbnail.fallback-thumbnail {
    background: var(--wp--preset--color--surface);
    /*position: relative;*/
}

.entry-card .entry-thumbnail.fallback-thumbnail::after {
    content: "";
    width: 85px;
    height: 85px;
    background-image: url(/wp-content/uploads/2026/08/inna-separator.svg);
    position:absolute;
    right: -1px;
    bottom: -1px;
}

/* VIDEO THUMBNAIL */

.entry-card[data-category="audio-visual"] .entry-thumbnail::before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    transition-duration: 0.3s;
    filter: drop-shadow(0 0 10px #000a);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTYsMEMxMTQuNjEsMCwwLDExNC42MSwwLDI1NnMxMTQuNjEsMjU2LDI1NiwyNTYsMjU2LTExNC42MSwyNTYtMjU2UzM5Ny4zOSwwLDI1NiwwWk0zNjguNzgsMjc4LjEzbC0xNTguNzYsOTcuMDNjLTguMTcsNS40Ni0xOC40LDUuNjgtMjYuNzQuOTktOC4zNS00LjY5LTEzLjUyLTEzLjUxLTEzLjUyLTIzLjF2LTE5NC4wNmMwLTkuNTcsNS4xNy0xOC40LDEzLjUyLTIzLjA4LDguMzUtNC42OCwxOC41Ny00LjQ5LDI2Ljc0LjVsMTU4Ljc2LDk3LjAxYzcuODgsNC44NSwxMi42OCwxMy40LDEyLjY4LDIyLjZzLTQuOCwxNy43NS0xMi42OCwyMi4xMVoiLz48L3N2Zz4=");
}

.entry-card[data-category="audio-visual"]:is(:hover, :active, :focus) .entry-thumbnail::before {
    filter: drop-shadow(0 0 3px #000);
}

/* ENTRY TAXONOMY */

.entry-card .entry-taxonomy {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 10px;
}

.entry-taxonomy .taxonomy-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--wp--preset--color--surface);
    color: var(--wp--preset--color--mustard);
    text-decoration: none;
    line-height: 1;
    font-size: var(--wp--preset--font-size--small);
    min-width: 32px;
    min-height: 32px;
    border-radius: 6px;
    padding: 0 10px;
    transition-duration: 0.3s;
    position: relative;
    z-index: 2;
}

.entry-taxonomy .taxonomy-pill:is(:hover, :active, :focus) {
    /*background-color: var(--wp--preset--color--light-grey);*/
    color: var(--wp--preset--color--foreground);
}


/* ENTRY TITLE */

.entry-card .entry-title {
    font-size: var(--wp--preset--font-size--xxx-large);
    text-wrap: balance;
}

.entry-card .entry-title a {
    color: var(--wp--preset--color--foreground);
    transition-duration: 0.3s;
}

.entry-card .entry-title a:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--primary);
}


/* ENTRY EXCERPT */

.entry-card .entry-excerpt p {
    font-size: var(--wp--preset--font-size--small);
    /*line-height: var(--wp--custom--body--typography--line-height);*/
    text-wrap: balance;
}

/* ENTRY BYLINE CONTAINER */

.entry-card .entry-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--wp--preset--spacing--40);
}

/* ENTRY CONTRIBUTORS */

.entry-contributors {
    display: flex;
    align-items: center;
    gap: 20px;
    pointer-events: none;
}

.entry-contributor {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition-duration: 0.3s;
    position: relative;
    z-index: 2;
}

.entry-contributor .contributor-image {
    height: 28px;
}

.entry-contributor .contributor-image > * {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--wp--preset--color--surface);
    transition-duration: 0.3s;
}

.entry-contributor .contributor-name {
    line-height: 1;
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
}

.entry-contributor:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--foreground);
}

.entry-contributor:is(:hover, :active, :focus) .contributor-image > * {
    border-color: var(--wp--preset--color--foreground);
}

/* ENTRY DATE */

.entry-card .entry-byline .wp-block-post-date {
    color: var(--wp--preset--color--green);
}

/* VERTICAL */

.entry-card-wrapper {
    container: entry-cards / inline-size;
}

@container entry-cards (max-width: 40rem) {
    .entry-card {
        flex-direction: column;
    }
    
    .entry-card.post-card {
        row-gap: 0;
    }
    
    .entry-card.post-card .entry-content {
        padding: 2rem;
        border-radius: 0 0 24px 24px;
    }
    
    .entry-card.post-card[data-background="white"] .entry-content {
        background-color: var(--wp--preset--color--white);
        border: 1px solid var(--wp--preset--color--mustard);
        border-top: none;
    }
    
    .entry-card.post-card[data-background="green"] .entry-content {
        background-color: var(--wp--preset--color--green);
    }
    
    .entry-card.post-card[data-background="dark-green"] .entry-content {
        background-color: var(--wp--preset--color--dark-green);
    }
    
    .entry-card.post-card[data-background="mustard"] .entry-content {
        background-color: var(--wp--preset--color--mustard);
    }
    
    .entry-card.post-card[data-background="red"] .entry-content {
        background-color: var(--wp--preset--color--secondary);
    }
    
    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-content {
        color: var(--wp--preset--color--white);
    }
    
    .entry-card.post-card .entry-thumbnail,
    .entry-card.post-card .entry-thumbnail img {
        border-radius: 24px 24px 0 0;
    }
    
    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-taxonomy .taxonomy-pill {
        background-color: #0003;
        color: var(--wp--preset--color--white);
    }

    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-taxonomy .taxonomy-pill:is(:hover, :active, :focus) {
        background-color: #0006;
    }
    
    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-title a {
        color: var(--wp--preset--color--surface);
    }

    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-title a:is(:hover, :active, :focus) {
        color: var(--wp--preset--color--white);
    }
    
    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-contributor {
        color: var(--wp--preset--color--surface);
    }

    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-contributor:is(:hover, :active, :focus) {
        color: var(--wp--preset--color--white);
    }

    .entry-contributor:is(:hover, :active, :focus) .contributor-image > * {
        border-color: var(--wp--preset--color--white);
    }
    
    .entry-card.post-card:is([data-background="green"], [data-background="dark-green"], [data-background="mustard"], [data-background="red"]) .entry-byline .wp-block-post-date {
        color: var(--wp--preset--color--surface);
    }
}

/* CONTRIBUTOR CARD 
================= */

/* LAYOUT */

.contributor-card {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 2rem;
    row-gap: 1rem;
}

.contributor-card a {
    text-decoration: none;
}

.contributor-card .contributor-content {
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contributor-card .contributor-content h2,
.contributor-card .contributor-content p {
    margin: 0;
}

.contributor-card .contributor-image {
    flex-basis: 30%;
    display: flex;
    width: -moz-available;
}

.contributor-card .contributor-image > * {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--surface);
    transition-duration: 0.3s;
    aspect-ratio: 1;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.contributor-card:hover .contributor-image > * {
    transform: scale(1.03);
}

.contributor-card .contributor-name a::after {
    content: '';
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 1;
}

.contributor-card-wrapper {
    container: contributor-cards / inline-size;
}

@container contributor-cards (max-width: 25rem) {
    .contributor-card {
        flex-direction: column;
    }
    
    .contributor-card .contributor-content {
        align-items: center;
    }
    
    .contributor-card .contributor-content h2,
    .contributor-card .contributor-content p {
        text-align: center;
    }
}

/* CONTRIBUTOR NAME */

.contributor-card .contributor-name {
    font-size: var(--wp--preset--font-size--xxx-large);
    text-wrap: balance;
}

.contributor-card .contributor-name a {
    color: var(--wp--preset--color--foreground);
    transition-duration: 0.3s;
}

.contributor-card .contributor-name a:is(:hover, :active, :focus) {
    color: var(--wp--preset--color--primary);
}

/* CONTRIBUTOR JOB TITLE */

.contributor-card .job-title p {
    /*font-family: var(--wp--preset--font-family--saira);*/
    font-size: var(--wp--preset--font-size--x-large);
    line-height: var(--wp--custom--heading--typography--line-height);
    font-weight: 200;
    text-wrap: balance;
}

/*body.rtl .contributor-card .job-title p {
    font-family: var(--wp--preset--font-family--veno);
}*/

/* CONTRIBUTOR EXCERPT */

.contributor-card .contributor-excerpt p {
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--body--typography--line-height);
    text-wrap: balance;
}

/* ARCHIVES */

/*.team-grid .contributor-card .contributor-excerpt {
    display: none;
}

.contributors-grid .contributor-card .contributor-name {
    font-size: var(--wp--preset--font-size--large);
}

.contributors-grid .contributor-card .job-title p {
    font-size: var(--wp--preset--font-size--medium);
}*/

/* ARCHIVE HEADING 
===================== */

.archive .wp-block-query-title,
.search .wp-block-query-title {
    /*color: var(--wp--preset--color--yellow);*/
    font-weight: 200;
}

.archive .wp-block-query-title span,
.search .wp-block-query-title span {
    /*color: var(--wp--preset--color--foreground);*/
    font-weight: 700;
}

.archive.category .entry-card .entry-taxonomy .taxonomy-pill:not(.project-pill) {
    display: none;
}

/* ====================
    FACETS 
======================= */

.facets .facetwp-facet {
    margin: 0;
}

/* RADIO to BUTTONS 
========================= */

.facets .facetwp-radio {
    background: none;
    display: inline-block;
    font-size: var(--wp--preset--font-size--medium);
    line-height: 1em;
    padding: 10px 12px; /* top/bottom right/left */
    margin: 0 8px 0 0; /* top right bottom left */
    border: 1px solid var(--wp--preset--color--foreground);
    border-radius: 6px;
    transition-duration: 0.3s;
}

body.rtl .facets .facetwp-radio {
    margin: 0 0 0 8px; /* top right bottom left */
}

/* Style the hover and 'checked' states */
.facets .facetwp-radio:is(:hover, :active, :focus),
.facets .facetwp-radio.checked {
    background-image: none;
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
}

.facets .facetwp-radio[data-value=""] {
    display: none;
}

body.rtl .facets .facetwp-radio .facetwp-display-value {
    padding-left: 5px;
    padding-right: 0;
}

.facets .facetwp-radio .facetwp-counter {
    font-size: var(--wp--preset--font-size--small);
}

/* Load More Button 
========================= */
.facetwp-facet.facetwp-type-pager {
    text-align: center;
    text-align: -webkit-center;
}

.rtl .facetwp-facet .facetwp-load-more {
    font-family: var(--wp--preset--font-family--veno);
    font-size: var(--wp--preset--font-size--x-large);
}

body:not(.rtl) .facetwp-facet .facetwp-load-more {
    font-family: var(--wp--preset--font-family--saira);
    font-size: var(--wp--preset--font-size--large);
}

.facetwp-facet .facetwp-load-more {
    display: flex;
    gap: 5px;
    align-items: center;
    text-decoration: none;
    border: solid 1px var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary);
    background-color: transparent;
    border-radius: 12px;
    padding: 0.667em 1.33em;
    transition-duration: 0.3s;
    cursor: pointer;
    /*font-size: var(--wp--custom--button--typography--font-size);*/
    font-weight: var(--wp--custom--button--typography--font-weight);
    line-height: var(--wp--custom--button--typography--line-height);
}

.facetwp-facet .facetwp-load-more:is(:hover, :active, :focus) {
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
}

.facetwp-facet .facetwp-load-more.facetwp-hidden {
    display: none;
}

/* FACETWP On Refresh */
.facetwp-template {
    opacity: 1;
    transition-duration: .5s;
    will-change: opacity;
}

.facetwp-template.is-loading {
    opacity: .66;
    pointer-events: none;
}

/* ====================
    SINGLE PROJECT 
======================= */

.single-project .entry-card .project-pill {
    display: none;
}

/* ====================
    PAGE - ABOUT
======================= */

body:is(.page-id-73, .page-id-75) .wp-block-column .is-position-sticky {
    top: calc(20px + var(--wp-admin--admin-bar--position-offset, 0px));
}

/* ====================
    PAGE - CONTRIBUTE
======================= */

.info-cards .wp-block-column > .wp-block-group {
    height: 100%;
}

/* ====================
    PAGE - HOME
======================= */

/* SPLIDE CAROUSEL 
 * ==================== */

.wp-block-query.is-style-carousel .wp-block-post .wp-block-separator {
    display: none;
}

.splide .splide__arrows {
    display: flex;
    justify-content: center;
    gap: 30px;
    position: absolute;
    bottom: -5rem;
    right: 0;
    left: 0;
}

.splide .splide__arrow {
    background: var(--wp--preset--color--surface);
    font-size: 1.5rem;
    position: static;
    transform: none;
}

.splide .splide__slide .entry-card-wrapper,
.splide .splide__slide .entry-card-wrapper .post-card {
    height: 100%;
}

.splide .splide__slide .entry-card.post-card .entry-content {
    justify-content: flex-start;
}

/* VIDEO BACKGROUND 
 * ==================== */

body:not(.editor-styles-wrapper) .video-bg {
    position: relative;
    min-height: calc(100svh - 70px);
    overflow: hidden;
    z-index: -1;
}

body:not(.editor-styles-wrapper) .video-bg .wp-block-video {
    position: fixed;
    inset: 0;
    opacity: .75;
}

body:not(.editor-styles-wrapper) .video-bg .wp-block-video video {
    height: 100%;
    object-fit: cover;
}

body:not(.editor-styles-wrapper) .video-bg :not(.wp-block-video) {
    z-index: 2;
}

body:not(.editor-styles-wrapper) .video-bg .wp-block-paragraph.has-fit-text {
    max-width: calc(100vw - (2 * var(--wp--custom--gap--horizontal)));
}

/* VIDEO ASPECT RATIO */

/*.wp-block-video.aspect-auto video {
    aspect-ratio: auto !important;
}

.wp-block-video.border-radius video {
    border-radius: 24px;
}*/

body:is(.page-id-503, .page-id-643, .home) .wp-site-blocks main {
    margin: 0;
}

/* LINK CARDS 
=============== */

.link-card {
    position: relative;
    filter: drop-shadow(0 0 10px #0001);
    transition-duration: 0.3s;
}

.link-card:hover {
    filter: drop-shadow(0 0 4px #0001);
}

.link-card .wp-block-button a::after {
    content: '';
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 1;
}