/*
Custom CSS for website theme
Version: 1.0
Description: Used to establish the look and feel for the custom website
Author: Full Spectrum Marketing
Author URL: http://www.fsm.agency
*/

/*SOAPBOX DERBY CUSTOM CSS*/

@font-face {
    
    font-family:'Industry';
    src: url('https://use.typekit.net/lsv3whm.css'); /*URL to the font*/
    /*font-family: 'Alkaline Caps';
    src: url('https://use.typekit.net/lsv3whm.css');*/ /*URL to the font*/
}


/*TYPOGRAPHY - GLOBAL*/
h1, h2, h3, h4 {
    font-weight: 600;
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
}

h1.entry-title{
    font-weight: 600;
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
}

.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
.et_pb_text_inner h4 {
    font-weight: 600;
    font-family: 'Industry',sans-serif;
}

h3{
    font-size: clamp(1rem,1.75cqi,3rem)!important;
}

h3.et_pb_module_header{
    font-family: 'Industry', sans-serif;
}

h4.et_pb_toggle_title{
    font-family: 'Industry', sans-serif;
}

p, .et_pb_text_inner{
    font-weight: 400;
    line-height: 1.7em;
}


/*GLOBAL ELEMENTS*/

/*main nav*/
#et-secondary-menu>ul>li a:after{
    content: '\f35d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    padding-left: 10px;
}

#logo{
    max-height: 100% !important;
    margin-top: -.5rem;
    margin-left: 2rem;
    transform: scale(1.5);
    position: relative;
    z-index: 9998 !important;
}

.et_secondary_nav_enabled #page-container #top-header{
    z-index: 10;
}

@media only screen and (max-width: 980px) {
    #logo {
        max-height: 60px;
        margin-top: 0px;
        margin-bottom: -30px;
    }
}

/*end main nav*/

#page-container{
    overflow:hidden;
}
.et_pb_button{
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
    font-weight: 600;  
}
.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    float:left;
    margin-right: 15px;
}
.inline-buttons-centered .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 15px;
    text-align: center !important;
}

.inline-buttons .et_pb_button_module_wrapper:first-child {
    margin-right: 15px;
}


@media only screen and (max-width:981px) {
    .inline-buttons .et_pb_button{
        display: block;
        float:left;
    }   
}
/* .browline  - should be tucked inside another text element (i.e. span in an h2, etc) */
.browline{
    font-family: 'Alkaline-Caps', sans-serif;
    text-transform: uppercase;
    font-size: .5em; 
    line-height: .3em;
}
.small-yellow-brow{
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
    color: #ffb934;
    font-weight: 600;
}
.et_pb_row:after, .et_pb_row_inner:after{
    visibility: visible;
}


/*end Global elements*/




/*HOMEPAGE*/

/*equivalent of .hof-listing-grid*/
.fwpl-layout{
    grid-auto-rows: 1fr;
}

.fwpl-layout .fwpl-result{
    background-color: #133470;
    border-radius: 10px;
    padding: 1.5rem;
    /*min-height: 12rem;*/
}

.fwpl-col{
    display:flex; 
    justify-content: flex-end; 
    flex-direction: column;
}


/*events slider (same as 'Race Schedule' page on international site)*/

.race-schedule-tag span.fwpl-term{
    background: #ffdc99;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9em;
    color: #000;
    border-radius: 50px;
    padding-right: .65em;
    padding-left: .65em;
    padding-top: .25em;
    padding-bottom: 0;
    line-height: 1.5em;
}

.race-schedule-tag span.fwpl-term:after{
    display: none;
}




.race-schedule-date{
    color: #ffb934;
    font-size: 1.3em;
}


.race-city-listing-grid{
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .10);
    padding:1rem;
    border-radius: 5px;
    min-height: 200px;
}


.race-schedule-category:before, .race-schedule-tag:before{
    font-family: 'Font Awesome 6 Pro';
    color: #ffb934;
    margin-right: 5px;
    
}

.race-schedule-category:before{
    content: '\f3c5';
}

.race-schedule-tag:before{
    content:'\f124';
}

/*homepage dots*/
.support-the-derby-dots:before{
    content:url(/wp-content/uploads/sites/126/2023/08/dots-vertical-red-small.png);
    position: absolute;
    left: 0px;
    bottom: 20px;
    z-index: 100;
}

.support-the-derby-dots:after{
    content:url(/wp-content/uploads/sites/126/2023/08/dots-vertical-red-small.png);
    position: absolute;
    right: 115px;
    top: -36px;
    z-index: 100;
}

