/* -------------------------------------------------------------------------- */
/*	1. Variable
/* -------------------------------------------------------------------------- */

@font-face {
    font-family: "Magistral";
    src: url(../fonts/magistral.ttf) format("truetype");
}

:root{

    --clr-highlight: 236,31,39;
    --clr-statement: 240,240,240;
    --clr-default: 26,28,32;


    --font-body: 'Lato', sans-serif;
    --font-body-weight: 300;
    --font-body-size: 1.0rem;
    --font-h1-size: 2rem;
    --font-h2-size: 1.5rem;
    --font-h3-size: 1.2rem;
    --font-small-size: .75rem;
    --font-heading: Magistral, sans-serif;
    --font-subheading: Magistral, sans-serif;

    --max-width-default: 75rem;
    --max-text-width: 56.25rem;

}

/* -------------------------------------------------------------------------- */
/*	page
/* -------------------------------------------------------------------------- */

html{
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    color: var(--clr-default);
    font-size: var(--font-body-size);

}

p{
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    max-width: var(--max-text-width);
}

strong{
    font-weight: bold;
}

em{
    font-style: italic;
}

h1{
    font-family: var(--font-heading);
    font-size: var(--font-h1-size);
    margin: 1rem 0 1rem 0;
    font-weight: normal;
    max-width: var(--max-text-width);
}

h1.page-title{
    margin-top: 0;
}


h2{
    font-family: var(--font-heading);
    font-size: var(--font-h2-size);
    margin: 2.5rem 0 1rem 0;
    font-weight: normal;
    max-width: var(--max-text-width);
}

h3{
    font-family: var(--font-heading);
    font-size: var(--font-h3-size);
    margin: 2.5rem 0 1rem 0;
    font-weight: normal;
    max-width: var(--max-text-width);
}

small{
    font-size: var(--font-small-size);
}

.msg-bar{
    background-color: rgb(var(--clr-default));
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .msg-bar ul.social-links{
        list-style: none;
        display: flex;
    }

    .msg-bar .social-icon{
        margin: .25rem .5rem;
    }

    .msg-bar .social-icon svg{
        height: 1rem;
        fill: #FFF;
    }



header{
    min-height: 100px;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    position: relative;
}

.header-inner{
    grid-column: 2 / 14;
    /* background-color: aliceblue; */
    padding: 2.75rem 0 1rem 0;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgb(var(--clr-default));
    position: relative;
    z-index: 51;
}

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

    header{
        margin-top: 5rem
    }

    .header-inner{
        grid-column: 1 / 14;
        align-items: center;
        padding: 0 0 1rem 0;
    }
}

.quick-menu-container{
    margin-top: 1rem;
}

.quick-menu-list{
    display: flex;
}

.quick-menu-list li{
    list-style: none;
    margin-right: 2rem;

}

.quick-menu-list li a{
    text-decoration: none;
    color: rgb(var(--clr-default));
    font-weight: 400;
    text-transform: uppercase;
}

.quick-menu-list li a:hover{
    text-decoration: underline;
}

@media screen and (max-width: 480px) {
    .quick-menu-list{
       flex-direction: column;
       align-items: center;
    }

    .quick-menu-list li{
        margin-right: 0;
    }
}



.main-content{
    min-height: 800px;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
}

.main-content-inner{
    grid-column: 2 / 14;
    margin-top: 5rem;
}


@media screen and (max-width: 480px) {
    .main-content-inner{
        grid-column: 1 / 14;
    
    } 
}



.noscroll{
    overflow: hidden;
}

.site-logo svg, .cwx-menu__logo svg{
    width: 12.5rem
}

/* -------------------------------------------------------------------------- */
/*	menu
/* -------------------------------------------------------------------------- */

.cwx-menu{
    background-color: white;
    width: 30rem;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(0%);
    transition: transform 0.2s ease-in-out;
    z-index: 9999;
}

.cwx-menu-hidden{
    transform: translateX(-100%);
}

.cwx-menu li{
    list-style-type: none;
}

