.event-detail-a { }
.event-detail-b { padding: 0 20px 0 30px;  }

.event-date-box { width: 88px; height: 88px; border: 1px solid #2d9141; border-radius: 3px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.event-date-box-month { width: 100%; text-align: center; font-size: 16px; color: #2d9141; line-height: 16px; font-weight: 400; }
.event-date-box-day { width: 100%; text-align: center; font-size: 34px; color: #2d9141; line-height: 34px; font-weight: 100; }
.event-date-box-multi-day { background-color: #2d9141; color: #fff; font-size: 12px; line-height: 30px; text-align: center; margin-top: 2px }
html[lang=fr] .event-date-box-multi-day { font-size: 10px; line-height: 15px; }
.event-date-box:hover { background-color: #2d9141; }
.event-date-box:hover .event-date-box-month, .event-date-box:hover .event-date-box-day { color: #fff; }

.event-date-box.event-multi-day {}
.event-date-box.event-multi-day .event-date-box-month { font-size: 14px; line-height: 14px; margin-top: 10px; }
.event-date-box.event-multi-day .event-date-box-day { font-size: 30px; line-height: 30px; }


.claris-event-icon { background: url(/site/images/claris_symbol_blk.svg); display: inline-block; width: 18px; height: 18px; background-position: 0 0px; background-repeat: no-repeat; }
.claris-event-icon-wht { background: url(/site/images/claris_symbol_wht.svg); display: inline-block; width: 18px; height: 18px; background-position: 0 0px; background-repeat: no-repeat; }
.claris-event-disclaimer { width: 14px; height: 14px; }

.event-type { }
.event-type-text { margin: 0 10px 5px 0; /*display: inline-block;*/ }
.type-icon { display: inline-block; margin-right: 10px; position: relative; cursor: pointer; vertical-align: middle; margin-bottom: 4px; }
.type-icon-tool-tip .arrow { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; }
.type-icon-tool-tip .arrow-border { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 50%; margin-left: -6px; border-width: 6px; border-style: solid; border-color: #e9e9e7 transparent transparent transparent;}
.type-icon-tool-tip { visibility: hidden; position: absolute; border: 1px solid #e9e9e7; border-radius: 5px; bottom: 100%; left: 50%; width: 160px; font-size: 15px; font-weight: 400; line-height: 22px; padding: 3px; margin-left: -80px; text-align: center; margin-bottom: 10px; background-color: #fff; color: #333 }

.type-icon:hover .type-icon-tool-tip { visibility: visible; }
.icon-in-person-event { background: url(/events/images/icon_in_person_2x.png) no-repeat; width: 27px; height: 18px; background-size: 27px 18px; }
.icon-online-event { background: url(/events/images/icon_broadcast_2x.png) no-repeat; width: 27px; height: 18px; background-size: 27px 18px; }
.event-date { display: block; font-size: 15px; line-height: 22px; margin-bottom: 0px; }
.event-location { display: block; font-size: 15px; line-height: 22px; color: #888; margin-bottom: 0px; }

.event-title-text { display: block; overflow: hidden; text-overflow: ellipsis; }

.featured-event-detail-a-wrap, .featured-event-detail-b-wrap, .standard-event-detail-a-wrap, .standard-event-detail-b-wrap { margin-bottom: 20px; }
.featured-event-detail-a-wrap { width: auto; }
.featured-event-detail-b-wrap { width: 82%; }

.event-detail-b { /*padding-right: 35px;*/ }



.featured-event-image-wrap { max-width: 430px; min-height: 254px; }


/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {
	
}
 
/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {
	
}
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
	.featured-event-detail-a-wrap, .featured-event-detail-b-wrap { margin-bottom: 10px; }
	.standard-event-detail-a-wrap, .featured-event-detail-a-wrap { width: auto; }
	
	.event-detail-b { padding-right: 30px; }
	
	.featured-event-image-wrap { margin-bottom: 20px; min-height: 0; }
}
 
/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
 
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	.type-icon { vertical-align: middle; }
	.event-detail-a { padding-right: 30px; }
	.event-detail-b { padding-left: 0px; padding-right: 0px; }
}
 
/* EXTRA SMALL SCREENS < 400px */
@media only screen and (max-width: 400px) {
 
}