@font-face {
    font-family: 'American Captain';
    src: url('../../_assets_/fonts/AmericanCaptain.woff2') format('woff2'),
        url('../../_assets_/fonts/AmericanCaptain.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../_assets_/fonts/Gotham-Book.woff2') format('woff2'),
        url('../../_assets_/fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../_assets_/fonts/Gotham-Medium.woff2') format('woff2'),
        url('../../_assets_/fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../_assets_/fonts/Gotham-Bold.woff2') format('woff2'),
        url('../../_assets_/fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../_assets_/fonts/GothamBlack.woff2') format('woff2'),
        url('../../_assets_/fonts/GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#calendarAndDetail{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:0px;-moz-column-gap:0px;-webkit-column-gap:0px}

#calendar{background:#fff;text-align: center;margin-right:63px;padding:31px 0 0 0;break-inside:avoid;width:602px;display:inline-block}
#calendarMonthYear{font-family:"Gotham",sans-serif;font-size:30px;color:#000;font-weight:700;text-transform:capitalize;text-align:left;padding:0 0 0 39px}
#calendarControlLast{position:absolute;left:305px;top:25px}
#calendarControlNext {position: absolute;left: 342px;top: 25px;}
#priorMonth{position:relative;}
.priorMonthArrow{display: none}
#priorMonth:before{position: absolute;content:"";left:0;right:0;top:0;bottom:0;background:url('../images/calendar-prev.png')center no-repeat;background-size:contain;width:20px;height:26px}
#nextMonth{position: relative;}
#nextMonth:before{position: absolute;content:"";left:0;right:0;top:0;bottom:0;background:url('../images/calendar-next.png')center no-repeat;background-size:contain;width:20px;height:26px}
.nextMonthArrow{display: none}
.calendar-container .fc-body .fc-row{height:1.8em!important}
#daysHeader {background: #f4e4dd;padding:20px 17px 18px 18px}
.topTD{width:50px;font-family:"Gotham",sans-serif;font-weight:500;font-size:18px;color:#8f3620;position: relative;}
.topTD:nth-of-type(1):after{content:'UN'}
.topTD:nth-of-type(2):after{content:'ON'}
.topTD:nth-of-type(3):after{content:'UE'}
.topTD:nth-of-type(4):after{content:'ED'}
.topTD:nth-of-type(5):after{content:'HU'}
.topTD:nth-of-type(6):after{content:'RI'}
.topTD:nth-of-type(7):after{content:'AT'}
#calendarTable{width:100%}
#calendarContent {margin:0;width:100%}
#daysInnerTable{font-size:20px;color:#000;line-height:55px;font-family:"Gotham",sans-serif;padding:10px 18px 29px 18px}
.otherMonth{color:#c2c2c2}
.today{position: relative;z-index:1;color:#fff;font-weight:900}
.today:after{position: absolute;content:'';left:50%;right:0;top:50%;bottom:0;width:42px;height:42px;transform:translateY(-50%) translateX(-50%);z-index:-1;background:#903620;border-radius:50%}
#calenderGridTable{margin:31px 0 0 0}
.gridDays:last-of-type{display:none}
.eventDay .dateNumbers{font-weight:700;color:#26d7db;}
.back-to-event-list a{font-size:14px;color:#222}

#detailAndUpdateButton {margin: 0px 30px 0 -33px;position: relative;top:77px}
.upcoming-events{font-family:"American Captain", sans-serif;font-size:80px;letter-spacing: .005em;color:#000;text-transform: uppercase;margin:0;letter-spacing:-.015em;display: none;}
.aEvent{display: inline-block;background:#fff;margin-bottom:25px;position: relative;top:21px;width: 100%;}
.eventDatePrefix {display: none}
.eventDateHeading{display: block;font-family:"Gotham",sans-serif;font-size: 24px;font-weight:500;color:#c77956;text-transform: uppercase;margin:0;position: absolute;top:50%;transform:translateY(-50%)}
.eventLink{font-size: 22px;font-family:"Gotham",sans-serif;letter-spacing: -.005em;color:#000;font-weight:500;text-decoration: none!Important;position: relative;padding:0 45px 0 0;display:block}
.eventLink:after{position: absolute;content:"";right:20px;top:0;bottom:0;background:url('../images/calendar-next.png')center no-repeat;background-size:contain;width:20px;height:26px}
.year-comma{display: none}
.eventYear{margin-left:10px}
.eventHtml {position: absolute;left: 0;background: #903620;padding:0 15px 0 38px;width:224px;bottom:0;top:0}
.eventUL {padding: 0;margin: 0;padding:23px 0 23px 252px}

@media only screen and (max-width:1300px) {
    #calendar{width: 500px;}
}

@media only screen and (max-width:1170px) {
    .upcoming-events{font-size: 60px;}
    /* #detailAndUpdateButton{top:unset} */
    #calendar{width: 400px;}
}

@media only screen and (max-width:960px) {
    #calendarAndDetail{column-count:1;-moz-column-count:1;-webkit-column-count:1}
    #calendar{margin:0;width: 100%}
    #detailAndUpdateButton{margin:30px 0;position:static}
}

@media only screen and (max-width:570px) {
    .eventHtml{position: static;padding:15px;width: 100%;}
    .eventUL{padding:23px 0 23px 15px}
    .eventDateHeading{position: static;;transform:none}
}