.su-media__heading {display:none;}
.su-media__container  {display:none;}
.calendar-list-container {width: 30%; float: left; padding: 1rem; }
.calendar-list li {cursor: pointer;}
.calendar-list li:hover {}
.cal-name {}
.cal-name span.span { color: black}
.calendarlink a {font-size: .85rem;}
/*
.calendarlink_top {}
.calendarlink_bottom {}
*/
.dateh3 {font-size: clamp(1.015rem,2vw,1.125rem); line-height: 1.5; margin-top: 1rem;}
.accordion__item .dateh3 {font-size: clamp(1.015rem,2vw,1.125rem); line-height: 1.5; margin-top: 1rem;}
.events-list-container {width: 70%; float: left; border-left: 1px dotted black; padding: 1rem 1rem 1rem 1rem;}
.event {margin-bottom: 1rem; font-size: 1rem;}
.eventtitle {}
.eventtitle:before {content: "\2022\0000a0\0000a0"; color: maroon;}
.eventdetails {display:none; margin-left: 1rem; padding: .5rem 1rem 1rem 1rem; line-height: 1rem;}
.viewdetails {cursor: pointer; margin-left: 1rem;}
.viewdetails:after {content: ' [+]'; font-family: monospace; font-size: 1.25rem;}
.details { margin-left: 1rem; }
.hidedetails:after {content: ' [-]'; font-family: monospace; font-size: 1.25rem;}
.view-calendar-list-container {display:none;}

#searchcal .customButton {padding: .5rem; border: .125rem solid #e2ded7; display: inline-block; text-decoration: none; 
				color: #8a0000; transition-property: background-color, border - color, color; transition-delay: 0.1s; 
				transition-duration: .375s; transition-timing-function: ease-in-out; font-size: 1rem; 
				font-family:  "Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif; line-height: 1.25rem; 
				text-align: center; width: 100%; } 

#searchcal {margin: -1rem 0 .5rem 0; padding: 0;}
#searchcal .customButton:hover {cursor: pointer; background-color:  #8a0000; border-color: #8a0000; color: #ffffff; text-decoration: none;} 
#searchcal input {width: 100% !important; margin: 0px 0 .25rem 0;}
#searchcal label {text-indent: -10000px; float: right;}

@media only screen and (max-width: 768px){

    .view-calendar-list-container {display:block;}
    .calendar-list-container {width: 100%; float: none; padding: 1rem; display:none}
    .events-list-container {width: 100%; float: none; border-left: 0px dotted black; padding: 1rem 1rem 1rem 1rem;}

.event {margin-bottom: 1.5rem; font-size: 1rem; line-height: 1.5rem;}


}

.calendarlink_top a.cta-link, .calendarlink_bottom a.cta-link {display: block; margin: 0; padding: 0; min-height: 2.75rem; }