/*

Styles for The Events Calendar

*/

/**
 * #.# Variables
 *
 */
:root {
    --tec-grid-gutter-page: 0 ;
    --tec-color-background-events-bar: rgba(255 255 255 0);
    --tec-font-family-sans-serif: "Open Sans", Arial, Helvetica, sans-serif;
    --header-fonts: "Montserrat", sans-serif;
    
    --tec-color-accent-primary: rgba(1,152,169,1.00);
    --tec-color-gray:  #dfdfdf;
    --tec-color-super-light-gray: rgb(245 245 245);
    --tec-color-light-gray: #fefefe;
    --tec-color-med-gray: #d7d7d7;
    --tec-coor-heavy-gray: #666;
    --tec-color-dark-gray: #333;
    --tec-color-link-green: #00788a;
}


/**
 * #.# Main Wrappers/Containers
 *
 */

.tribe-events,
main#tribe-events-pg-template{
    background-color: #fff;
    border-bottom: 1px solid var(--tec-color-med-gray);
    border-left: 1px solid var(--tec-color-med-gray) !important;
    border-right: 1px solid var(--tec-color-med-gray) !important;
    border-top: 1px solid var(--tec-color-med-gray);
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    position: relative;
    width: auto;
}

.tribe-events-event-image{
    width: auto;
    display: inline-block;
    float: left;
}

/* Wrapping Container */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { 
    min-height: 700px;
    padding-bottom: 0;
    padding-top:0;
}


/**
 * #.# Tool Bars
 *
 */

/* Header Bar */
.tribe-common.tribe-events header.tribe-events-header.tribe-events-header--has-event-search{
    align-items: center;
    background-color: var(--tec-color-super-light-gray);
    border-bottom: 1px solid #ccc !important;
    flex: auto;
    flex-wrap: wrap;
    row-gap: 0px;
    height: auto;
    justify-content: space-evenly;
    margin-bottom:  var(--tec-spacer-4);
    padding: var(--tec-spacer-4);
    width: 100%;
    z-index: 99999;
}

/* Month Nav */
.tribe-events .tribe-events-c-top-bar.tribe-events-header__top-bar {
    order: 1;
    flex-basis: auto;
    margin-bottom: 0 !important;
    width: 50% !important;
}

.tribe-events-c-top-bar.tribe-events-header__top-bar nav {
    order: 2;
}

.tribe-events-c-top-bar.tribe-events-header__top-bar a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
    order: 1;
}

.tribe-events-c-top-bar.tribe-events-header__top-bar .tribe-events-c-top-bar__datepicker {
    order: 3;
}

.tribe-events-c-top-bar.tribe-events-header__top-bar .tribe-events-c-top-bar__datepicker .tribe-events-c-top-bar__datepicker-time span {
    color: #004964 !important;
    font-family:  var(--header-fonts);
    font-size: 30px;
    font-weight: 600;
}

.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
    border: 1px solid #999;
    font-family:  var(--header-fonts);
    font-weight: 600;
    color: #666;
    font-size: 14px;
}

.tribe-events.tribe-events-view--month .tribe-events-c-top-bar__datepicker-container{
    width: 226px !important;
}

.tribe-events.tribe-events-view--list .tribe-events-c-top-bar__datepicker-container{
    width: 380px;
}



/* Search */
body .tribe-common--breakpoint-medium.tribe-events header.tribe-events-header.tribe-events-header--has-event-search .tribe-events-c-events-bar{
    background-color: none !important;
    border:  none;
    flex: 0 1 auto !important;
    margin-bottom: 0 !important;
    order: 2;
    width: 40%;
}

.tribe-common-c-btn.tribe-events-c-search__button { 
    order:  3;
    display: none;
}

#tribe-events-search-container {
    order: 2;
}

.tribe-events-c-events-bar__views {
    order: 1;
}

#tribe-events-search-container .tribe-common-form-control-text__input {
    background-color: var(--tec-color-gray);
    border: 1px solid var(--tec-color-med-gray);
    border-radius: 50px;
    padding: var(--tec-spacer-2) var(--tec-spacer-2) var(--tec-spacer-2) var(--tec-spacer-8);
    width: 300px;
    font-family:  var(--header-fonts);
    font-weight: 600;
    text-transform: capitalize;
}