@media only screen and (max-width: 980px) {
    .support-the-derby-dots:before{
        content:url(/wp-content/uploads/2023/08/dots-vertical-red-small.png);
        position: absolute;
        left: 0px;
        top: 130px;
        z-index: 100;
        transform: scale(.4);
    }

    .support-the-derby-dots:after{
        content:url(/wp-content/uploads/2023/08/dots-vertical-red-small.png);
        position: absolute;
        right: 45px;
        top: 16px;
        z-index: 100;
        transform: scale(.4);
    }
}

/*photo gallery & logo gallery - slick styling*/

.galleryImages button.slick-prev.slick-arrow,
.galleryImages button.slick-next.slick-arrow,
.sponsorImages button.slick-prev.slick-arrow,
.sponsorImages button.slick-next.slick-arrow{
    border:none;
    background: transparent;
    font-family: 'Industry',sans-serif;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
}

.sponsorImages button.slick-prev.slick-arrow,
.sponsorImages button.slick-next.slick-arrow{
    border:none;
    background: transparent;
    font-family: 'Industry',sans-serif;
    color: #133470;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
}

.galleryImages button.slick-next.slick-arrow{
    position: absolute;
    top:0;
    left:150px;
}

.galleryImages button.slick-prev.slick-arrow:before,
.sponsorImages button.slick-prev.slick-arrow:before{
    font-family: 'Font Awesome 6 Pro';
    content: '\f323';
    font-weight: 600;
    margin-right: 5px;
    
}

.galleryImages button.slick-next.slick-arrow:after,
.sponsorImages button.slick-next.slick-arrow:after{
    font-family: 'Font Awesome 6 Pro';
    content: '\f324';
    font-weight: 600;
    margin-right: 5px;   
}

.galleryPrimaryImage .slick-track img{
    width: 80%;
    max-height: 700px;
    object-fit: contain;
    filter: drop-shadow(2px 2px 2px rgb(0, 0, 0, 0.05));
}

.galleryImageStyle{
    padding: .5rem .5rem;
    width:200px;
    height: 200px;
}

.galleryImageStyle:hover{
    opacity:.8;
}

.galleryImageStyle img{
    object-fit: cover;
    border-radius: 5px;
    filter: drop-shadow(2px 2px 2px rgb(0, 0, 0, 0.05));
}

.sponsorImageStyle{
    padding: .25rem .25rem;
 }

.sponsorImageStyle img{
    object-fit: contain;
    max-height: 200px;
    max-width: 200px;
    margin:0 auto;
}

@media only screen and (max-width: 980px) {
    .galleryPrimaryImage .slick-track img{
        width: 80%;
        max-height: 15rem;
        object-fit: cover;
    }
    .galleryImageStyle{
        height: 100px;
    }
    .galleryImageStyle img{
        max-width:28vw;
        height: 80px;
        padding: 0 10px;
    }
    
    .sponsorImageStyle img{
        height: 150px;
        object-fit: contain;
    }
}


/*EVENT DETAIL PAGE TEMPLATE*/
.event-download .et_pb_text_inner a:before{
    font-family: 'Font Awesome 6 Pro';
    content: '\f56d';
    color: #ffb934;
    font-weight: 700;
    padding-right: 5px;
}

.event-detail-title-text .et_pb_text_inner, .event-detail-title-text .et_pb_text_inner a{
    font-family: 'Industry',sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: .9em;
}

.event-detail-region-title .et_pb_text_inner a{
    font-family: 'Industry',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: #ffdc99;
    display: inline-block;
    font-size: .9em;
    color: #000;
    border-radius: 50px;
    padding-right: .65em;
    padding-left: .65em;
    padding-top: .25em;
    padding-bottom: 0;
    line-height: 1.5em;
}


/*GLOBAL FOOTER*/

.footer-logo img{
    transform: scale(.5);
}

.fa-facebook:before, .fa-instagram:before{
    color: #fff;
    font-size: 2em;
    margin-right: 15px;
}
.fa-youtube:before{
    color: #fff;
    font-size: 2em;
}

/*COMMUNITY EVENTS PLUGIN CUSTOMIZATION*/

/*
Custom CSS for website theme
Version: 1.0
Description: Used to establish the look and feel for the custom website
Author: Full Spectrum Marketing
Author URL: http://www.fsm.agency
*/

/*SOAPBOX DERBY CUSTOM CSS*/

@font-face {
    
    font-family:'Industry';
    src: url('https://use.typekit.net/lsv3whm.css'); /*URL to the font*/
    /*font-family: 'Alkaline Caps';
    src: url('https://use.typekit.net/lsv3whm.css');*/ /*URL to the font*/
}


