/* 
 Theme Name:     10AM Divi Child Theme
 Author:         10AM Creative Media
 Author URI:     https://10am.ca
 Template:       Divi
 Version:        1.0 
*/ 


/*  Enter your custom CSS below */ 


/*  Custom Preloader Animation */ 

picture.dipi_preloader_image img {
    width: 100px;
    height: 100px;
    animation: square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;
}



/*  Change search placeholder text colour */ 

.et_pb_menu__search-input, #page-container .et_pb_menu__search-input::-webkit-input-placeholder {
    color: #fff!important;
}


/*  Events Archive Page */ 

div#em-wrapper {
    margin-bottom: 3em;
}

.et_right_sidebar #main-content.tenam-events-archive .container:before {
    display: none;
}

.et_right_sidebar .tenam-events-archive #left-area {
    float: none;
    padding-right: inherit;
    width: 100%;
    padding-bottom: 60px;
}

.em-events-list-grouped .daily-day {
    display: grid;
    grid: auto-flow / 320px 1fr;
    padding-top: 1.75em;
}

.daily-events .em-event.em-item.special-hours ~ .hours, .daily-events .em-event.em-item.closures ~ .hours {
    display: none;
}

.daily-events {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}

.daily-events > :not(.daily-activities) {
    grid-column: 1 / span 2;
    position: relative;
}

.em-list .em-event.em-item.hours, .em-list .em-event.em-item.special-hours, .em-list .em-event.em-item.closure {
    order: -1;
}

.daily-day .em-event.em-item.hours, .daily-day .em-event.em-item.special-hours, .daily-day .em-event.em-item.closure {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #e21f3a;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 25px;
}

.em-list .daily-day .em-event.em-item.closure {
    margin-top: 20px;
    padding-bottom: 15px;
    color: #e21f3a;
}

.daily-day .em-event.em-item.hours span, .daily-day .em-event.em-item.special-hours span, .daily-day .event-categories span {
    font-weight: 400;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: -0.5em;
    font-size: 15px;
    text-transform: uppercase;
}

.em-list .daily-day .event-categories span {
    display: inline-block;
}

.em-list .daily-day .event-categories span:not(:first-of-type)::before {
    content: "•";
    padding: 0 1em 0 .7em;
}

.daily-day .em-item-info {
    margin: 0 0 1.5em;
}

.daily-day .event-categories {
    margin-bottom: 0;
}

.daily-day .em-event-time.em-event-meta-datetime {
    font-size: 21px;
    font-weight: 700;
}

.daily-day h3.em-item-title {
    padding-bottom: 0;
    line-height: 1em;
}

.daily-day .em-item-meta-line.em-event-location {
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 15px;
}

.daily-day .em-event-meta.em-item-meta {
    margin-top: 0.25em;
}

.daily-day .em-item-desc {
    font-size: 19px;
    line-height: 1.5;
}

.daily-day .em-item-meta-line.em-event-location span {
    font-weight: 400;
}

.daily-day .em-event.em-item.special-hours span {
    color: #e21f3a;
}

.daily-day .em-event.em-item.special-hours {
    color: #e21f3a;
}

.daily-events .daily-activities h3.em-item-title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 0.25em;
    margin-bottom: -0.25em;
}

.daily-day .daily-events .daily-activities .em-item-info {
    margin: 0 0 1.5em;
}

.daily-day .daily-events .daily-activities .em-event-time.em-event-meta-datetime {
    font-size: 18px;
    font-weight: 400;
}

.daily-day .daily-events .daily-activities .em-item-meta-line.em-event-location {
    font-weight: 400;
    margin-top: -0.25em;
}

.event-filter-buttons > div {
    display: inline-block;
    margin-bottom:1.75em;
}

body .em.pixelbones {
    font-family: gill-sans-nova,sans-serif!important;
}

body .em { 
  --accent-color: #e21f3a;
  --accent-color-hover: #b30f26;
}

body .em.em-calendar {
  --date-today-background: #000;
  --eventful-date-color: #000;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event.families-kids>div a, .em.em-calendar .em-cal-body.event-style-pill .em-cal-event.families-kids>div, .em.em-calendar .em-cal-body.event-style-pill .em-cal-event.camp>div a,  .em.em-calendar .em-cal-body.event-style-pill .em-cal-event.camp>div {
    color: #000!important;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event.daily-activities>div a, .em.em-calendar .em-cal-body.event-style-pill .em-cal-event.daily-activities>div {
    color: #777!important;
    border-color: #e4e4e4;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date.em-cal-day-date a {
    color: var(--eventful-date-color)!important;
}

