/*

Events Template CSS

*/


/* Hero header section */
#page-template-event-details .events-template_hero-header .SeasonLeagueDisplay {
    margin-bottom: 0;
    background: #b82021;
    padding: 5px 10px;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
}

#page-template-event-details .page-template-event-details .events-template_hero-header__fixed-share-button {
    position: fixed;
    right: 0;
    top: 35vh;
    z-index: 500;
}

/* Registration section */

#page-template-event-details .page-template-event-details .events-template_registration-info .bmask-customfill {
    fill: black;
}

#page-template-event-details .page-template-event-details .events-template_registration-info__dates span {
    background: black;
    padding: 3px 15px 5px;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
}


#page-template-event-details .page-template-event-details .events-template_registration-info__options {
    background: black;
    display: block;
    text-align: center;
    color: white !important;
    font-weight: 900;
    padding: 3px 15px 5px;
}

#page-template-event-details .page-template-event-details .events-template_registration-info__dates {
    margin-bottom: 45px;
}

/* What Info section */

#page-template-event-details .events-template_what-info .AtDoorPaymentOptions {
    text-transform: lowercase;
}

#page-template-event-details .events-template_what-info .RefundCancellationPolicy {
    text-transform: lowercase;
}

/* Stages section */

#page-template-event-details .events-template_stages .bmask-customfill {
    fill: white;
}

#page-template-event-details .events-template_stages__table .StageNameDisplay {
    font-size: 15px;
    font-weight: 900;
    color: #b82021;
}

#page-template-event-details .events-template_stages__table td {
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

#page-template-event-details .events-template_stages__table-container {
    text-align: center;
    display:block;
}

#page-template-event-details .events-template_stages__table {
    background:white;
    background: rgba(256,256,256,0.7);
    display:inline-block;
}

#page-template-event-details .events-template_stages__table th {
    background: black;
    color: white;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 5px 1em;    
}

/* Match Directors section */

#page-template-event-details .events-template_directors__director-container p {
    text-align: center;
}

/* When section */

#page-template-event-details .events-template_when__timer .tminus_countdown {
    width: 100% !important;
}

#page-template-event-details .events-template_when__timer .carbonlite-dash_title {
    font-size: 12px !important;
}

.events-template_when__timer .carbonlite-dash {
    margin-right: 20px;
}

.events-template_when__timer .carbonlite-dashboard {
    width: 350px;
}

.events-template_when__timer .carbonlite-digit {
    width: 18px;
}

/* Map section */

.events-template_map .kl-contentmaps__panel-info-text {
    text-align: center;
}

.events-template_map .kl-contentmaps__panel-info-text h2 {
    margin-top: 0;
}

.events-template_map .kl-contentmaps__panel-info-text h3 {
    margin-bottom: 0;
    font-family: "Maven Pro", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
}

.events-template_map .kl-contentmaps__panel-info-text p {
    text-transform: uppercase;
}

.events-template_map .gm-style-iw .RangeLogRangeAddress {
    font-family: "Aldrich", sans-serif;
    font-size: 15px;
    color: #b82021;
}


/*


END - Events Template CSS - desktop


*/







/*
*
Events Template Pages CSS - Responsive - Small mobile phones
*
*/


@media screen and (max-width: 355px) {
    .events-template_hero-header__SeasonLeagueDisplay {
        background: #b82021;
       margin-bottom: 0;
       padding: 5px 10px;
        color: white;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        text-align: center;
    }
    
    .events-template_map__map {
       height: 140vh !important;
    }

    .events-template_map__map .kl-contentmaps__panel {
        position: absolute;
       top: 90vh;
        height: 275px;
        left: 0;
    }
    
    .events-template_registration-info__dates {
       background: black;
        padding: 5px 8px;
    }   

    .events-template_registration-info__dates span {
        padding: 0;
    }
    
    .events-template_directors .znColumnElement-innerContent h3 {
        font-size: 30px;
    }

    .events-template_hero-header__SeasonLeagueDisplay {
        font-size: 13px;
    }
    
    .events-template_hero-header__events-button a {
        font-size: 17px !important;
    }
    
    .events-template_hero-header__events-button a {
        font-size: 17px !important;
    }

    .events-template_stages__table {
        overflow-x: auto !important;
        width: 260px !important;
    }
    
    .events-template_hero-header .zn-bgSource-image {
        background-position: -200px 0 !important;
    }
}



/*
*
Events Template Pages CSS - Responsive - Tablets / Small computers
*
*/
@media screen and (max-width: 991px) and (min-width: 767px) {
}


/*
*
Events Template Pages CSS - Responsive - Tablets and Mobile
*
*/
@media screen and (min-width: 355px) and (max-width: 767px) {
    .events-template_registration-info__dates span {
       padding: 0;
    }

    .events-template_registration-info__dates {
        background: black;
        padding: 10px 0;
    }

    .events-template_stages__table th {
        font-size: 13px !important;
        padding:2px 8px;
    }

    .events-template_stages__table td {
        font-size: 12px !important;
        letter-spacing: 1px;
    }
    
    .events-template_map__map {
       height: 140vh !important;
    }

    .events-template_map__map .kl-contentmaps__panel {
        position: absolute;
       top: 90vh;
        height: 275px;
        left: 0;
    }
    
    .events-template_hero-header .zn-bgSource-image {
        background-position: -200px 0 !important;
    }    

}

/*
*
Events Template Pages CSS - Timer Top Bar - XL computers
*
*/
@media screen and (max-width: 1330px) and (min-width: 1178px) {

}

@media screen and (max-width: 1178px) and (min-width: 991px) {

}

/*
*
Events Template Pages CSS - Medium computers
*
*/
@media screen and (min-width: 991px) and (max-width:1200px) {

}





/*


END - Events Template CSS - mobile/tablets & small/med/XL computers


*/