.cwx-menu__top{
    padding: 0 2rem;
    display: flex;
    flex-direction: row;
    min-height: 100px;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
}

.cwx-menu__logo{
    display: block;
    margin: 2rem 0 0 calc(125px - 2rem);
    width: 100%;
}

.cwx-menu__logo::after{
    content: ' ';
    border-bottom: 1px solid rgb(var(--clr-default));
    position: relative;
    height: 2rem;
    width: 100%;
    display: block;

}

.cwx-menu__close{
    position: absolute;
}

.cwx-menu__container{
    padding: 0 2rem 0 125px;
    flex-grow: 1;
    margin: 1rem 0;
}

.cwx-menu__bottom{
    padding: 0 2rem 0 125px;
    margin: 2rem 0;
    
}

.cwx-menu__nav{
    transition: transform 0.2s ease-in-out;

}

.cwx-menu__nav-hidden{
    /* display: none; */
    visibility: hidden;
    height: 0;
    padding: 0;
    overflow: hidden;
    transform: translateX(-50px);
}

.nav2__title{
   margin-top: 0; 
}


.cwx-menu__nav2 a{
    text-decoration: none;
    color: rgb(var(--clr-default));
}

.cwx-menu__nav2 a:hover{
    text-decoration: underline;
}

.cwx-menu__nav2-hidden{
    /* display: none; */
    visibility: hidden;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.cwx-menu__nav2__main li{
    margin-bottom: 0.5rem;
}

.cwx-menu__back{
    position: absolute;
    top: 100px;
}

.cwx-menu__back-hidden{
    display: none;
}

.cwx-overlay{
    display: block;
    position: fixed;
    z-index: 7999;
    top: 0;bottom: 0;
    right: 0;left: 0;
    background-color: rgb(0,0,0);
    transition: all .2s ease;
    opacity: 0;
    pointer-events: none;
}

.cwx-overlay__visible{
    opacity: .25;
    pointer-events: all;
}

@media screen and (max-width: 480px) {
    .cwx-menu{
        width: 100%;
    }

    .cwx-menu__container{
        padding-left: 85px;
    }

    .cwx-menu__logo{
        margin-left: calc(85px - 2em);
    }

    .cwx-menu__bottom{
        padding-left: 85px;
    }
}


/* ------------------------------------------ */

.cwx-menu h2{
    font-family: var(--font-body);
    font-weight: bold;
}

.cwx-menu__nav2__hdr{
    /* padding-bottom: 2rem; */
    /* border-bottom: 1px solid rgb(var(--clr-default)); */
    margin-bottom: 2rem;
}

.cwx-menu__nav2__hdr span{
    display: inline-block;
    margin-top: 1rem;
}

.grid-two{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 2rem;
    justify-content: stretch;
}

.cwx-menu__nav2-img-holder img{

    width: 100%;
    aspect-ratio:16 / 9;
    object-fit: cover;
    object-position: center center;
}

.hamburger-container{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 50;
    /*padding: 1rem;*/
}

.hamburger-container__inner{
    position: absolute;
    top: 1rem;
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    padding: 1rem;
}

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

    .hamburger-container{
       position: relative;
        top: 0;
        z-index: 50;
        /*padding: 1rem;*/
    }

    .hamburger-container__inner{
       
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        
    }

    .hamburger span{
        display: none;
    }
}

.hamburger{
    display: flex;
    justify-content: center;
}

.hamburger button{
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    align-items: center;
    text-transform: uppercase;
}



.cwx-menu__back button, .hamburger button, .cwx-menu__close button{
    border: none;
    background: none;
    cursor: pointer;
}
.cwx-menu__nav__main li{
    margin-bottom: 2rem;
}
.cwx-menu__nav__main li a {
    font-family: var(--font-body);
    font-weight: bold;
    text-decoration: none;
    color: rgb(var(--clr-default));
    font-size: 1.5rem;
}

.cwx-menu__nav__main li a:hover{
    color: rgba(var(--clr-default), .8);
}

.cwx-menu__nav__secondary li{
    margin-bottom: 1.5rem;
    font-weight: 400;
}