body .em.pixelbones .button.input, body .em.pixelbones .input .button, body .em.pixelbones .input button, body .em.pixelbones .input input[type=button], body .em.pixelbones .input input[type=reset], body .em.pixelbones .input input[type=submit], body .em.pixelbones button.input, body .em.pixelbones input[type=button].input, body .em.pixelbones input[type=reset].input, body .em.pixelbones input[type=submit].input, body .em.pixelbones.input .button, body .em.pixelbones.input button, body .em.pixelbones.input input[type=button], body .em.pixelbones.input input[type=reset], body .em.pixelbones.input input[type=submit] {
    text-transform: initial!important;
    font-size: 16px!important;
    font-weight: 700!important;
    border-radius: 0!important;
    letter-spacing: initial!important;
}

section.em-search-section-location.em-search-advanced-section {
    display: none;
}

.em {--counter-background: #e21f3a;}

.em .selectize-control.em-selectize.multi.plugin-remove_button .item {
    background: #fff;
    border-radius: 0;
    color: #000;
    border-color: #e21f3a;
}

.em .selectize-control.em-selectize.multi.plugin-remove_button .item a.remove {
    color: #e21f3a!important;
}

.em .selectize-control.em-selectize.always-open .selectize-input {
    display: none;
}

.em .selectize-control.em-selectize.checkboxes .selectize-dropdown div.option.selected {
    color: #e21f3a;
}

.em-search-category .selectize-dropdown .active {
    background: rgba(255,255,255,0);
}

@media screen and (min-width: 1500px) {
    div#em-view-1[data-view="calendar"] {
        position: relative;
        width: 1400px;
        left: -150px;
    }
}

div#em-view-1[data-view="calendar"] {
    margin-bottom: 3em;
}

.whats-on-today {
    color: #fff;
    font-size: 16px;
    line-height: 1.4em;
}

.whats-on-today .wot-day {
    display: block;
    font-weight: 700;
}

.em-cal-day .tenam-cal-hours {
    position: absolute;
    width:calc( 100% - 45px );
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left!important;
    line-height: 1.25em;
    padding: .75em 0 .75em 1em;
}

.em-cal-day {
    position: relative;
}

.em-cal-day .tenam-cal-hours .em-event {
    text-align: left;
}

.tenam-cal-hours .special-hours, .tenam-cal-hours .closure {
    color: #e21f3a;
}

.multiday > div {
    z-index: 10;
}

.tenam-cal-hours.hours span {
    display: block;
}

.tenam-cal-hours span.tenam-cal-small-hours {
    display: none;
}

.tenam-cal-hours.closures span.tenam-cal-small-hours {
    display: none;
}

.em.em-calendar .em-cal-head>div {
    overflow-x: visible;
}

.em.em-calendar .em-cal-head>div {
    overflow-x: visible;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a {
    border: 1px solid #bbb!important;
}

.em.em-calendar.size-medium .em-cal-body .em-cal-day .em-cal-day-date {
    top: 3px;
}

form > .em-search-views-options {
    margin: 10px 0!important;
    cursor: pointer!important;
}

form > .em-search-views-options > fieldset > label > input {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    white-space: nowrap;
}

.em.pixelbones form > .em-search-views-options > fieldset > label {
    display: inline-block!important;
    background-color: #eee;
    padding: 0.5rem 1rem;
    font-weight: 700!important;
    margin-right: 6px;
}

.em.pixelbones form > .em-search-views-options > fieldset > label.checked {
    background-color: #e21f3a;
    color: #fff;
}

.em-search-views {
    display: none;
}

.flatpickr-monthSelect-month.endRange, .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange {
    background-color: #e21f3a;
    border-color: #e21f3a;
    font-weight: 700;
}

.em.em-calendar .em-cal-head {
    border-radius: 0;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
    border-radius: 0;
    padding-top: 3px;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event.multiday.has-start>div {
    border-radius: 0;
}

.em-list-widget {
    display: grid;
}

.em-list-widget .em-event.hours, .em-list-widget .em-event.special-hours, .em-list-widget .em-event.closure {
    order: -1;
}

.em-list-widget .event-categories span:not(:first-of-type)::before {
    content: "•";
    padding: 0px 1em 0px 0.7em;
}


.em.em-modal .em-modal-popup header .em-modal-title {
    font-weight: 700;
}

.em-modal-content .em-event.hours, .em-modal-content .em-event.special-hours {
    margin-left: 171px;
    font-weight: 700;
}

.em-modal-content .em-event.closure {
    font-weight: 700;
    font-size: 21px;
}

.em-modal-content .em-event.hours > span, .em-modal-content .em-event.special-hours > span {
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
}

.em-modal-content .em-event.special-hours, .em-modal-content .em-event.closure {
    color: #e21f3a;
}

.em-list-widget .event-categories {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.03em;
}

.em-modal-popup .em.em-modal-content .em-item .em-item-info .em-item-name {
    font-weight: 700;
    font-size: 21px;
    margin-top: 0.2em;
    margin-bottom: 0.05em;
}

.em-modal-content .em-item-meta-line.em-event-location.em-event-meta-location {
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-top: 0.05em;
    margin-bottom: 0.1em;
}

.selectize-dropdown-content > div {
    display: inline-block!important;
    margin-right: 2em;
}

.em.em-search-advanced .em-search-advanced-sections .em-search-field {
    margin-bottom: 10px;
}

#em-wrapper .em.em-search .em-search-main.em-search-main-bar {
    display: none;
}

#em-wrapper .em.pixelbones .input input[type=text] {
    border-radius: 0!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
}