/*TYPOGRAPHY - GLOBAL*/
p, .et_pb_text_inner{
    font-weight: 400;
    line-height: 1.7em;
}


/*GLOBAL ELEMENTS*/

/*main nav*/
#et-secondary-menu>ul>li a:after{
    content: '\f35d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    padding-left: 10px;
}



.et_secondary_nav_enabled #page-container #top-header{
    z-index: 10;
}

/*end main nav*/

#page-container{
    overflow:hidden;
}
.et_pb_button{
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
    font-weight: 600;  
}
.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    float:left;
    margin-right: 15px;
}
.inline-buttons-centered .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 15px;
    text-align: center !important;
}

.inline-buttons .et_pb_button_module_wrapper:first-child {
    margin-right: 15px;
}


@media only screen and (max-width:981px) {
    .inline-buttons .et_pb_button{
        display: block;
        float:left;
    }   
}
/* .browline  - should be tucked inside another text element (i.e. span in an h2, etc) */
.browline{
    font-family: 'Alkaline-Caps', sans-serif;
    text-transform: uppercase;
    font-size: .5em; 
    line-height: .3em;
}
.small-yellow-brow{
    font-family: 'Industry',sans-serif;
    text-transform: uppercase;
    color: #ffb934;
    font-weight: 600;
}
.et_pb_row:after, .et_pb_row_inner:after{
    visibility: visible;
}


/*end Global elements*/




/*HOMEPAGE*/