/* Calendar Type Selector */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item a {
    padding: 5px 0 !important;
}

li.tribe-events-c-view-selector__list-item a span.tribe-events-c-view-selector__list-item-text{
    font-family:  var(--header-fonts);
    font-weight: 00;
    color: #666;
}

li.tribe-events-c-view-selector__list-item--active a span.tribe-events-c-view-selector__list-item-text{
    color: #333;
    font-weight: 700;
}

/* Alerts Notification */
.tribe-events-header__messages.tribe-events-c-messages.tribe-common-b2.tribe-common-c-loader__dot.tribe-common-c-loader__dot--third{
    flex: 0 1 auto !important;
    margin-bottom: 0px;
    margin-top: 30px;
    order: 3;
    width: 100%;
}


/**
 * #.# Filters
 *
 */

.tribe-common--breakpoint-medium .tribe-filter-bar--vertical.tribe-filter-bar {
    margin-left:  30px;    
    margin-right: 30px;
    width: 194px;
}

h2.tribe-filter-bar__form-heading.tribe-common-h5.tribe-common-h--alt.tribe-common-a11y-visual-hide {
    font-family: var(--header-fonts);
    font-weight: 600;
}

/* Calendar body */
.tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container .tribe-filter-bar--open~.tribe-events-calendar-list,
.tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container .tribe-filter-bar--open~.tribe-events-calendar-month {
    width:  calc(100% - 286px);
}


/**
 * #.# Calendar Month View
 *
 */

.tribe-events .tribe-events-calendar-month__header-column {
    padding-bottom: 0px;
    text-align: center;
}

h3.tribe-events-calendar-month__header-column-title.tribe-common-b3 span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    padding: 8px 0;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-month__day-date.tribe-common-h4{
    font-size: 14px;
    line-height: 1;
}

.tribe-events .tribe-events-calendar-month__day.tribe-events-calendar-month__day--past {
	background-color: #fafafa !important;
}

.tribe-events .tribe-events-calendar-month__day .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime {
    display: none !important;
}

.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event {
	opacity: 0.50;
}

