/*
 Theme Name:   Arts & Disability Forum 2023
 Description:  Twenty Twenty Three Child Theme. Custom overwrite.
 Author:       W.A.I. Development Team
 Author URI:   https://www.wdotadoti.com
 Template:     twentytwentythree
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         adf2023, child
 Text Domain:  twentytwentythree-child
*/
@font-face {
    font-family: Lato;
    font-weight: 400;
    src: url('assets/fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: Lato;
    font-weight: 700;
    src: url('assets/fonts/Lato-Bold.ttf');
}
@font-face {
    font-family: Lato;
    font-weight:900;
    src: url('assets/fonts/Lato-Black.ttf');
}
@font-face {
    font-family: Lato;
    font-style: italic;
    src: url('assets/fonts/Lato-Italic.ttf');
}
@font-face {
    font-family: HelveticaNeue-Medium;
    font-weight: 600;
    src: url('assets/fonts/HelveticaNeue-Medium.ttf')
}
@font-face {
    font-family: Helvetica;
    font-weight: 400;
    src: url('assets/fonts/Helvetica.otf')
}
@font-face {
    font-family: Helvetica;
    font-weight: 700;
    src: url('assets/fonts/Helvetica-Bold.ttf')
}

:root{
    --adf2023-color-blue: #035edc;
    --adf2023-color-lightpink: #ffeef3;
    --adf2023-color-red: #f73e50;
    --adf2023-color-white: #ffffff;
}

body{
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.wp-site-blocks{
    padding-top: 0;
    padding-bottom: 0;
}

/**
 * Header
 */
.top-bar{
    background-color: var(--adf2023-color-blue);
    padding: 10px;
}
.top-bar a{
    color: var(--adf2023-color-white);
}
.banner-container{
    background-color: var(--adf2023-color-lightpink);
    padding: 15px;
}
.banner-container .banner-wrapper{
    align-items: center;
    display: flex;
    column-gap: 150px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
}
.banner-container .site-name,
.banner-container .datetime{
    color: var(--adf2023-color-blue);
    font-family: HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
}
.banner-container .site-name{
    font-size: 2.25em;
    text-transform: uppercase;
}
.banner-container .tagline-container{
    padding: 15px;
    text-align: right;
    width: 300px
}
.banner-container .tagline-container > div{
    color: var(--adf2023-color-white);
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    width: 220px;
}
.banner-container .tagline-container .tagline-line-one{
    background-color: var(--adf2023-color-blue);
    transform: rotate(3deg);
}
.banner-container .tagline-container .tagline-line-two{
    background-color: var(--adf2023-color-red);
    display: inline-block;
    margin-top: -15px;
    transform: rotate(-5deg);
}
.banner-container .datetime{
    font-size: 1.5em;
    text-align: center;
}
.nav-container,
.nav-container .wp-block-navigation-submenu .wp-block-navigation__submenu-container{
    background-color: var(--adf2023-color-blue);
    color: var(--adf2023-color-white);
}
.nav-container button{
    padding: 15px;
}
.nav-container .wp-block-navigation-item__content{
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: 700;
}
.nav-container .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
    row-gap: 25px;
}

/**
 * Content
 **/
.has-top-heading{
    margin-top: 0;
}
.content-top-heading{
    background-color: var(--adf2023-color-red);
    padding: 5px;
}
.content-top-heading h1{
    color: var(--adf2023-color-white);
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.content-wrapper{
    min-height: 100px;
}

/**
* Content - Home
**/
.home-intro{
    text-align: justify;
}

.home-images{
    padding-top: 30px;
}
.home-images .img-container{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 60px;
}
.home-images img {
    left: 15px;
    position: relative;
    top: -30px;
    width: 100%;
}

.home-images .img-wrapper{
    max-width: 768px;
}
.home-images .img-wrapper p{
    margin-top: -20px;
    padding: 0 15px 15px;
    text-align: justify;
}
.home-images .img-odd {
    background-color: var(--adf2023-color-red);
    color: var(--adf2023-color-white)
}
.home-images .img-even {
    background-color: var(--adf2023-color-blue);
    color: var(--adf2023-color-white)
}

/**
 * Content - Accessibility Options
 **/
.content-wrapper h2{
    color: var(--adf2023-color-blue);
    font-size: 1.25em;
    font-weight: 700;
}
.content-wrapper h2 + p{
    margin-top: 0;
}
.content-wrapper p{
    text-align: justify;
}

/**
 * Content - Programme
 **/
 section.programme-day-container {
    max-width: 768px;
}
.programme-day .day-heading{
    color: var(--adf2023-color-white);
    font-size: 1.25em;
    max-width: 500px;
    padding: 5px 15px;
}
.programme-day .day-meta,
.programme-day .day-audience{
    color: var(--adf2023-color-white);
    max-width: 500px;
    padding: 5px 15px;
}
.programme-day .day-footnote{
    font-style: italic;
}

.programme-day .day-heading .day-title{
    font-weight: 700;
}
.programme-day .day-heading .day-title h2{
    color: var(--adf2023-color-white);
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
}
.programme-day .day-heading .separator,
.programme-day .day-meta .separator{
    display: none;
}

.programme-day.odd .day-heading,
.programme-day.odd .day-meta,
.programme-day.odd .day-audience{
    background-color: var(--adf2023-color-red);
}
.programme-day.even .day-heading,
.programme-day.even .day-meta,
.programme-day.even .day-audience{
    background-color: var(--adf2023-color-blue);
}
.programme-day .day-events-container{
    padding: 5px;
}
.programme-day.odd .day-events-container{
    border: 1px solid var(--adf2023-color-blue);
}
.programme-day.even .day-events-container{
    border: 1px solid var(--adf2023-color-red);
}

.programme-day .event-row{
    margin-bottom: 30px;
}
.programme-day .event-row.has-separator:not(:last-child) {
    border-bottom: 1px solid var(--adf2023-color-blue);
    padding-bottom: 15px;
}

.programme-day .event-time,
.programme-day .row-title,
.programme-day .presentor-name{
    font-weight: 700;
}
.programme-day .event-time{
    color: var(--adf2023-color-blue);
}
.programme-day .presentation-wrapper ul{
    margin-top: 0;
}
.programme-day .presentation-wrapper li::marker{
    color: var(--adf2023-color-red);
}
.programme-day .presentation-title{
    color: var(--adf2023-color-red);
}
.programme-day .presentation-wrapper.singular .presentation-title{
    font-weight: 700;
}
.programme-day .description-wrapper .or-wrapper{
    font-weight: 700;
    margin: 15px 0;
}
.programme-day .presentation-wrapper > div:not(:first-child){
    margin-top: 15px;
}
.programme-day .description-wrapper .row-presentor,
.programme-day .presentation-wrapper .row-presentor{
    font-style: italic;
}
.programme-day .day-meta.nodisplay,
.programme-day .day-audience.nodisplay,
.programme-day .day-footnote.nodisplay{
    display: none;
}

.presentation-description .event-slot p:first-of-type{
    margin-top: 0;
}
.presentation-description .event-slot p:last-child{
    margin-bottom: 30px;
}
.presentation-description .event-slot h3{
    font-size: 1em;
    font-weight: 700;
    margin: 0;
}

/**
 * Content - Speakers
 **/
.speaker-container {
    align-items: center;
    column-gap: 30px;
    display: flex;
    flex-wrap: wrap;
}
.speaker-container .profile-img-container {
    margin: 10px auto;
    padding: 15px;
}
.speaker-container .profile-pic {
    display: inline-block;
    height: 300px;
}
.speaker-container.odd .profile-pic {
    box-shadow: 15px 15px var(--adf2023-color-blue);
}
.speaker-container.even .profile-pic {
    box-shadow: 15px 15px var(--adf2023-color-red);
}

.speaker-container .bio-name,
.two-speaker-container > .group-container .bio-name{
    color: var(--adf2023-color-blue);
    font-size: 1.25em;
    font-weight: 700;
}
.speaker-container .bio-designation{
    color: var(--adf2023-color-red);
}

/**
 * Content - Resource & Events
 **/
 .resource-event-container .event-name {
    color: var(--adf2023-color-blue);
    font-weight: 700;
 }
 .resource-event-container img{
    width: 100%;
}

/**
 * Content - FAQ
 **/
.faq .c-accordion__item:not(:first-child) {
    margin-top: 5px;
}

.faq .c-accordion__title::after{
    color: var(--adf2023-color-white);
    font-weight: 700;
    right: 15px;
}
.faq .c-accordion__item .c-accordion__title {
    color: var(--adf2023-color-white);
    margin: 0;
    padding: 5px 10px;
}
.faq .c-accordion__item.odd .c-accordion__title {
    background-color: var(--adf2023-color-red);
}
.faq .c-accordion__item.even .c-accordion__title {
    background-color: var(--adf2023-color-blue);
}

.content-wrapper .c-accordion__item.odd .c-accordion__content{
    border: 1px solid var(--adf2023-color-red);
}
.content-wrapper .c-accordion__item.even .c-accordion__content{
    border: 1px solid var(--adf2023-color-blue);
}

/**
 * Content - Contact Us
 **/
.contact-us-wrapper{
    border: 2px solid var(--adf2023-color-blue);
    border-radius: 25px;
    padding: 15px 30px;
}

/**
 * Content - How to get there
 **/
.get-there-container .description-wrapper p{
    text-align: left;
}

/**
 * Footer
 **/
footer{
    font-family: Helvetica, Arial, sans-serif;
}

footer .feature-box{
    height: 200px;
    overflow: hidden;
    width: 400px
}
footer .feature-box > div{
    height: 100px;
    width: 400px;
}
.feature-box .blue-box{
    background-color: var(--adf2023-color-blue);
    left: -60px;
    position: relative;
    transform: rotate(-15deg);
    top: 80px;
    z-index: 1;
}
.feature-box .red-box{
    background-color: var(--adf2023-color-red);
    left: 0;
    position: relative;
    transform: rotate(10deg);
    top: 70px;
}
footer .organised-by-container,
footer .programme-partner-container,
footer .venue-partner-container{
    padding: 15px;
    max-width: 360px;
    width: 100%;
}
footer .logos-heading{
    padding-bottom: 15px;
}
footer .logos-container{
    align-items: center;
    column-gap: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 15px;
}
footer .logo-wrapper img{
    height: 55px;
    width: auto;
}

footer .organised-by-container .logos-container .logo-wrapper:last-child img{
    height: calc(1.15 * 55px);
}

@media all and (min-width: 600px){
    /**
     * Header
     **/
    .nav-container .wp-block-navigation .wp-block-page-list{
        justify-content: space-around;
    }
    .nav-container .wp-block-navigation-item{
        padding: 15px 30px;
    }
    .nav-container .wp-block-navigation-item.current-menu-item,
    .nav-container .wp-block-navigation-item.current-menu-ancestor,
    .nav-container .wp-block-navigation-item:hover{
        background-color: var(--adf2023-color-red);
    }

    /**
     * Content - Programme
     **/
    .programme-day .day-heading,
    .programme-day .day-meta{
        display: flex;
        justify-content: flex-start;
        column-gap: 5px;
    }
    .programme-day .day-heading .separator,
    .programme-day .day-meta .separator{
        display: block;
    }

    .programme-day .event-row {
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
    }
    .programme-day .event-row .event-time{
        flex: 1;
    }
    .programme-day .event-row .description-wrapper{
        flex: 3;
    }

    /**
     * Footer
     **/
    footer .organised-by-container,
    footer .programme-partner-container,
    footer .venue-partner-container{
        max-width: 100%;
        width: auto;
    }
}

@media all and (min-width: 641px){
    .banner-container .site-name{
        font-size: 3em;
    }
    .banner-container .tagline-container{
        width: 350px;
    }
}

@media all and (min-width: 960px){
    .banner-container .banner-wrapper{
        column-gap: 90px;
        padding: 30px;
    }

    .home-images .img-container{
        align-items: flex-start;
        column-gap: 30px;
        flex-wrap: nowrap;
    }
    .home-images .img-wrapper{
        width: 30vw;
    }

    /**
     * Content - Programme
     **/
    section.programme-day-container {
        max-width: 960px;
    }

    .programme-day .event-row .description-wrapper{
        flex: 4;
    }

    /**
     * Content - Speakers
     **/
    body .is-layout-constrained > .speaker-container,
    body .is-layout-constrained > .two-speaker-container{
        max-width: 960px;
    }
    body .is-layout-constrained > .speaker-container,
    body .is-layout-constrained > .two-speaker-container > .speaker-container {
        align-items: flex-start;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .speaker-container .bio-container{
        min-width: 700px;
        padding-top: 30px;
    }
}

@media all and (min-width: 1000px){
    .banner-container .datetime{
        margin-left: 30px;
        margin-top: -60px;
    }
}