.cwx-menu__nav__secondary li a{
    text-decoration: none;
    color: rgb(var(--clr-default));
}

.cwx-menu__nav__secondary li a:hover{
    text-decoration: underline;
}

/* ------------------------------------------------- */



.section__img-content{
    display: flex;
    width: 100%;
    max-width: var(--max-width-default);
    justify-content: center;
    align-items: stretch;
    margin: 6.25rem auto;
}

.section__img-content:nth-child(odd){
    flex-direction: row-reverse;
}

.section__img-content__img-container{
    aspect-ratio: 1 / 1;
    max-width: 50%;
}

.section__img-content__img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


.section__img-content__content-container{
    padding: 3.75rem;
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

@media screen and (max-width: 780px) {
    .section__img-content{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .section__img-content:nth-child(odd){
        flex-direction: column;
    }

    .section__img-content__img-container{
        aspect-ratio: 1 / 1;
        width: 100%;
        max-width: 100%;
    }

    .section__img-content__content-container{
        padding: 3.75rem 2rem;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
    
}



/* ------------------------------------------------- */

.section__hightlight-img-content{
    display: flex;
    width: 100%;
    margin: 6.25rem 0;
    background-color: rgb(var(--clr-default));
    color: #FFF;
}

.section__hightlight-img-content__img-container, .section__hightlight-img-content__content-container{
    max-width: calc(var(--max-width-default) / 2);
}

.section__hightlight-img-content__img-container img{
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
}

.section__hightlight-img-content__content-container{
    padding: 3.75rem 2.5rem;
}

.section__hightlight-img-content__content-container p{
    line-height: 1.5rem;

    margin-bottom: 1.5rem;
}

@media screen and (max-width: 780px) {
    .section__hightlight-img-content{
        display: flex;
        flex-direction: column;
    }

    .section__hightlight-img-content__img-container, .section__hightlight-img-content__content-container{
        max-width: 100%;
        width: 100%;
    }
}

/* ------------------------------------------------- */
.main-content-inner ul, .main-content-inner ol{
    margin-bottom: 1.5rem;
}

.main-content-inner li{
    margin-left: 2rem;
    line-height: 1.5rem;
    max-width: calc(var(--max-text-width) - 2rem);
}

.main-content-inner a{
    color: rgb(var(--clr-default));
}

.main-content-inner a:hover{
    background-color: rgb(var(--clr-highlight));
}


/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

.event-hero-image-container{
    width: 100%;
    height: calc(100vh - 200px);
    margin: -3.5rem auto 6.25rem auto;
    position: relative;
}

.event-hero-image-container::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-image: linear-gradient(to right top, rgba(0,0,0,1), rgba(0,0,0,0), rgba(0,0,0,0));
    z-index: 0;
}

.page-hero-image-container{
    width: 100%;
    height: calc(100vh - 200px);
    margin: -3.5rem auto 6.25rem auto;
    position: relative;
}

.hero-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.event_logo{
    position: absolute;
    bottom: 2rem;
    left:2rem;
    max-width: calc(100% - 4rem);
    max-height: calc(100% - 4rem);
    z-index: 1;
}

.event-title{
    position: absolute;
    bottom: 2rem;
    left:2rem;
    z-index: 1;
    color: #FFF;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */

.post-featured-image{
    width: 100%;
    max-width: var(--max-text-width);
    height: auto;
    margin-bottom: 2rem;
}

/* default button colours are set in theme.json */

a.wp-block-button__link, a.wp-element-button{
    color: #FFFFFF;
}
.section__hightlight-img-content .wp-block-button__link, .section__hightlight-img-content .wp-element-button{
    background-color: rgb(var(--clr-highlight));

}

.section__hightlight-img-content .wp-block-button__link:hover, .section__hightlight-img-content .wp-element-button:hover{
    background-color: rgb(var(--clr-default));
    box-shadow:inset 0px 0px 0px 2px rgb(var(--clr-highlight));
}

/* --------------------------------------------------- BLOG PAGE---------------------------------------------------- */

.blog-category-container{

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 5rem;
}

a.blog-catergory-button, a.page-numbers, span.page-numbers{
    background-color: rgb(var(--clr-default));
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: .75rem 3rem;
    border-radius: 16rem;
    display: inline-block;
    cursor: pointer;
    margin: 0.625rem 0.625rem 0 0;
}

.blog-catergory-button:hover, .page-numbers:hover{
    background-color: rgb(var(--clr-highlight));
}

.blog-catergory-button.selected-slug{
    /* box-shadow: inset 0px 0px 0px 2px rgb(var(--clr-highlight)); */
    background-color: rgb(var(--clr-highlight));
}

.page-numbers.current{
    background-color: rgb(var(--clr-highlight));
}

.news-search-container{
    margin: 2rem 0;

}



.news-search-container #s{
    background-color: rgb(var(--clr-statement));
    padding: 0.625rem;
    margin-right: 1rem;
    width: 50%;
    border: none;
}

.news-search-container #searchsubmit{
    background-color: rgb(var(--clr-default));
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: .75rem 3rem;
    border-radius: 16rem;
    border: none;
    display: inline-block;
    cursor: pointer;
    margin: 0.625rem 0.625rem 0 0;
}
.news-search-container #searchsubmit:hover{
    background-color: rgb(var(--clr-highlight));
}