section.em-search-main.em-search-advanced-main-sections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}

#em-wrapper .em.em-search-advanced .em-search-advanced-sections>section.em-search-advanced-section.active div.em-search-section-content {
    padding-bottom: 0;
}

#em-wrapper .em.em-search-advanced.em-search-advanced-inline footer {
    text-align: left;
}

#em-wrapper .em.em-search-advanced .em-search-advanced-sections>section.em-search-advanced-section div.em-search-section-content {
    display: block!important;
    visibility: visible;
}

div#em-wrapper > p {
    padding-bottom: 0;
}

@media screen and (max-width: 1349px) {
    .tenam-cal-hours.hours span {
        display: none;
    }
    .tenam-cal-hours span.tenam-cal-small-hours {
        display: block;
    }
}

@media screen and (max-width: 1135px) {
    .em-cal-day .tenam-cal-hours {
        padding:.75em;
        text-align: center!important;
        width:100%;
    }
    .em-cal-day .tenam-cal-hours .em-event {
        text-align: center;
    }
}

@media screen and (min-width: 851px) {
    .em-event.em-item:has(> .em-item-image > picture) {
        padding-bottom: 2em;
    }
    .daily-events > :not(.daily-activities) .em-item-image {
        position: absolute;
        left: -320px;
        width: 270px;
        top: 10px;
        max-height: 270px;
        overflow: hidden;
    }
}

@media screen and (max-width: 850px) {
    .em-events-list-grouped .daily-day {
        grid-template-columns: 1fr;
        border-top: 2px solid #e21f3a;
    }
    .daily-day .em-event.em-item.hours, .daily-day .em-event.em-item.special-hours, .daily-day .em-event.em-item.closure {
        border-bottom: none;
    }
    .daily-events > :not(.daily-activities) .em-item-image {
        position: relative;
        width: 270px;
        float: right;
        padding-left: 15px;
        padding-bottom: 10px;
        top: 15px;
    }
}

@media screen and (min-width: 650px) and (max-width: 980px) {
    .em.em-calendar.size-medium .em-cal-body .em-cal-day, .em.em-calendar.size-small .em-cal-body .em-cal-day {
        align-items: start;
    }
    .em-cal-day .tenam-cal-hours {
        bottom: 0;
        top: auto;
    }
    .tenam-cal-hours span.tenam-cal-small-hours {
        display: none;
    }
}

@media screen and (max-width: 649px) {
    .em-cal-day .tenam-cal-hours {
        display: none!important;
    }
}

@media screen and (max-width: 599px) {
    .daily-events > :not(.daily-activities) .em-item-image {
        float: none;
        padding: 10px 0 5px;
        top: initial;
    }
}

@media screen and (max-width: 399px) {
    .daily-events { grid-template-columns: 1fr; }
    .daily-events > :not(.daily-activities) { grid-column: 1; }
}

@supports (-moz-appearance:none) {
    body .em .selectize-control.em-selectize.always-open .selectize-input {
        display: block;
    }
}