/*events slider (same as 'Race Schedule' page on international site)*/
.race-schedule-date,
.race-schedule-title,
.race-schedule-venue,
.race-schedule-category,
.race-schedule-tag,
.race-schedule-button{
    font-family: 'Industry',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.race-schedule-tag span.fwpl-term{
    background: #ffdc99;
    display: inline-block;
    font-size: .7em;
    color: #000;
    border-radius: 50px;
    padding-right: .65em;
    padding-left: .65em;
    padding-top: .25em;
    padding-bottom: 0;
    line-height: 1.5em;
}

.race-schedule-tag span.fwpl-term:after{
    display: none;
}




.race-schedule-date{
    color: #ffb934;
    font-size: 1.3em;
}

.race-schedule-title{
    font-family: 'Industry', sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: .5rem 0;
}

.race-schedule-category:before, .race-schedule-tag:before{
    font-family: 'Font Awesome 6 Pro';
    color: #ffb934;
    margin-right: 5px;
    
}
.race-schedule-venue{
    
}

.race-schedule-category:before{
    content: '\f3c5';
}

.race-schedule-tag:before{
    content:'\f124';
}


.race-schedule-button{
    margin-top: 1rem;
}

.race-schedule-button a{
    background-color: #fff;
    color: #1c4485;
    padding: 3px 6px;
    border-radius:5px;
    font-size: .8em;
    
}


/*homepage dots*/
.support-the-derby-dots:before{
    content:url(/wp-content/uploads/sites/126/2023/08/dots-vertical-red-small.png);
    position: absolute;
    left: 0px;
    bottom: 20px;
    z-index: 100;
}

.support-the-derby-dots:after{
    content:url(/wp-content/uploads/sites/126/2023/08/dots-vertical-red-small.png);
    position: absolute;
    right: 115px;
    top: -36px;
    z-index: 100;
}

@media only screen and (max-width: 980px) {
    .support-the-derby-dots:before{
        content:url(/wp-content/uploads/2023/08/dots-vertical-red-small.png);
        position: absolute;
        left: 0px;
        top: 130px;
        z-index: 100;
        transform: scale(.4);
    }

    .support-the-derby-dots:after{
        content:url(/wp-content/uploads/2023/08/dots-vertical-red-small.png);
        position: absolute;
        right: 45px;
        top: 16px;
        z-index: 100;
        transform: scale(.4);
    }
}

/*photo gallery & logo gallery - slick styling*/

.galleryImages button.slick-prev.slick-arrow,
.galleryImages button.slick-next.slick-arrow,
.sponsorImages button.slick-prev.slick-arrow,
.sponsorImages button.slick-next.slick-arrow{
    border:none;
    background: transparent;
    font-family: 'Industry',sans-serif;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
}

.sponsorImages button.slick-prev.slick-arrow,
.sponsorImages button.slick-next.slick-arrow{
    border:none;
    background: transparent;
    font-family: 'Industry',sans-serif;
    color: #133470;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
}

.galleryImages button.slick-next.slick-arrow{
    position: absolute;
    top:0;
    left:150px;
}

.galleryImages button.slick-prev.slick-arrow:before,
.sponsorImages button.slick-prev.slick-arrow:before{
    font-family: 'Font Awesome 6 Pro';
    content: '\f323';
    font-weight: 600;
    margin-right: 5px;
    
}

.galleryImages button.slick-next.slick-arrow:after,
.sponsorImages button.slick-next.slick-arrow:after{
    font-family: 'Font Awesome 6 Pro';
    content: '\f324';
    font-weight: 600;
    margin-right: 5px;   
}

.galleryPrimaryImage .slick-track img{
    width: 80%;
    max-height: 700px;
    object-fit: contain;
    filter: drop-shadow(2px 2px 2px rgb(0, 0, 0, 0.05));
}

.galleryImageStyle{
    padding: .5rem .5rem;
    width:200px;
    height: 200px;
}

.galleryImageStyle:hover{
    opacity:.8;
}

.galleryImageStyle img{
    object-fit: cover;
    border-radius: 5px;
    filter: drop-shadow(2px 2px 2px rgb(0, 0, 0, 0.05));
}

.sponsorImageStyle{
    padding: .25rem .25rem;
 }

.sponsorImageStyle img{
    object-fit: contain;
    max-height: 200px;
    max-width: 200px;
    margin:0 auto;
}

@media only screen and (max-width: 980px) {
    .galleryPrimaryImage .slick-track img{
        width: 80%;
        max-height: 15rem;
        object-fit: cover;
    }
    .galleryImageStyle{
        height: 100px;
    }
    .galleryImageStyle img{
        max-width:28vw;
        height: 80px;
        padding: 0 10px;
    }
    
    .sponsorImageStyle img{
        height: 150px;
        object-fit: contain;
    }
}


/*EVENT DETAIL PAGE TEMPLATE*/
.event-download .et_pb_text_inner a:before{
    font-family: 'Font Awesome 6 Pro';
    content: '\f56d';
    color: #ffb934;
    font-weight: 700;
    padding-right: 5px;
}

.event-detail-title-text .et_pb_text_inner, .event-detail-title-text .et_pb_text_inner a{
    font-family: 'Industry',sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: .9em;
}

.event-detail-region-title .et_pb_text_inner a{
    font-family: 'Industry',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: #ffdc99;
    display: inline-block;
    font-size: .9em;
    color: #000;
    border-radius: 50px;
    padding-right: .65em;
    padding-left: .65em;
    padding-top: .25em;
    padding-bottom: 0;
    line-height: 1.5em;
}


/*GLOBAL FOOTER*/

.footer-logo img{
    transform: scale(.5);
}

.fa-facebook:before, .fa-instagram:before{
    color: #fff;
    font-size: 2em;
    margin-right: 15px;
}
.fa-youtube:before{
    color: #fff;
    font-size: 2em;
}

/*COMMUNITY EVENTS PLUGIN CUSTOMIZATION*/

/*----------------------------*/
/* /view-submitted-events/ page*/

/*hide built-in 'Add New' button from view */
a.tribe-button.tribe-button-primary.add-new {
    display: none !important;
}

/*add padding to top of 'My Events' (/view-submitted-events/) so it doesn't get cut off*/
.tribe-community-events-content{
    padding-top: 1rem;
}

/*----------------------------*/
/* /submit-event' page*/

/*hide built-in 'View Your Submitted Events' button from view */
.tribe-button-secondary, a.tribe-button .tribe-button-secondary{
   display: none !important;
}

/* 'Submit Event' button*/
#post.events-community-submit{
    background: #133470 !important;
    font-family: 'Industry',sans-serif !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    border: none;
    border-radius: 5px;
}

#post.events-community-submit:hover{
    background: #681d6d !important;
    transition: .3s;
}

.tribe-community-events{
    border: none !important;
    color: #000 !important;
}

.tribe-community-events .tribe-section{
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #133470 !important;
}

.tribe-community-events .tribe-section .tribe-section-header{
    border-bottom: none !important;
}

.entry-content table:not(.variations){
    border: none !important;
}

/*label font size*/
.tribe-community-events *{
    font-size: 16px !important;
}

/*hide 'Event Image' section */


/*hide 'Event Website' section */
.tribe-section .tribe-section-website .tribe-section-header h3{
    display: none !important;
}

/*hide 'Appearance' options from admin bar*/
#wp-admin-bar-appearance li#wp-admin-bar-widgets a{
    display: none;
}
