/* ==========================================================================
                                   Events
   ========================================================================== */

.eventsTheme .filter {position:relative;padding:10px}
.eventsTheme .filter .slist {}
.eventsTheme .filterSortFieldsWrpr {float:right;}
.eventsTheme .filterViewWrpr {float:left;width:50%}
.eventsTheme .filterSortFieldsWrpr .monthYear {float: left;width:300px;}
.eventsTheme .filterSortFieldsWrpr {}
.eventsTheme .filterSortFieldsWrpr .filterBy {float: right;}
.eventsTheme .displayMode {margin-top:10px;}


.eventsTheme .hdng {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0 0 10px 0;
    padding: 5px;    
    background: #f3f3f3;
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border: 1px solid #aaaaaa;
}

.eventsTheme .article > .aside.calendar {
	width: 35%;
}

.eventsTheme .itemList {margin-bottom:10px;}
.eventsTheme .item .itemList {margin-bottom:0px;}

.eventsTheme .date {Xfloat:left;vertical-align: middle; padding:5px  10px; Xwidth:50px; display:inline-block;}
.eventsTheme .date > .dateIcon {text-align:center;border:1px solid #000;}
.eventsTheme .date > .dateIcon > .month {font-weight:bold;background-color:#949494;padding:3px;border-bottom:1px solid #000;color:#fff;min-width:40px;}
.eventsTheme .date > .dateIcon > .day {padding:5px;background-color: #fff;}

.eventsTheme .item {border: none;display: block;padding: 0px;width: auto;}
.eventsTheme .item > .content {display: table-cell;width: 100%;vertical-align: top;padding:10px;}
.eventsTheme .item > .content .content {padding: 0px 0px 10px 0px;}
.eventsTheme .item > .content > .cancelled {font-weight:bold;color:Red;}
.eventsTheme .item > .content > .dateTime {}
.eventsTheme .item > .content > .description {}
.eventsTheme .item > .content > .location {}
.eventsTheme .item > .itemImage {width:75px;margin-left:20px;float:left;}
.eventsTheme .item .item {border: 0px;display: table;padding: 0px;width: 100%;}

.eventsTheme .listRailInfo ul li{margin-bottom:10px;}

.eventsTheme .parkTitle {
    padding: 5px 10px 5px;
    font-weight:bold;
    display:block;
}
.eventsTheme .ParkingOT {
    padding: 5px 10px;
}
.eventsTheme .GateOT {
    padding: 5px 10px;
}

.eventsTheme .sep {
    height:1px;
    background:#000;
    margin:10px 0px;
}

.eventsHeadWrpr {
}
a.eventLink, a.eventLink:link, a.eventLink:visited {color:#454545; font-weight:bold; text-decoration:none;}
a.eventLink:hover {color:#ccc; text-decoration: none;}
.eventsTheme .row {background-color: #fff} 
.eventsTheme .alternate .row {background-color: #D8D8D8;} 


/* event media queries */
@media only screen and (max-width: 960px){
    .eventsTheme .filter .displayMode {display:none;}
}


/* calendar month - Tablessss. EWWWWWWWWW */

table.calendarMonth {width:100%; background-color:#fff; border-collapse:collapse;}
table.calendarMonth tr {vertical-align:top;}
table.calendarMonth th {text-align:center; color:#222; padding:6px; background-color:#f3f3f3; border: 1px solid #cecece;}
table.calendarMonth td.day {font-size:12px; font-weight:bold; border:1px solid #cecece;}
table.calendarMonth th.calWeek {color:#222;background: #CCC url(/cms/images/cal-week.gif) no-repeat center;vertical-align: middle;}
table.calendarMonth th.calWeek a {color: #000;}

.calendarNumeral {color:#999; font-size:14px; font-weight:bold;}
.calendarNumeral a, .calendarNumeral a:link, .calendarNumeral a:visited {color: #0070cc; text-decoration: none;}
.calendarNumeral a:hover, .calendarNumeral a:active {color:#c00;text-decoration:none;}

.calendarDayEmpty {border:1px solid #cecece; }
.calendarDayEmpty, .calendarDayEvent {width:14%; height:50px;}
.calendarDayEvent {border:1px solid #cecece; background-color: #f3f3f3;}
.calendarDayEvent img {margin-top:5px;}

table.thumbItemtBl {width:100%; margin-bottom:10px;}
table.thumbItemtBl td {vertical-align:top; padding:10px 15px;}

table.calendarMonth a.eventNumbLink {display:block;text-align:center;padding:5px 5px 15px 5px;}


/* Event Page */
.eventsDetailsWrpr .socialLikes {float:right;}
.eventsDetailsWrpr h2.name {width:75%;margin:0px 0px 10px 0px;}
.eventsDetailsWrpr .rating {float:left;margin-bottom:10px;}
.eventsDetailsWrpr .export {float:left;margin-left:20px;margin-bottom:10px;}
.eventsDetailsWrpr h4.cancelled {}
.eventsDetailsWrpr .date {display:block;float:none;width:auto;padding: 0px;font-size:1em;margin-bottom:10px;}
.eventsDetailsWrpr .time {display:block;margin-bottom:10px;}
.eventsDetailsWrpr .image {float:right;width:300px;}
.eventsDetailsWrpr .location {}
.eventsDetailsWrpr .phone {}
.eventsDetailsWrpr .description {}
.eventsDetailsWrpr .details {}
.eventsDetailsWrpr .map {}
.eventsDetailsWrpr .export {}
.eventsDetailsWrpr .relatedEventsWrpr {}
.eventsDetailsWrpr .documentsWrpr {}

.container-medium .grid-9.main-area {
    width: 100% !important;
}

.container-medium > .grid-3 {
    display: none;
}

.eventsTheme .buy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: solid 1px #ccc;
}
    .eventsTheme .buy:nth-child(even) {
        background: #f7f7f7;
    }
    .eventsTheme .buy .date {
        font-weight: bold;
    }

.eventsTheme .event-bottom {
    margin: 30px 0px 100px;
    position: relative;
    left: -660px;
    width: 150%;
}

    .eventsTheme .event-bottom .carousel .slick-prev {
        right: 100px;
        left: initial;
        bottom: -50px;
        top: initial;
        border: none;
        font-size: 1em;
    }

    .eventsTheme .event-bottom .carousel .slick-next {
        right: 45px;
        left: initial;
        bottom: -50px;
        top: initial;
        border: none;
        font-size: 1em;
    }

    .eventsTheme .event-bottom .carousel .slick-prev::before {
        border: none;
        content: "\2190";
        font-size: 2em;
        width: 50px;
        Xheight: 50px;
        color: #000;
        transform: none;
        display: block;
    }

    .eventsTheme .event-bottom .carousel .slick-next::before {
        border: none;
        content: "\2192";
        font-size: 2em;
        width: 50px;
        Xheight: 50px;
        color: #000;
        transform: none;
        display: block;
    }

    .eventsTheme .event-bottom .carousel .slick-prev:hover:before {
        color: #fff;
    }

    .eventsTheme .event-bottom .carousel .slick-next:hover:before {
        color: #fff;
    }


.eventsTheme .page-bottom {
    margin: 30px 0px;
}

.eventsTheme .slick-track {
    display: flex;
    align-items: center;
}




@media only screen and (max-width: 1050px) {
    .event-card {
        width: 48%;
    }
}

@media only screen and (max-width: 767px) {
    .event-card {
        width: 100%;
        text-align: center;
    }
    .eventsTheme .date {
        padding: 5px 0px;
    }
    .eventsTheme .parkTitle {
        padding: 5px 0px 5px;
    }
    .eventsTheme .ParkingOT {
        padding: 5px 0px;
    }
    .eventsTheme .GateOT {
        padding: 5px 0px;
    }
    .dateWrpr .date {
        padding: 5px 10px;
    }
}


/* METLIFE-78 [Mobile] - Events Info is not readable*/

.mod.eventsTheme {
    padding: 0px 20px;
}

    .mod.eventsTheme ul.itemList {
        padding: 0;
    }

@media only screen and (max-width: 640px) {
    .mod.eventsTheme ul.itemList .itemImage {
        width: 100% !important;
        text-align: center;
    }

    .mod.eventsTheme ul.itemList .content {
        width: 100%;
    }
}

/* METLIFE-141 a11y - Reflow - Carousel Event images  */
@media (max-width: 1024px) {
    .eventsTheme .event-bottom {
        border: solid 0px #ff0000;
        left: 0;
        width: 100%;
    }

    .carousel-images .slick-list {
        margin: 0 0px;
    }
}

/* METLIFE-170 - Upcoming Events Filter */
@media (min-width:641px) {
    .mod.eventsTheme >.filter {
        min-width: 337px;
        max-width: 100%;
        width: fit-content;
    }
}
.mod.eventsTheme >.filter .filterSortFieldsWrpr .filterBy {
    display: flex;
    flex-direction: row;
}

@media (max-width:640px) {
    .mod.eventsTheme .filterIns {
        display: flex;
        justify-content: center;
    }
}