h1.purpleHead{
	font-family: "Montserrat",sans-serif;
	margin:0;
	margin-bottom:25px;
	color:#9E3A98;
	font-size:20px;
}

.calendar table{
	display:table;
	width:100%;
	font-size:12px;	
}

.calendar .day_labels
, .calendar .dates{
	margin:0;
	padding:0;
}

.calendar .day_labels th
, .calendar .dates td{
	text-align:center;
	min-width:50px;
	min-height:100px;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	display:table-cell;
	position:relative;

}
.calendar .dates td:nth-child(7n){
	border-right:1px solid #CCC;
}

.calendar .day_labels th{
	border-left:none;
	padding-bottom:5px;
	font-size:13px;
	min-height:auto;
}

.calendar .dates td.outOfRange{
	background-color:#fcfcfc;
	color:#000;
}

#calendarNavWrap{
	margin-bottom:10px;
	min-height:20px;
}

#calendarNavWrap a{
    text-decoration: none;
}

.pageLinks{
	float:right;	
}

.pageLinks a{
	color:#000;
	margin-right:20px;
	position:relative;
}

.pageLinks a:last-child{
	margin-right:10px;	
}


.pageLinks a:not(:last-child):after{
	content:"|";
	position:absolute;
	right: -13px;
	color:#ccc;
	top:-2px;
}

.pageLinks a.selected{
	color:#9E3A98;	
}

.calendarNavigation{
	font-size:20px;
}

.calendarNavigation a
, .calendarNavigation span{
	display:inline-block;
}

.calendarNavigation a{
	width:30px;	
}

.calendarNavigation span{
	
	text-align:center;
}

.calendarNavigation a.prev{
	text-align:left;	
}


.calendarNavigation a.next{
	text-align:right;	
}

.highlightToday{
	background-color:#EFEFEF;
	border:1px solid #666 !important;
}

#calendarMonthContainer{
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
}

#calendarWrapper{
	display:inline-block;
	width:100%;
}

#calendarWrapper td{
	text-align:left;
	vertical-align:top;
	padding:8px;	
}

#calendarWrapper .dayLabel{
	display:block;
	vertical-align:top;
	padding-right:5px;
	text-align:left;
    font-size: 11px;
}

#calendarWrapper .dayEvents{
	display:inline-block;
	min-height:90px;
	line-height:120%;
}

#calendarWrapper .dayEvents .event{
	margin-bottom:10px;
	display:block;	
}

#calendarWrapper .dayEvents span.hasEvents{
	opacity:0;
}

#calendarWrapper td{
	width:14%;
}

/*********** hide weekends *************/
.hideWeekends .start
, .hideWeekends .end
, .hideWeekends td:first-child
, .hideWeekends td:last-child{
	display:none !important;	
}

.hideWeekends td:nth-child(6n){
	border-right:1px solid #ccc;
}

#calendarWrapper .hideWeekends .dayEvents{
	min-height:120px;
}

/**************************************/

.calendar_webinar{
	color: var(--main-color-black);
}

.calendar_inperson{ 
	color: var(--main-color-black);
}

.calendar_prerecorded{
	color: var(--main-color-black);
}

.calendar_ctac{
	color: var(--centers-ctac-color);
}

.calendar_mctac{ 
	color: var(--centers-mctac-color);
}

.calendar_ytac{
	color: var(--centers-ytac-color);
}

.calendar_cwe{
	color: var(--centers-cwe-color);
}

#calendarFilterWrap{
	width:200px;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

#calendarFilterWrap .filterSections
, #sidebar .sections{
	border:1px solid #ccc;
	margin-bottom:22px;
	padding:12px;
}

#calendarFilterWrap .filterSections h2
, #sidebar .sections h2{
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

#calendarFilterWrap .filterSections ul{
	margin:0;
	padding:0;
}

#calendarFilterWrap .filterSections li{
	list-style:none;
	margin-bottom:6px;
	padding-left:25px;
	text-indent:-25px;
    font-size: 15px;
}