h3.tribe-events-calendar-month__calendar-event-title.tribe-common-h8.tribe-common-h--alt,
.tribe-events .tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
.tribe-events .tribe-common-anchor-thin {
    text-transform:  none !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-title-link,
.tribe-events .tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin,
.tribe-events .tribe-common-anchor-thin,
.tribe-events .tribe-events-calendar-month__calendar-event-title-link:visited{
    color: var(--tec-color-link-green);
}

.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover,
.tribe-events .tribe-common-anchor-thin:hover {
    border-color: transparent !important;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button{
    margin-right: 30px;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover{
    color: #fff;
}

/* Hide Weekends the Events Calendar Monday First Day of Week */
.tribe-events-calendar-month__header .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column,
.tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day {
    flex-grow: 1;
}

.tribe-events-calendar-month__header .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:nth-of-type(6),
.tribe-events-calendar-month__header .tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column:nth-of-type(7),
.tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day:nth-of-type(6),
.tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day:nth-of-type(7)
{
    display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {
    border-top: none !important;
}

.tribe-events-c-subscribe-dropdown__container {
    padding: 30px 0 !important;
}



/**
 * #.# Calendar List View
 *
 */

.tribe-events-calendar-list__event-venue.tribe-common-b2 span {
    display: block;
}

time.tribe-events-calendar-list__month-separator-text.tribe-common-h7.tribe-common-h6--min-medium.tribe-common-h--alt{
    font-family: var(--header-fonts);
    font-weight: 600;
}


/**
 * #.# Calendar Day View
 *
 */

.tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container .tribe-filter-bar--open~div.tribe-events-calendar-day,
 div.tribe-events-calendar-day{
    margin-top: 27px;
    width: calc(100% - 276px) !important;
    }


.tribe-events-view.tribe-events-view--day .tribe-filter-bar.tribe-filter-bar--vertical.tribe-filter-bar--open {
	margin-bottom: 30px;
}

nav.tribe-events-calendar-list-nav.tribe-events-c-nav,
nav.tribe-events-calendar-day-nav.tribe-events-c-nav {
	padding: 0 30px;
}

.tribe-events-calendar-day {
	min-height: 300px;
}

.tribe-events-after-html > p.disclaimer {
	padding-bottom:  60px;
}


.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img {
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 50%;
    transform: none;
    transition: opacity .25s ease;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img:hover {
	opacity: .5;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail a {
	padding-top:  0px;
}



/**
 * #.# Single Event View
 *
 */

#tribe-events-content{
	display: flex;
    padding: 0;
    flex-wrap: wrap;
}

p.tribe-events-back{
	background-color: var(--tec-color-super-light-gray);
	border-bottom: 1px solid var(--tec-color-med-gray);
	flex-grow: 1;
	margin-bottom: 0px;
	padding: 30px;
	width: 50%;
}

.tribe-events-notices {
    background: #FFE6E6;
    border-radius: 3px;
    border: 1px solid #FF7F7F;
    color: #990000;
    flex-basis: auto;
    margin: 30px 30px 0 30px;
    padding: 8px 35px 8px 14px;
    width: 100%;
}


#tribe-events-content.tribe-events-single h1.tribe-events-single-event-title{
	flex-basis: auto;
    margin: 0px !important;
	padding: 30px 30px 9px 30px;
	order: 1;
	width: 75%;
}

#tribe-events-content .tribe-events-schedule {
    margin: 0px !important;
	padding: 0 30px 9px 30px;
	order: 2;
	width: 75%;
}

.tribe-events-series-relationship-single-marker.tribe-common {
    margin: 0px !important;
	order: 3;
    padding: 0 30px;
	width: 75%;
}

/* Event Content */
#tribe-events-header + .tribe_events.type-tribe_events.status-publish {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    order: 4;
    padding: 20px 0;
    width: 100%;
}

#tribe-events-header + .tribe_events.type-tribe_events.status-publish .tribe-events-event-image {
    margin-bottom: 0px;
    margin-left: 30px;
    width: 45% !important;
}

#tribe-events-header + .tribe_events.type-tribe_events.status-publish .tribe-events-single-event-description.tribe-events-content {
    padding-bottom: 45px;
    padding-left: 30px;
    width: 45% !important;
}

.tribe-events-single-event-description.tribe-events-content +.tribe-events.tribe-common {
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    margin: 0px 0px 30px 0;
    width: 100% !important;
    padding-right: 30px;

}

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    background-color: var(--tec-color-super-light-gray);
    display: flex;
    flex-direction: row;
    padding-top: 48px;
    width: 100%;
}

.tribe-events-meta-group.tribe-events-meta-group-details,
.tribe-events-meta-group.tribe-events-meta-group-venue,
.tribe-events-meta-group.tribe-events-meta-group-other {
    flex-basis: auto;
    flex-grow: 1;
    padding-top: 0px;
    padding-bottom: 48px;
}

.tribe-events-meta-group.tribe-events-meta-group-details {
    padding-left: 30px;
    order: 1;
}
.tribe-events-meta-group.tribe-events-meta-group-venue { order: 2; }
.tribe-events-meta-group.tribe-events-meta-group-other {
    padding-right: 30px;
    order: 3;
}

.tribe-events-meta-group.tribe-events-meta-group-gmap{
    flex-basis: auto;
    order: 4;
}

.tribe-events-meta-group.tribe-events-meta-group-gmap,
.tribe-events-meta-group.tribe-events-meta-group-gmap .tribe-events-venue-map,
.tribe-events-meta-group.tribe-events-meta-group-gmap .tribe-events-venue-map iframe {
    background-color: var(--tec-color-med-gray);
    height: 400px;
    max-height: 400px;
    margin: 0 !important;
    padding: 0px;
    width: 100%;
}

.tribe-events-related-events-title {
    padding: 48px 30px 0 30px;
}

ul.tribe-related-events.tribe-clearfix {
    display: flex;
    sjustify-content: flex-start;
    padding: 0 30px;
    width: 100%;
}

ul.tribe-related-events.tribe-clearfix li{
    flex: 0 1 33%;
    width: 33%;
}

ul.tribe-related-events.tribe-clearfix .tribe-related-event-info {
    margin: 0 10px ;
}