.news-archive-col{
    display: grid;
    /* grid-template-columns: repeat(5, minmax(0, 1fr)); */
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    /* grid-template-columns: repeat(auto-fit, minmax(17rem, 50%)); */
    column-gap: 1rem;
    row-gap: 1rem;
}

a.news-archive-col-item-link{
    background-color: rgb(var(--clr-default));
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

.news-archive-col-item-link:hover{
    background-color: rgb(var(--clr-highlight));
}

.news-archive-col-item__img{
    width: 100%;
    height: auto;
}

.news-archive-col-item__hdr{
    margin: 1rem;
}

.news-archive-col-item__date{
    margin: 0 1rem 0.625rem 1rem;
    padding-bottom: .625rem;
    font-size: var(--font-small-size);
    border-bottom: 1px solid #FFF;
}

.news-archive-post-categories{
    margin: .625rem 1rem 1rem 1rem;
}

.news-archive-more{
    margin: 5rem 0 0 0;
}

.postCategories{
    margin: 2px;
    font-size: var(--font-small-size);
    text-align: center;
}

.postCategories:not(:last-child):after{
    content: '|';
    margin-left: 2px;
}

.social-share-container{
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
.social-share-link{
    width: 1rem;
}

/* ------------------------------------------------- */

.section__link-container{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, 19rem);
    gap: 3.75rem;
    padding: 3.75rem;
    background-color: rgb(var(--clr-statement));
    margin: 6.25rem 0;
}

a.section__link--button{
    background-color: rgb(var(--clr-default));
    color: #FFFFFF;
    text-decoration: none;
}

a.section__link--button:hover{
    background-color: rgb(var(--clr-highlight));
}

.section__link--button__img{
    width:100%;
    aspect-ratio: 1 / 1.25;
    overflow: hidden;
}

.section__link--button__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1);
    transition: transform 100ms ease-in-out;
}

    a.section__link--button:hover .section__link--button__img img{
        transform: scale(1.05);
    }

.section__link--button__txt{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 2rem 2rem 1rem 2rem;
}

.section__link--button__icon{
    padding: 0 2rem 2rem 2rem;
}

.svg-forward-arrow{
    fill: #FFFFFF;
    transform: scale(1.25);
}

@media screen and (max-width: 900px) {
    .section__link-container{
        
        grid-template-columns: repeat(auto-fit, calc(50% - (1.5rem / 2)));
        gap: 1.5rem;
        padding: 2rem;
    } 

    .section__link--button__img{
        aspect-ratio: 1 / 0.75;
    }
}
/* -------------------------------------------------------------------------------------------------------- */
.result-year-selector{
    margin: 2rem 0;
}

