/* CSS Document */

/*.section-divider { padding-top:1.25em; display:flex; flex-wrap:wrap; }
.section-divider > div { width:100%; }
.divider-ball { border:3px solid #000; width:12px; height:12px; border-radius:50%; margin:0 auto; }
.divider-line { width:3px; height:3em; background:#000; margin:0 auto; }*/

.ccm-schedule-wrapper { margin-bottom:2em; font-size:20px; }
.ccm-schedule { display:flex; justify-content:space-between; }
.schedule-day-header { padding-bottom:.75em; line-height: 1em; }
.ccm-schedule .schedule-day-header { display:none; }	
.schedule-day-header span { font-size:1.1em; }
.schedule-day-header span span { font-size:100%; }

.ccm-schedule-days { display: flex; justify-content: space-between; }

.schedule-day { width:32%;  /*margin-left:1%;*/ position:relative; }
.schedule-day.num-days-1 { width:100%; }
.schedule-day.num-days-2 { width:49%; }
.schedule-day.num-days-3 { width:32%; }
.schedule-day.num-days-4 { width:24%; }
.schedule-day.num-days-5 { width:19.5%; }
.schedule-day.num-days-6 { width:16%; }

.schedule-hour { border:1px solid #f0f0f0; border-bottom:0; }
.schedule-minute { height:.35em; }
.schedule-xs .schedule-minute { height:.20rem; }
.schedule-sm .schedule-minute { height:.38rem; }
.schedule-md .schedule-minute { height:.56rem; }
.schedule-lg .schedule-minute { height:.74rem; }
.schedule-xl .schedule-minute { height:.92rem; }
.schedule-ss .schedule-minute { height:1.1rem; }
.schedule-minute-15,
.schedule-minute-30,
.schedule-minute-45 { border-top:1px solid #f5f5f5; border-bottom:0; }
.schedule-hour:last-child .schedule-minute-15, 
.schedule-hour:last-child .schedule-minute-30, 
.schedule-hour:last-child .schedule-minute-45 { border:0; }


.hours-label, .days-spacer { height:calc(4.2em + 1px); font-style:italic; color:#999; display: none; }
.hours-label span, .days-spacer span { display:block; transform:translateY(-50%); font-size:.7em; white-space: nowrap; }
.days-spacer { height:auto; }
	
.ccm-schedule-items-wrapper { position:absolute; top:0; left:0; font-size:1rem; }
.ccm-schedule-item { position:absolute; z-index: auto; cursor: pointer; transition:all .4s ease;  }
.ccm-schedule-item:hover { z-index:99 }



.ccm-schedule-item .ccm-schedule-item-frame { transform-origin:center top; background:#fff; border-radius:.75em; border:4px solid #d9d9d9; color:#000; position:absolute; width:100%; box-shadow:0 .5em 1em rgba(0,0,0,0); overflow:hidden; transition: all .3s ease; top:0; }
.ccm-schedule-item .ccm-schedule-item-frame:hover { transform:scale(1.15);  max-height:1600px !important; }
	
.ccm-schedule-item-header { padding: .45em .45em .25em; }
.ccm-schedule-item-header .schedule-item-time { display: flex; padding:0; line-height: 1.1em; margin-bottom:3px; font-size: 1em; }
.schedule-item-1third-right .ccm-schedule-item-header .schedule-item-time { font-size: .85em; }
	
.schedule-item-transition { }
.schedule-item-type { font-size:1.25em; font-weight:800; line-height:1.1em; margin-bottom:.3em; }
.schedule-item-type span { line-height:1.1em; }
.schedule-item-1third-right .schedule-item-type { font-size:1.125em; }

.schedule-item-title { display: none; color:#000; font-size: 150%; line-height: 1.2em; margin-bottom: .2em; font-style: italic; }
.schedule-item-time { display: flex; color: #000; padding:.75em .55em .45em; }
.schedule-item-time > span { white-space: nowrap; }
.schedule-item-time.hideHours { display:none; }
.ccm-schedule-item:hover .schedule-item-time.hideHours { display: flex; }
.schedule-item-time > div { font-size: .7em; }
.schedule-item-description { line-height: 1.275em; display: flex; padding:.45em .55em 0;  }
.schedule-item-description-truncated { /*display: none;*/ color: #000; margin-bottom: .75em; padding:.45em .55em;  font-size: .7em; line-height: 1.45em; }
.schedule-item-speakers { display: flex; padding:0 .55em .45em .55em; }
.schedule-item-link { padding: 0 .55em .55em; font-size: 90%; }

.ccm-schedule-item .btn-primary { color:#fff; font-size: 75%; }
.ccm-schedule-item .btn-primary:hover { color:#fff; opacity:.7 }

.ccm-schedule-item-body  { max-height: 0; overflow: hidden; background:#fff; }

	
.ccm-schedule-item-body > div { line-height: 1em; }
.ccm-schedule-item-body > div > div { width:100%; }
.ccm-schedule-item-body > div:not(.schedule-item-description-truncated) > div:first-child { color: var(--color4); width: 1em; font-size: .9em; padding-right: 1.2em;	}

	
.ccm-schedule-item-frame:hover .schedule-item-description-truncated { display:block; } 

	
	
.schedule-item-half .ccm-schedule-item-frame { width:49.75%; }
.schedule-item-half-right .ccm-schedule-item-frame { left:50%; width:49.75%; }
.schedule-item-half-center .ccm-schedule-item-frame { left:25%; width:49.75%; }

.schedule-item-quarter .ccm-schedule-item-frame { width:24.5%; }
.schedule-item-quarter-center-left .ccm-schedule-item-frame { left:25.125%; width:24.5%; }
.schedule-item-quarter-center-right .ccm-schedule-item-frame { left:50.25%; width:24.5%; }
.schedule-item-quarter-right .ccm-schedule-item-frame { left:75.5%; width:24.5%; }

.schedule-item-1third-left .ccm-schedule-item-frame { width:33.1%; }
.schedule-item-1third-middle .ccm-schedule-item-frame { width:33.1%; left: 33.33% }
.schedule-item-1third-right .ccm-schedule-item-frame { width:33.1%; left: 66.66%; }
.schedule-item-2thirds-left .ccm-schedule-item-frame { width:66.2%; }
.schedule-item-2thirds-right .ccm-schedule-item-frame { width:66.2%; left: 33.33%; }
	
	
/*.ccm-schedule-item.schedule-item-color-1.activeItem .schedule-item-type { color: #fff; }

.ccm-schedule-item.schedule-item-color-2.activeItem .schedule-item-type { color: #fff; }

.ccm-schedule-item.schedule-item-color-3.activeItem .schedule-item-type { color: #fff; }

.ccm-schedule-item.schedule-item-color-4.activeItem .schedule-item-type { color: #fff; }

.ccm-schedule-item.schedule-item-color-5.activeItem .schedule-item-type { color: #fff; }*/

.ccm-schedule-item.activeItem { cursor: auto; }
/*.ccm-schedule-item.activeItem .schedule-item-type { font-size: 70%; }*/

.activeItem>div { transform-origin: center; transform: scale(1.15); z-index: 1; max-height: 1600px !important; }


	
/*.activeItem.schedule-item-half > div,
.activeItem.schedule-item-half-right > div,
.activeItem.schedule-item-half-center > div,
.activeItem.schedule-item-quarter > div,
.activeItem.schedule-item-quarter-right > div,
.activeItem.schedule-item-quarter-center-left > div,
.activeItem.schedule-item-quarter-center-right > div
	{ top:2em; }*/
	
.activeItem.schedule-item-half > div,
.activeItem.schedule-item-half-right > div,
.activeItem.schedule-item-half-center > div,
.activeItem.schedule-item-quarter > div,
.activeItem.schedule-item-quarter-right > div,
.activeItem.schedule-item-quarter-center-left > div,
.activeItem.schedule-item-quarter-center-right > div,
.activeItem.schedule-item-1third-left > div,
.activeItem.schedule-item-1third-middle > div,
.activeItem.schedule-item-1third-right > div,
.activeItem.schedule-item-2thirds-left > div,
.activeItem.schedule-item-2thirds-right > div,
.schedule-item-half:hover > div,
.schedule-item-half-right:hover > div,
.schedule-item-half-center:hover > div,
.schedule-item-quarter:hover > div,
.schedule-item-quarter-right:hover > div,
.schedule-item-quarter-center-left:hover > div,
.schedule-item-quarter-center-right:hover > div,
.schedule-item-1third-left:hover > div,
.schedule-item-1third-middle:hover > div,
.schedule-item-1third-right:hover > div,
.schedule-item-2thirds-left:hover > div,
.schedule-item-2thirds-right:hover > div
	{ width:100%; left:0; }

	


.activeItem .ccm-schedule-item-body,
.ccm-schedule-item .ccm-schedule-item-frame:hover .ccm-schedule-item-body { max-height: 45vh; }
.activeItem .ccm-schedule-item-header { font-size: 100% !important;}
/*.activeItem .schedule-item-type	{ padding: 0 .125em; }*/
	
/*.activeItem .ccm-schedule-item-header .schedule-item-time { display: none; }*/
.activeItem .schedule-item-title,
.ccm-schedule-item .ccm-schedule-item-frame:hover .schedule-item-title { display: block; }
/*.activeItem .schedule-item-description-truncated,
.activeItem > div:hover .schedule-item-description-truncated { display: none; }*/

.activeItem .ccm-schedule-item-header,
.ccm-schedule-item .ccm-schedule-item-frame:hover .ccm-schedule-item-header { font-size: 100% !important; }

.mobile-schedule .schedule-day.num-days-1,
.mobile-schedule .schedule-day.num-days-2,
.mobile-schedule .schedule-day.num-days-3,
.mobile-schedule .schedule-day.num-days-4,
.mobile-schedule .schedule-day.num-days-5,
.mobile-schedule .schedule-day.num-days-6 { width:100%; }

.mobile-schedule .activeItem > div {
	transform: scale(1.05);
}
.mobile-schedule .ccm-schedule-item .ccm-schedule-item-frame:hover {
	transform: scale(1.05);
}
.mobile-schedule .schedule-day {
	margin-bottom: 1em;
	margin-left: 0;
	border-bottom:1px solid #f5f5f5;
}

@media screen and (max-width:1199px) {
.schedule-item-1third-right .ccm-schedule-item-header .schedule-item-time { font-size: .7em; }
.schedule-item-1third-right .schedule-item-type { font-size:.9em; }
}
@media screen and (max-width:991px) {
.schedule-item-1third-right .ccm-schedule-item-header .schedule-item-time { font-size: .5em; }
.schedule-item-1third-right .schedule-item-type { font-size:.65em; }
}
