@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700");

/* reset base font-size */
html body {
	font-size:14px;
	font-family:"Source Sans Pro",Arial,sans-serif;
	font-weight:normal;
	color:rgb(105,105,105);
}

html body h1 {color:html body}

@media screen and (min-width:480px)  { html body {font-size:16px;font-weight:normal;} }
@media screen and (min-width:780px)  { html body {font-size:16px;font-weight:normal;} }
@media screen and (min-width:1024px) { html body {font-size:16px;font-weight:normal;} }
@media screen and (min-width:1200px) { html body {font-size:16px;font-weight:300;} }



/* citl-article-container */
.citl-article-container {color:rgb(105,105,105);  background-color:rgb(251,251,251);}
.citl-article-container { border: 0px solid rgba(0,0,0,.2); }
.citl-article-container { line-height:1.6; }

.citl-article-container .supertitle {margin-top:6px;}
.citl-article-container .supertitle ~ h1 {margin-top:0;}
.citl-article-container h1 {color:rgb(51,51,51); font-size:1.85em; }
.citl-article-container h2 {color:#E36C12; font-size:1.25em; margin-bottom:0px; }




@media print, screen and (min-width:768px) {
	.citl-page-header h1 {color:#E36C12; font-size:4rem; font-weight:bold;}
	.citl-page-header h1 ~ .page-subtitle {font-size:1.4em; margin-top:-11px;margin-bottom:11px;}
	.citl-page-header .page-title-image {margin-bottom:8px;}
}

.white {background-color:white; min-height:200px;height:100%;}

.citl-container-mainbody {
	background-color:#fcfcfc;
	min-height:200px;
}



.disclaimer-panel {
	background-color:#ffcc00;
	color:#333;
	}
	
@media print, screen and (min-width:768px) {
	
	.citl-article-container  {
		xpadding-left:300px;
	}
	
	.citl-region-pagetitle {
	}
	
	.citl-region-preamble {
		width:25%;
		float:right;
	}	
	
	.citl-region-article {
		float:left;
		width:66%;
	}
	
	.citl-region-related-data {
		width:25%;
		float:right;
	}
}

/* content-container */
.content-container {
	border: 1px solid transparent;
	border-radius:5px;
	background-color:#f3f3e8;
	padding:0px;
	margin:15px 0px;
	font-size:0.9em;
}

.content-container {line-height:1.42;}
.content-container > .header,
.content-container > .body,
.content-container > .footer {
	padding:6px 15px;
}

.content-container > .header { background-color: inherit; color:#E36C12; border-bottom: 1px solid #E36C12; font-weight:600; text-transform:uppercase;}
.content-container > .body, 
.content-container > .footer {background-color: inherit;}


@media print, screen and (min-width:768px) {
	.content-container {margin:15px 0px;}
	
}

/* content-container.orange */

.content-container.orange {
	border: 1px solid #cccccc;
	border-radius:5px;
	background-color:rgba(0,0,0,0.05);
	padding:0px;
	margin:15px 0;
	font-size:0.9em;
}

.content-container.orange > .header,
.content-container.orange > .body,
.content-container.orange > .footer {
	padding:6px 15px;
}

.content-container.orange > .header { background-color: #D66138; color: #ffffff; }
.content-container.orange > .body, 
.content-container.orange > .footer {}





/* footer */
.citl-footer .copyright-panel {text-align:center;}

@media print, screen and (min-width:768px) {
	.citl-footer .identity {
		width:20%;
	} 
	
	.citl-footer .content-panel.content-panel-citl {
		width:25%;
	}
	
	.citl-footer .content-panel.social-menu {
		width:25%;
		margin:0;
	}
	
	.citl-footer .content-panel.content-panel-connect
	{
		width:25%;
		margin:0;

	} 
	
	.citl-footer .content-panel.content-panel-contact {
		width:30%;
		margin:0;
	}
}


	/* footer identity image */

	.identity .brand a:before {
		background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
		width:144px;
		height:65px;
		x-border:1px dashed rgba(255,255,255,0.3);
		background-position: 0 center;
		background-size:contain;
		
	} 

@media print, screen and (min-width:992px) {
	/* footer identity image */
	.identity .brand a:before {
		background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
		width:193px;
		height:66px;
		x-border:1px solid yellow;
	} 
}




/* banner identity image */
.citl-navbar .citl-navbar-brand .brand-label:before {
	background-image: url("../images/web_dark_CITL Orange-White I-Mark.png");
	width:193px;
	height:66px;
	x-border:1px dashed rgba(255,255,255,0.3);
}

.citl-navbar-top-row {
	line-height:0% !important;
}

@media print, screen and (min-width:768px) {
	.citl-navbar-top-row {
		max-width:1170px;
		margin: 0 auto;
		x-border:1px dashed rgba(255,255,255,0.3);
		position:relative;
	}
	
	.citl-navbar .citl-navbar-brand {
		x-max-width:1170px;
		x-margin: 0 auto;
		x-border:1px dashed rgba(255,255,255,0.3);
		
	}
	
	.citl-navbar ul.citl-navbar-menu.lower-menu  {
		max-width:970px;
		width:100%;
		margin: 0 auto;
	}
	
	/* make it flex */
	.citl-navbar ul.citl-navbar-menu.lower-menu {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
	}
	
	.citl-navbar ul.citl-navbar-menu.lower-menu li {
		flex-grow:1;
	}
	

	
	/* banner identity image */
	.citl-navbar .citl-navbar-brand .brand-label:before {
		background-image: url("../images/web_dark_CITL Horizontal Orange-White I-Mark.png");
		width:721px;
		height:116px;
		background-position: -50px 53%;
		margin-left:0;
	}
	
	/*
	.citl-navbar ul.citl-navbar-menu.upper-menu {
		position: absolute;
		left:50%;
		width:50%;
		margin-left:-50px !important;
		margin-right:0 !important;
		max-width:585px; // 1170px/2 - 48px;
		right:auto;
		x-border:1px dashed rgba(255,255,255,0.3);
		text-align:right;
	}
	*/
		
	.citl-navbar ul.citl-navbar-menu.upper-menu > li {
		display:inline-block;
		float:none;
		
	}
	
	.citl-navbar ul.citl-navbar-menu.upper-menu > li > a {
		line-height:36px;
	}
}

/* grid */
@media (min-width: 768px) {
    .container {

    }
}


/* sf editting overrides */
@media (min-width: 768px) {
	body.sfPageEditor .container,
	body.sfTemplateEditor .container,
	body.zeContentNode .container {
		max-width:750px;
		width:100%;
	}
}


@media (min-width: 992px) {
	body.sfPageEditor .container,
	body.sfTemplateEditor .container,
	body.zeContentNode .container {
		max-width:970px;
		width:100%;
	}
}



@media (min-width: 1200px) {
	body.sfPageEditor .container,
	body.sfTemplateEditor .container,
	body.zeContentNode .container {
		max-width:1170px;
		width:100%;
	}
}


/* citl-page-header */
.citl-page-header {position:relative;}
.citl-page-header.text-below .title-text {
		position:absolute;
		top:0;
		z-index:1000;	
		left:-15px;
		right:-15px;
		x-bottom:0;
		background-color:rgba(255,255,255,0.8);
		x-margin: -80px -15px 0px -80px; 
		padding:0 15px ;
}

.citl-page-header.text-below  {
	x-margin-bottom:80px;
}

.citl-page-header h1 {color:#001F55; font-size:2.2rem; font-weight:bold;}
.citl-page-header h1 ~ .page-subtitle {font-size:1.0em; margin-top:-11px;margin-bottom:11px;}
.citl-page-header .page-title-image {margin:0 -15px;}

.citl-page-header img {
	width:100%;
	min-width:100%;
	max-width:100%;
}

@media (min-width: 768px) {
	.citl-page-header .page-title-image {margin-bottom:8px;}
}


/* band colors */

.bg-tan {
	background-color:#f3f3e8;
}

/* responsive br */
br.sm, br.md {display:none;}
@media (max-width: 767px) {
br.sm {display:block;}
}
@media (max-width: 991px) {
br.md {display:block;}
}


.container.margin-top {margin-top:15px;}
.container.margin-bottom {margin-bottom:15px;}
.container.v-margins {margin-top:15px;margin-bottom:15px;}

.container.flush-top {margin-top:0px;}
.container.flush-bottom {margin-bottom:0px;}
.container.v-margins-flush {margin-top:0px;margin-bottom:0px;}

.container.container-wide {
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
    max-width: 1140px;
}


/* calendar override */
#pc-5064 td.edu-il-ws-5064-2-location {
	display:none;
}

#pc-5064 td.edu-il-ws-5064-2-time-date {
	font-size:inherit;
	font-weight: normal;
	white-space: nowrap;
	padding: 0.25em 0.5em 0.25em 0;
	line-height:1.5em;

}

#pc-5064 td.edu-il-ws-5064-2-title {
	font-size:inherit;
	font-weight: bold;
	width:auto;
	padding: 0.25em 0em 0.25em 0;
	line-height:1.5em;
}