.result-year-selector input[type="submit"]{
    background-color: rgb(var(--clr-default));
    border: none;
    padding:.75rem 3rem;
    cursor: pointer;
    color: #FFF;
    border-radius: 16rem;
}

.result-year-selector input[type="submit"]:hover{
    background-color: rgb(var(--clr-highlight));
}

.results-list-event-accordian{
    width: 100%;
    max-width: var(--max-width-default);
    text-align: left;
    font-weight: bold;
    background: none;
    border: none;
    border-top: 1px solid rgb(var(--clr-statement));
    padding: 1rem .25rem;
    background-color: rgb(255,255,255);
    display: flex;
    justify-content: space-between;
    transition: background-color 0.5s ease;
    color: rgb(var(--clr-default));
}

.results-list-event-accordian::after{
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    margin-right: 1rem;
    color: rgb(var(--clr-default));
}

.results-list-event-accordian:hover, .results-list-event-accordian.active{
    background-color: rgb(var(--clr-statement));
}
.results-list-event-accordian.active::after{
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.results-list-event-accordian span{
    font-weight: var(--font-body-weight);
    font-size: var(--font-small-size);
}

.results-list-categories-panel{
    height: 0;
    overflow: hidden;
    width: 100%;
    transition: height 0.5s ease-in-out;
}

.results-list-categories-list li{
    max-width: var(--max-width-default);
    margin: 0;
    list-style: none;
    
}

.results-list-categories-list li a{
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    padding: .75rem .25rem;
    transition: background-color 0.5s ease;
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

.results-event-details{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--max-width-default);
    margin: 3rem 0;
}

.results-event-details__selected-category{
    text-transform: uppercase;
    font-family: var(--font-heading);
    font-size: var(--font-h2-size);
    font-weight: normal;
    max-width: var(--max-text-width);
}

.event-categories-form input[type="submit"]{
    background-color: rgb(var(--clr-default));
    border: none;
    padding:.75rem 3rem;
    cursor: pointer;
    color: #FFF;
    border-radius: 16rem;
}

.event-categories-form input[type="submit"]:hover{
    background-color: rgb(var(--clr-highlight));
}

a.event-result-download-link{
    background-color: rgb(var(--clr-default));
    border: none;
    padding:.75rem 3rem;
    cursor: pointer;
    color: #FFF;
    border-radius: 16rem;
    display: inline-block;
    text-decoration: none;
    margin-right: 2rem;
}

a.event-result-download-link:hover{
    background-color: rgb(var(--clr-highlight));
}

.event-results-container{
    /* max-width: 100%; */
    max-width: var(--max-width-default);
    overflow-x: scroll;
    margin: 3rem 0;
}

.results-table{
    min-width: 100%;
    border-collapse: collapse;
}

.results-table thead{
    background-color: rgb(var(--clr-default));
    border-collapse: collapse;
    font-weight: bold;
    color: #FFF;
}
.results-table thead th{
    text-align: left;
}

.results-table tbody tr{
    background-color: rgb(255, 255, 255);
    transition: background-color 0.5s ease;
}

.results-table tbody tr:nth-child(even){
    background-color: rgb(var(--clr-statement));
}

.results-table tbody tr:hover{
    background-color: rgb(var(--clr-highlight));
}

.results-table th, .results-table td{
    padding: .5rem;
    vertical-align: top;
}

.results-table a{
    text-decoration: none;
}

.results-table a:hover{
    color: #FFF;
    background: none;
}

@media screen and (max-width: 780px) {
    
    .results-event-details{
        flex-direction: column;
        gap: 1.5rem;
    }

    .event-results-downloads a{
        margin-bottom: 1.5rem;
    }
    
}

/* -------------------------------------------------------------------------------------------------------- */

.athlete-search-form-container input[type="submit"]{
    background-color: rgb(var(--clr-default));
    border: none;
    padding:.75rem 3rem;
    cursor: pointer;
    color: #FFF;
    border-radius: 16rem;
}

.athlete-search-form-container input[type="submit"]:hover{
    background-color: rgb(var(--clr-highlight));
}

.athlete-search-form-container #athleteName{
    background-color: rgb(var(--clr-statement));
    border: none;
    padding: .75rem 1rem;
    outline: none;
    margin: 0 1rem;
    width: 30%;
    min-width: 12rem;
}
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