/* Base for label styling */
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked),
#calendarFilterWrap .filterSections [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked) + label,
#calendarFilterWrap .filterSections [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  padding-top:3px;
}

/* checkbox aspect */
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked) + label:before,
#calendarFilterWrap .filterSections [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top: 7px;
  width: 14px; 
  height: 14px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked) + label:after,
#calendarFilterWrap .filterSections [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 2px; left: 2px;
  font-size: 18px;
  line-height: 0.8;
  color: #9E3A98;
  transition: all .2s;
  padding-left:25px;
}
/* checked mark aspect changes */
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#calendarFilterWrap .filterSections [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
#calendarFilterWrap .filterSections [type="checkbox"]:disabled:not(:checked) + label:before,
#calendarFilterWrap .filterSections [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
#calendarFilterWrap .filterSections [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
#calendarFilterWrap .filterSections [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
#calendarFilterWrap .filterSections [type="checkbox"]:checked:focus + label:before,
#calendarFilterWrap .filterSections [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
#calendarFilterWrap .filterSections label:hover:before {
  border: 1px solid #4778d9!important;
}

#calendarFilterWrap.spaceAbove{
	padding-top:61px;	
}


#search #filterWrapper{
	display:none;
}

.eventDetails dl{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    margin:0;
    margin-bottom: 5px;
}

.eventDetails dl.singleColumn{
    grid-template-columns: 1fr;
    gap:0;
}

.eventDetails h1{
	color: var(--main-color-orange);
    font-size: 18px;
    margin: 0 0 10px;
	font-family: "Montserrat",sans-serif;
}

#summaryWrapper.eventDetails h1
,#search .eventDetails h1{
	padding-right:35px;
	position:relative;
}

#search .eventDetails h1 i{
	top:0;
	right:0;
	position:absolute;
}

.eventDetails p{
	margin: 0 0 5px;
	color: var(--main-color-black);
    font-size: 18px;
    line-height: 130%;
}

.eventDetails .buttonWrapper {
    padding-top: 20px;
	padding-bottom:10px;
}

.eventDetails .buttonWrapper a {
    padding: 10px 20px;
    background-color: var(--main-color-orange);
    color: white;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
}

.eventDetails .buttonWrapper a.viewMoreDetails{
	 background-color:#9E3997;
 }

.eventDetails .buttonWrapper a.register {
    background-color: #e54426;
}

.eventDetails .buttonWrapper a.slideFiles {
    background-color: #9E3A98
}

#event .eventDetails, #list .eventDetails{
	border-top:1px solid #ccc;	
}

.eventDetails dt
,.eventDetails dd{
	display:inline-block;
	vertical-align:top;
}

.eventDetails dt{
    font-size: 18px;
	font-weight:bold;
	font-family: var(--main-font-family);
    color: var(--main-color-black);
}

.eventDetails dd{
	margin-left:0;
    font-size: 18px;
	font-family: var(--main-font-family);
    color: var(--main-color-black);
}

.eventDetails h1{
	margin-bottom:5px;
	padding-right:20px;
	position:relative;
}

#list #filterWrapper{
	
}

.fa-chevron-down
,.fa-chevron-up{
	color:#9e3a98;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;	
}

#searchBarWrap{
	width:100%;
	box-sizing:border-box;
	border-radius:5px;
	border:1px solid #ccc;
	position:relative;
	margin-bottom:20px;
}

#searchBar{
	padding:5px 8px;
	font-size:14px;
	width:180px;
	border:none;
	background-color:transparent;
}

#searchBarButton{
	position:absolute;
	right:5px;
	cursor:pointer;
}

.hiddenSummary{
	display:none;
}

.expand .hiddenSummary {
    display: block;
}

.chevron {
    color: #58008f;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
}

.chevron::before {
    content: "\f078";
}

.expand .chevron::before {
    content: "\f077";
}

.find-in-training{
	text-align: center;
	font-size: 20px;
	padding: 100px 0;
 }