ul.tribe-related-events.tribe-clearfix .tribe-related-event-info h3 a {
    font-size: .95 rem;
    text-transform: none;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown {
    margin: 0px;
}


.tribe-events.tribe-common {
    border: none !important;
}

.tribe-events-event-meta::before {
    border: none!important;
}


#tribe-events-footer {
    order: 5;
    padding: 30px;
    width: 100%;
}



/**
 * #.# List View Venues
 *
 */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list{
    font-size: 1.25rem !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list a.tribe-events-c-breadcrumbs__list-item-link{
    color: var(--tec-color-link-green) !important;
    text-decoration: underline !important;
}

.tribe-events-view--venue .tribe-events-calendar-list {
    padding: 30px 30px 0;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs {
    margin-bottom: 30px !important;
}




@media screen and (min-width:980px){
    .tribe-events-single-event-description.tribe-events-content,
    .single-tribe_events .tribe-events-event-image{
        width: 46%;
        float: left;
    }
    .tribe-events-single-event-description.tribe-events-content{
        padding-left: 5%;
    }
}

/* MOBILE LAYOUTS */
@media screen and (max-width:767px){

    /* Calendar View - Month */
    .tribe-events .tribe-events-l-container {
        padding: 0px;
    }

    .tribe-events-view--month header.tribe-events-header.tribe-events-header--has-event-search{
        margin: 0px !important;
        margin-bottom: 0 !important;
        padding: 20px !important;
    }

    h3.tribe-events-calendar-month__header-column-title.tribe-common-b3 span {
        padding: 12px 0;
    }

    .tribe-events .tribe-events-calendar-month__day-cell--mobile {
        padding-top: 28px;
    }

    .tribe-events .tribe-events-calendar-month__mobile-events-icon--event  {
        margin-top: 5px;
    }


    button.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected h3 time.tribe-events-calendar-month__day-date-daynum{ 
        color: #fff !important;
    }


    /* Tool Bar */
    .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
        background-color: #fff;
    }

    span.tribe-events-c-top-bar__datepicker-mobile {
        font-size: 24px !important;
    }

    .tribe-filter-bar.tribe-filter-bar--horizontal, .tribe-filter-bar.tribe-filter-bar--vertical {
        z-index: 99999;
        box-shadow: 0 3px 3px rgb(0 0 0 / 25%);
    }

    #tribe-events-search-container .tribe-common-form-control-text__input {
        margin-bottom: 0px !important;
        width: 100%;
    }

    .tribe-events .tribe-events-c-search__input-control-icon-svg {
        left: 15px;
    }

    div#tribe-events-search-container {
        background: #fff;
        padding: 20px;
        margin: 0px;
        box-shadow: 0 3px 3px rgb(0 0 0 / 25%);
        min-height: 0px;
        height: auto!important;
    }

    .tribe-events .tribe-events-c-events-bar__search-container {
        top: 69px;
    }

    .tribe-events-calendar-month .tribe-events-calendar-month__body {
        border-bottom: 1px solid var(--tec-color-med-gray);
    }

    .tribe-events-meta-group.tribe-events-meta-group-details {
        padding-left: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    dd.tribe-events-event-url a{
         -ms-word-break: break-all !important;
             word-break: break-all !important;
    }





    /* List below Calendar */
    section.tribe-events-calendar-month-mobile-events {
        padding: 20px !important;
    }

    .tribe-common .tribe-common-h--alt {
        font-family: var(--header-fonts) !important;
        font-size: 1rem;
        font-weight: 600 !important; 
        text-transform: uppercase !important;
     }

    .tribe-events-calendar-month-mobile-events__mobile-event-details {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .tribe-events-calendar-month-mobile-events__mobile-event-datetime.tribe-common-b2 {
        order: 2;
    }

    h3.tribe-events-calendar-month-mobile-events__mobile-event-title.tribe-common-h7 {
        order: 1;
        text-transform: none;
    }

    a.tribe-events-calendar-month-mobile-events__mobile-event-title-link.tribe-common-anchor {
        font-size: 1.0rem;
        color: var(--tec-color-link-green) !important;
    }

    .tribe-common .tribe-common-anchor:active, .tribe-common .tribe-common-anchor:focus, .tribe-common .tribe-common-anchor:hover {
        border: none !important;
    }

    .tribe-events-c-subscribe-dropdown__container {
        padding: 20px;
    }

    nav.tribe-events-calendar-month-nav.tribe-events-c-nav {
        padding: 20px 0 0 0;
    }

    nav.tribe-events-calendar-month-nav.tribe-events-c-nav a.tribe-common-b2,
    nav.tribe-events-calendar-list-nav.tribe-events-c-nav li a {
        font-size: 13px;
        padding-bottom:0 ;
    }

    .tribe-events-c-subscribe-dropdown__container {
        padding: 20px !important;
    }

    .tribe-events-after-html p.disclaimer{
        padding: 20px 30px 40px 30px !important;
    }


    /* Calendar View - List */
    p.tribe-events-back {
        padding: 20px !important;
    }

    .tribe-events-calendar-list {
        padding: 30px !important;
    }

    nav.tribe-events-calendar-list-nav.tribe-events-c-nav {
        padding-top: 20px;
    }

    /* Single Event View */
    #tribe-events-header + .tribe_events.type-tribe_events.status-publish {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        order: 4;
        padding: 20px 0;
        width: 100%;
    }

    #tribe-events-content.tribe-events-single h1.tribe-events-single-event-title {
        font-size: 24px !important;
    }

    #tribe-events-content.tribe-events-single h1.tribe-events-single-event-title,
    .tribe-events-schedule.tribe-clearfix{
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 100%;
    }

    #tribe-events-header + .tribe_events.type-tribe_events.status-publish .tribe-events-event-image {
        margin: 0 !important;
        padding: 0 20px;
        width: 100% !important;
    }

    #tribe-events-header + .tribe_events.type-tribe_events.status-publish .tribe-events-single-event-description.tribe-events-content {
        padding-bottom: 0;
        padding-left: 0;
        padding: 30px 20px 0 20px;
        width: 100% !important;
    }

    .tribe-events-single-event-description.tribe-events-content +.tribe-events.tribe-common {
        padding: 0 20px !important;
        width: 100%;
    }

    .single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container,
    .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
        width: 100%;
        margin: 0px;
    }

    .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
        margin-bottom: 0 !important;
    }

    .tribe-events-meta-group {
        padding-left: 20px;
        padding-right: 20px;
        width: 100% !important;
    }

    .tribe-events-meta-group-gmap{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    ul.tribe-related-events.tribe-clearfix {
        flex-flow: columns;
        padding: 0 20px;
    }

    ul.tribe-related-events.tribe-clearfix li{
        flex: 0 1 100%;
        width: 100%;
    }

    #tribe-events-footer {
        padding: 30px 20px;
    }

    #tribe-events-footer nav.tribe-events-nav-pagination li a{
        font-size: 13px;
    }


    /* Venue List */
    
    .tribe-events-header__breadcrumbs.tribe-events-c-breadcrumbs {
        padding: 0 20px;
    }

    .single-tribe_venue .tribe-events-header__breadcrumbs.tribe-events-c-breadcrumbs li{
        font-size: 1.25rem !important;
    }

    .single-tribe_venue .tribe-events .tribe-events-c-breadcrumbs__list a.tribe-events-c-breadcrumbs__list-item-link{
        color: var(--tec-color-link-green) !important;
        text-decoration: underline !important;
    }

    .tribe-events-view--venue header.tribe-events-header.tribe-events-header--has-event-search {
        border: none !important;
        padding: 20px 0px !important;
        margin: 0 !important;
    }

    .tribe-events-pro .tribe-events-pro-venue__meta{
    }

    .tribe-events-pro .tribe-events-pro-venue__meta-map{
        border: none !important;
        margin: 0px !important;
        height: 400px;
    }

    .tribe-events .tribe-events-c-top-bar__datepicker-container {
        width: 415px !important;
    }

    .tribe-events .datepicker table{
        width: 100%;
    }

    .tribe-events-c-top-bar.tribe-events-header__top-bar{
        padding-left: 20px;
    }

    .tribe-events-view--venue .tribe-events-calendar-list{
        padding: 30px 20px !important;
    }

}