.section__partner-container{
    margin: 6.25rem 0 1.25rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

.section__partner-container + .section__partner-container{
    margin: 1.25rem 0 1.25rem 0;
}

.section__partner-container:has(+ :not(.section__partner-container)) {
    margin: 1.25rem 0 6.25rem 0;
}

/* .section__partner-container:last-of-type{
    margin: 1.25rem 0 6.25rem 0;
} */

a.partner_link:hover{
    background: none
}

.partner_link_img{
    width: auto;
    height: auto;
}

.partner_level_1 .partner_link_img{
    /* max-width: 9.375rem;
    max-height: 9.375rem; */
    max-width: 8rem;
    max-height: 8rem;
}

.partner_level_2 .partner_link_img{
    /* max-width: 5rem;
    max-height: 5rem; */
    max-width: 4rem;
    max-height: 4rem;
}

.partner_level_3 .partner_link_img{
    max-width: 3.5rem;
    max-height: 3.5rem;
}

.partner_level_4 .partner_link_img{
    /* max-width: 4rem;
    max-height: 4rem; */
    max-width: 3rem;
    max-height: 3rem;
}

.partner_level_5 .partner_link_img{
    /* max-width: 3.5rem;
    max-height: 3.5rem; */
    max-width: 2.5rem;
    max-height: 2.5rem;
}

.partner_level_6 .partner_link_img{
    max-width: 2.25rem;
    max-height: 2.25rem;
}

@media screen and (max-width: 780px) {
    .section__partner-container{
        gap: 1rem;
        margin: 6.25rem 0 .75rem 0;
    }

    .section__partner-container + .section__partner-container{
        margin: .75rem 0 .75rem 0;
    }
    
    .section__partner-container:has(+ :not(.section__partner-container)) {
        margin: .75rem 0 6.25rem 0;
    }
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */


.pll_language_list{
    display: flex;
    border-top: 1px solid rgb(var(--clr-default));
    padding-top: 1rem;
}

.pll_language_list li{
    margin-right: 1rem;
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

.results-table-kq{
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 2em auto;
    border-collapse: separate;
    border-spacing: 1px;
    
}

.results-table-kq thead tr{
    background-color: rgb(var(--clr-default));
    font-weight: bold;
    white-space: nowrap;
    color: #FFF;
}

.results-table-kq td{
    padding: .5em;
}

.results-table-kq tr{
    transition: background-color ease-in-out 200ms;
    vertical-align: top;
}

.results-table-kq tr:nth-child(even){
    background-color: rgba(var(--clr-statement),1);
}

.results-table-kq tbody tr:hover{
    background-color: rgba(var(--clr-highlight),1);
}

/* -------------------------------------------------------------------------- */

/*	13. -------- Crankworx Embed Styles
/* -------------------------------------------------------------------------- */
.crankworx-embed-container{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 6.25rem 0;
}

.crankworx-embed__wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.crankworx-embed-container .crankworx-embed__wrapper iframe{
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */


/* Festival Schedule */

.festival-schedule{
    margin: 6.25rem 0;
}

.festival-schedule__table {
    width: 100%;
    max-width: var(--max-text-width);
    border-collapse: collapse;
}

.festival-schedule__table tr{
    vertical-align: top;
}

.festival-schedule__table td{
    padding: 1rem 0;
}

td.festival-schedule__day-hdr{
    padding: 3em 0 .5em 0;
    border-bottom: rgb(var(--clr-default)) solid 1px;
    font-weight: bold;
}

a.schedule-web-url{
    text-decoration: none;
}

.festival-schedule__item__sub{
    font-weight: bold;
    font-size: var(--font-small-size);
}

.festival-schedule__time{
    width: 25%;
}

/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */

.text-to-columns-3{
    column-count: 3;
    column-gap: 3rem;
}