/* 

	Theme Name: ROOT
	Theme URI: https://icc.edu/
	Description: The Root Theme. Parent theme = icc-default — Theme update for homepage (April 2017)
	Author: Web Services
	Author URI: https://icc.edu
	Version: (2.0)
	
	Template: global




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  GLOBAL  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */


/*JQUERY DIALOG BOX*/

.ui-dialog{
    background: #fff;
    box-shadow: 0px 0px 5px 1px #000;
/*    border: 1px solid #252525;*/
    border-radius: 3px;
    padding: 20px 35px;
    z-index: 9999;
    width: 550px!important;
    max-width: calc(90% - 0px);
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%);
    max-height: calc(100% - 50px);
    overflow: auto;
}

.ui-dialog-content {
    height: calc(100% - 100px);
}

.ui-dialog h2 {
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: -10px;
}

.ui-dialog a {
    outline: none;
}

.ui-dialog a:hover {
    text-decoration: underline;
}

.ui-dialog-titlebar {
    display: none;
    font-size: 1.3em;
    height: 0px;
}

.ui-dialog i {
    display: block;
    text-align: center;
    font-size: 3em;
}

.ui-dialog strong {
    display: block;
}

.ui-button.closeX {
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.ui-button.closeX::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f057';
    font-size: 2em;
/*    font-weight: 900;*/
}

.ui-button.closeOk {
    border-radius: 3px;
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    margin: 0 auto;
    background: #21669c;
    border: none;
    padding: 10px 20px;
}


.ui-button.closeOk:hover {
    background: #134267;
}

.ui-widget-overlay {
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  background: rgb(50, 50, 50) !important; /* This will make it darker */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



/* Google Search */

.page-site-search #site-content {
	width: calc(100% - 20px);
}

#___gcse_0 {
	margin: 0 auto;
	width: calc(100% - 0px);
}

#___gcse_0 .gsc-search-box,
#___gcse_0 .gsc-input-box {
	border: none;
}

#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse {
	padding: 0px;
}

#___gcse_0 .gsc-selected-option-container {
	max-width: 100%;
}

#___gcse_0 .gsc-selected-option-container .gsc-orderby .gsc-orderby-label{
	font-weight: 1.3em;
}

#___gcse_0 table {
	margin: 0;
}

#___gcse_0 #gs_tti50 {
	padding: 3px 5px 3px 10px;
}

#___gcse_0 .gsc-input { /* Hides google branding in search input */
	background: none !important;
	border-radius: 2px;
	height: 33px !important;
	padding: 0 0 0 0 !important;
}

#___gcse_0 .gsc-input::placeholder { /* Hides placeholder "custom search" */
	color: transparent;
}

#___gcse_0 .gsib_b {

}

#___gcse_0 #gs_st50 .gsst_a {
	border: none;
}

	#___gcse_0 #gs_st50 .gsst_a .gscb_a {
		line-height: 32px;
	}

#___gcse_0 .gsc-search-button {
	padding: 0 0 0 5px;
}

	#___gcse_0 .gsc-search-button-v2 { /* Search button */
		background-color: #21669c;
		border: 2px solid #21669c;
		color: #ffffff;
		cursor: pointer;
		font-size: 1.4em;
		height: 40px;
		padding: 0px 30px;
		margin: 0;
		transition: background-color .5s, color .5s;
		max-width: 110px;
	}

	#___gcse_0 .gsc-search-button-v2:hover {
		background-color: #ffffff;
		color: #21669c;
	}

#___gcse_0 .gsc-webResult {
	width: 100%;
}

#___gcse_0 .gsc-above-wrapper-area-container {
	border: none;
}

#___gcse_0 .gsc-above-wrapper-area {
	margin-bottom: 10px;
}

#___gcse_0 .gsc-result-info-container {
	padding-left: 0px;
}

#___gcse_0 .gsc-result-info {
	padding-bottom: 0px;
}

#___gcse_0 .gsc-orderby-container {
	padding-right: 0px;
}

#___gcse_0 .gsc-webResult.gsc-promotion {
	background-color: rgba(234, 234, 234, 0.596);
	margin: 5px 0 20px 0;
}

#___gcse_0 .gs-promotion-image-box img {
	width: 62px;
}

#___gcse_0 .gsc-expansionArea .gsc-webResult,
#___gcse_0 .gsc-webResult.gsc-promotion {
	border: 1px solid #dbdbdb;
	border-radius: 2px;
 	margin: 10px 0 0 0;
}

#___gcse_0 .gs-image img[src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSiZ3oszIOreeJWIGnVd8oFhrGbDuB54OdThql-wOQ-4E4bAA4BGhmr2A17"]{
	display: none;
}

#___gcse_0 .gs-snippet span {
	padding: 3px 5px 3px 3px;
}

.gstl_50.gssb_c { /* Placement of autocomplete box under search input */
	/* left: 21px !important; */
	/* top: 425px !important; */
	/* width: 800px !important; */
	position: relative;
	max-width: calc(100% - 140px) !important;
}

.gssb_a img { /* Hides google branding in search autocomplete */
	display: none !important;
}

	.gssb_a img + span { /* Hide "custom search" wording in autocomplete */
		display: none;
	}

.gsc-cursor-page { /* Page buttons */ 
	padding: 5px 5px;
}

.gcsc-more-maybe-branding-root { /* Hides branding under the page numbers */
	display: none;
}

.gsc-result .gs-title {
	color:#21669c !important;
	height:auto !important;
	background-color:rgba(255,255,255,0.1);
}

#site-content > p a.gs-title {
	border:none;
}

#site-content table .gs-snippet {
	font-size:1.167em !important;
}

#___gcse_0 .gsc-results .gsc-cursor-box {
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	text-align: center;
}

#___gcse_0 .gsc-cursor {
	display: inline-block;
}

#___gcse_0 .gsc-cursor .gsc-cursor-page {
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
}

#___gcse_0 .gsc-cursor .gsc-cursor-page:hover,
#___gcse_0 .gsc-cursor .gsc-cursor-current-page {
	background-color: rgba(218, 218, 218, 0.616);
	/* color: #fff; */
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  APPLY LAYOUT  */

/* layout containers clear floating objects */

#site-content ul.buttons {
	list-style:none !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

#site-content ul.buttons a {
	text-decoration:none !important;
}

#keyword-search:after,
#events ul:after {
	clear:both;
	content:"";
	display:table;
}

#site-header {
	min-height:650px;
	position:relative;
}


@media screen and (min-width:768px) {
	#site-header {
		height:-webkit-calc(100% - 180px);
		height:calc(100% - 180px);
		max-height:none;
	}
	.logged-in #site-header {
		height:-webkit-calc(100% - 216px);
		height:calc(100% - 216px);
	}
}


@media screen and (min-width:1024px) {
	#site-header {
		height:-webkit-calc(100% - 190px);
		height:calc(100% - 190px);
	}
	.logged-in #site-header {
		height:-webkit-calc(100% - 222px);
		height:calc(100% - 222px);
		min-height:632px;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SITE HEADER  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

ul#slides li {
	background-position:75% 30%;
}

ul#slides li.slides1_on > div > section {
	display:block;
}

/* READY TO WORK EXPO */
ul#slides li#work-expo-slider > div > section p a {
	border: none;
}

p.work-expo-wordmark {
	margin: 0 auto 0 auto;
	width: 66.666%;
}

div#dates {
	align-content: center;
	display: flex;
	justify-content: space-between;
}

div#dates > p {
	margin: 0 5px 0 5px;
	max-width: 160px;
}
div#dates > p:first-of-type {
	margin-top: 5px;
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SLIDER TABS  */


@media screen and (min-width:768px) {
	ul#slides li {
		background-position:50% 30%;
	}
	
	#site-header ul.slides_tabs {
		bottom:130px;
	}
}


@media screen and (min-width:1024px) {
	#site-header ul.slides_tabs {
		/* bottom:150px; */
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  ABOVE THE FOLD  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

#above-the-fold {
	background-color:#cccccc;
	padding:10px 0 10px 0;
	z-index:50;
}

#above-the-fold > div {
	margin:0 auto 0 auto;
	max-width:1280px;
}


@media screen and (min-width:768px) {
	#above-the-fold {
		background:linear-gradient(rgba(37,37,37,0), rgba(37,37,37,1) 130px, rgba(37,37,37,0) 130px);
		bottom:-80px;
		position:absolute;
		width:100%;
	}
}


@media screen and (min-width:1024px) {
	#above-the-fold {
		background:linear-gradient(rgba(37,37,37,0), rgba(37,37,37,1) 150px, rgba(37,37,37,0) 150px);
		bottom:-90px;
	}
}


@media screen and (min-width:1280px) {
	#above-the-fold {
		padding-left:0;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  KEYWORD SEARCH  */

#keyword-search {
	margin-bottom:10px;
	padding:0 10px 0 10px;
	position:relative;
}

#keyword-search h2 {
	color:#111111;
	font-size:1.375em;
	font-weight:300;
	height:30px;
	margin:0 0 0 0;
	padding:0 10px 0 10px;
}

#keyword-search div {
	margin:10px 0 0 0;
}

#keyword-search input,
#keyword-search select {
	-moz-appearance:none;
	-webkit-appearance:none;
	background-color:#ffffff;
	border:none;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	box-shadow:none;
	font-size:0.875em;
	font-weight:300;
	height:40px;
	margin:0 0 0 0;
	outline:none;
	padding:5px 10px 5px 10px;
	width:100%;
}
#keyword-search input[type="text"]::-webkit-input-placeholder {
	color:#111111;
	opacity:1;
}
#keyword-search input[type="text"]::-moz-placeholder {
	color:#111111;
	opacity:1;
}

#keyword-search input[type="text"]::-ms-input-placeholder {
	color:#111111;
	opacity:1;
}
#keyword-search input[type="text"]::-moz-placeholder {
	color:#111111;
	opacity:1;
}

#keyword-search input[type="submit"] {
	background-color:#ffd659;
	border:3px solid #ffffff;
	color:#21669c;
	cursor:pointer;
	font-size:0.75em;
	font-weight:600;
	outline:none;
	text-transform:uppercase;
}
#keyword-search input[type="submit"]:hover {
	background-color:#21669c;
	color:#ffffff;
}

#keyword-search div:last-of-type a {
	background-color:#ffd659;
	border:3px solid #ffffff;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	display:block;
	font-size:0.75em;
	height:40px;
	text-align:center;
	padding:9px 10px 5px 10px;
}

#keyword-search div:last-of-type a strong {
	text-transform:uppercase;
}


@media screen and (min-width:768px) {
	#keyword-search {
		padding:0 5px 0 5px;
	}
	
	#keyword-search h2 {
		color:#ffffff;
		font-size:1.5em;
	}
	
	#keyword-search div {
		float:left;
		margin:10px 5px 0 5px;
		width:-webkit-calc(30% - 10px);
		width:calc(30% - 10px);
	}
	#keyword-search div:nth-of-type(1) {
		width:-webkit-calc(40% - 10px);
		width:calc(40% - 10px);
	}
	#keyword-search div:nth-of-type(2) {
		display:none;
	}
}


@media screen and (min-width:1024px) {
	#keyword-search div {
		width:-webkit-calc(20% - 10px);
		width:calc(20% - 10px);
	}
	#keyword-search div:nth-of-type(2) {
		display:block;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  CALL-TO-ACTION   */

#call-to-action {
	padding:20px 5px 0 5px;
}


@media screen and (min-width:768px) {
	#call-to-action ul.image-nav li {
		width:-webkit-calc(20% - 10px);
		width:calc(20% - 10px);
	}
	
	#call-to-action ul.image-nav li:nth-of-type(1) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-girl-smiling-with-backpack.jpg);
	}
	#call-to-action ul.image-nav li:nth-of-type(2) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-students-outside-reviewing-work.jpg);
	}
	#call-to-action ul.image-nav li:nth-of-type(3) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-east-peoria-campus-administration-building.jpg);
	}
	#call-to-action ul.image-nav li:nth-of-type(4) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-smiling-student-.jpg);
	}
	#call-to-action ul.image-nav li:nth-of-type(5) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-smiling-students-posing.jpg);
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  FRONTPAGE EVENTS, NEWS and ACADEMIC CALENDAR  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹ */

#site.frontpage { /* to accomidate above-the-fold not being above the fold */
	padding-top:520px;
}

.home #events {
	background-color:#eeeeee;
	padding:50px 0 50px 0;
}

.home #news {
	padding:50px 0 50px 0;
}

.home #events > div,
.home #news > div {
	padding:0 5px 0 5px;
}

.home #events div > section,
.home #news div > section {
	margin:0 5px 0 5px;
}


@media screen and (min-width:768px) {
	#site.frontpage {
		margin-top:30px;
		padding-top:0;
	}
	
	.home #events {
		padding-top:80px;
	}
	
	.home #events .list,
	.home #events .calendar {
		float:left;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	
	.frontpage #news .list .get-more {
		width:-webkit-calc(50% - 5px);
		width:calc(50% - 5px);
	}
}


@media screen and (min-width:1024px) {
	#site.frontpage {
		margin-top:40px;
	}
	
	.home #events {
		padding-top:90px;
	}
	
	.home #events .featured,
	.home #news .featured,
	.home #news .list {
		float:left;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	
	.home #events .list,
	.home #events .calendar {
		width:-webkit-calc(25% - 10px);
		width:calc(25% - 10px);
	}
}



/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SITE FOOTER  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹ */


@media screen and (min-width:768px) {
	#site-footer {
		height:100px;
		margin-bottom:30px;
		padding-top:17px;
	}
	
	#site-footer ul li {
		width:-webkit-calc(25% - 10px);
		width:calc(25% - 10px);
	}
	
	#site-footer ul li:nth-of-type(1) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-money-for-college.jpg);
	}
	#site-footer ul li:nth-of-type(2) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-icc-faculty-smiling.jpg);
	}
	#site-footer ul li:nth-of-type(3) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-all-hands-in.jpg);
	}
	#site-footer ul li:nth-of-type(4) {
		background-image:url(https://icc.edu/wp-content/uploads/response-background-plotting-the-course.jpg);
	}
	
	.home #global-footer {
		padding-top:80px;
	}
}


@media screen and (min-width:1024px) {
	#site-footer {
		height:110px;
		margin-bottom:40px;
	}
	
	.home #global-footer {
		padding-top:90px;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SOCIAL MEDIA  

Had to use :after on the Social Media badge icons because they weren't lining up well with the background-image for Merit.  */

#site-footer h4 {
	font-size:1.5em;
	font-weight:300;
	margin:0 0 0 0;
	text-align:center;
}

#badges {
	padding:13px 10px 10px 10px;
	text-align:center;
}

#badges a {
	color:#999999;
	display:inline-block;
	height:28px;
	margin:0 5px 0 5px;
	position:relative;
	width:28px;
}
#badges a:after {
	color:#999999;
	font-family:fontawesome;
	font-size:1.8em;
	height:28px;
	left:0;
	margin:0 0 0 0;
	position:absolute;
	top:0;
	width:28px;
}
#badges a:nth-of-type(1):after {
	content:"\f230";
}
#badges a:nth-of-type(1):hover:after {
	color:#3b5998;
}
#badges a:nth-of-type(2):after {
	content:"\f081";
}
#badges a:nth-of-type(2):hover:after {
	color:#3f729b;
}
#badges a:nth-of-type(3):after {
	content:"\f16d";
}
#badges a:nth-of-type(3):hover:after {
	color:#3b5998;
}
#badges a:nth-of-type(4):after {
	content:"\f166";
}
#badges a:nth-of-type(4):hover:after {
	color:#c4302b;
}
#badges a:nth-of-type(5):after {
	content:"\f08c";
}
#badges a:nth-of-type(5):hover:after {
	color:#0e76a8;
}
#badges a:last-of-type {
	background-image:url(/wp-content/uploads/social-media-badges-merit.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#badges a:last-of-type:hover {
	background-position:0 -33px;
}
#badges a:last-of-type:after {
	display:none;
}


@media screen and (min-width:768px) {
	#site-footer h4 {
		float:left;
		margin:0 5px 0 5px;
		text-align:right;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	
	#badges {
		float:left;
		margin:0 5px 0 5px;
		padding:3px 0 0 0;
		text-align:left;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	
	#site-footer nav {
		clear:left;
		padding:20px 0 0 0;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SEARCH RESULTS  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

.gsc-result .gs-title {
	color:#21669c !important;
	height:auto !important;
	
	background-color:rgba(255,255,255,0.1);
}

#site-content > p a.gs-title {
	border:none;
}

#site-content table .gs-snippet {
	font-size:1.167em !important;
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  CORPORATE & COMMUNITY EDUCATION  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

#corp-comm-ed.compartments section:nth-of-type(1) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-pdi.jpg);
}
#corp-comm-ed.compartments section:nth-of-type(2) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-acp.jpg);
}
#corp-comm-ed.compartments section:nth-of-type(3) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-cfk.jpg);
}
#corp-comm-ed.compartments section:nth-of-type(4) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-sat.jpg);
}

#icc-benefits.compartments section:nth-of-type(1) .featured-image{
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-faculty-instructing-class.jpg);
}
#icc-benefits.compartments section:nth-of-type(2) .featured-image{
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-graduates.jpg);
}
#icc-benefits.compartments section:nth-of-type(3) .featured-image{
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-money-for-college.jpg);
}


@media screen and (min-width:768px) {
	#corp-comm-ed.compartments section {
		float:left;
		height:535px;
		margin-left:10px;
		padding-bottom:60px;
		position:relative;
		width:-webkit-calc(50% - 5px);
		width:calc(50% - 5px);
	}
	#corp-comm-ed.compartments section:nth-of-type(odd) {
		clear:left;
		margin-left:0;
	}
	
	#corp-comm-ed.compartments section ul.buttons {
		bottom:10px;
		position:absolute;
		width:-webkit-calc(100% - 20px);
		width:calc(100% - 20px);
	}
	
	#icc-benefits.compartments section {
		float:left;
		height:400px;
		margin-left:10px;
		width:-webkit-calc(33.333% - 6.666px);
		width:calc(33.333% - 6.666px);
	}
	#icc-benefits.compartments section:nth-of-type(3n+1) {
		clear:left;
		margin-left:0;
	}
}


@media screen and (min-width:768px) and (max-width:1023px) {
	#corp-comm-ed.compartments section:nth-of-type(n+3) {
		height:440px;
	}
}


@media screen and (min-width:1024px) {
	#corp-comm-ed.compartments section {
		height:595px;
		width:-webkit-calc(25% - 7.5px);
		width:calc(25% - 7.5px);
	}
	#corp-comm-ed.compartments section:nth-of-type(odd) {
		clear:none;
		margin-left:10px;
	}
	#corp-comm-ed.compartments section:nth-of-type(4n+1) {
		clear:left;
		margin-left:0;
	}
	
	#icc-benefits.compartment section {
		height:330px;
	}
}


@media screen and (min-width:1280px) {
	#corp-comm-ed.compartments section {
		height:540px;
	}
	
	#icc-benefits.compartments section {
		height:300px;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  APPLY NOW PAGE  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

#apply.compartments .contact-info p.office-name {
	margin:1em 0 5px 0;
}

#apply.compartments .contact-info p.phone {
	margin:0 0 1em 0;
}


@media screen and (min-width:1024px) {
	#apply.compartments section {
		float:left;
		margin-left:10px;
		position:relative;
		width:-webkit-calc(33.333% - 6.667px);
		width:calc(33.333% - 6.667px);
	}
	#apply.compartments section:nth-of-type(3n+1) {
		clear:left;
		margin-left:0;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  AGRICULTURE AT ICC  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

#ag-videos section {
	margin:10px 0 10px 0;
}

#ag-amenities.compartments section:nth-of-type(1) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-student-harvesting-corn.jpg);
}
#ag-amenities.compartments section:nth-of-type(2) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-students-examing-corn.jpg);
}
#ag-amenities.compartments section:nth-of-type(3) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-student-using-survey-equipment.jpg);
}
#ag-amenities.compartments section:nth-of-type(4) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-on-campus-housing-living-quarters.jpg);
}
#ag-amenities.compartments section:nth-of-type(5) .featured-image {
	background-image:url(https://icc.edu/wp-content/uploads/featured-image-animal-judging.jpg);
}

.page-template-blank-slate #ag-info-request .vfbp-form {
	width:100%;
}

/*#ag-info-request .vfbp-form {
	background-color:#21669c;
	color:#ffffff;
}

#ag-info-request .vfbp-form .vfb-required-asterisk {
	color:#ffd659;
}

#ag-info-request .vfbp-form .btn-primary {
	background-color:#ffd659;
	color:#252525;
}

#site-content #ag-info-request blockquote {
	margin-top:0;
}*/


@media screen and (min-width:768px) {
	/* ag videos down for now (Jun '19); delete later if they never come back
	#ag-videos:after {
		clear:both;
		content:"";
		display:table;
	}
	
	#ag-videos section {
		float:left;
		margin:0 0 0 0;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	#ag-videos section:nth-of-type(3n+1) {
		clear:none;
	}
	#ag-videos section:nth-of-type(odd) {
		clear:left;
		margin-right:20px;
	}*/
	
	#ag-amenities.compartments {
		float:left;
		margin-right:20px;
		width:-webkit-calc(66.666% - 10px);
		width:calc(66.666% - 10px);
	}
	
	#ag-amenities.compartments section {
		float:left;
		margin:0 10px 10px 0;
		min-height:425px;
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
	#ag-amenities.compartments section:nth-of-type(even) {
		margin-right:0;
	}
	
	#ag-info-request {
		float:left;
		width:-webkit-calc(33.333% - 10px);
		width:calc(33.333% - 10px);
	}
	
	.page-template-blank-slate #ag-info-request .vfb-col-6 {
		width:-webkit-calc(100% - 10px);
		width:calc(100% - 10px);
	}
}


@media screen and (min-width:1024px) {
	/* ag videos down for now (Jun '19); delete later if they never come back
	#ag-videos section {
		margin:0 10px 0 10px !important;
		width:-webkit-calc(50% - 20px);
		width:calc(50% - 20px);
	}*/
	
	#ag-info-request {
		margin:10px 10px 0 0;
	}
	
	#ag-amenities.compartments section {
		min-height:355px;
	}
	
	#ag-info-request {
		width:-webkit-calc(33.333% - 20px);
		width:calc(33.333% - 20px);
	}
	
	#ag-info-request .vfbp-form .btn-primary {
		width:100%;
	}
}


@media screen and (min-width:1280px) {
	#ag-amenities.compartments section {
		min-height:340px;
	}
	
	.page-template-blank-slate #ag-info-request .vfb-col-6 {
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  VISUAL FORM BUILDER PRO OVERRIDES  */

/*#prospect-form .vfbp-form .vfb-form-group {
	margin-bottom:0;
}


@media screen and (min-width:1024px) {
	#prospect-form .vfbp-form .btn-primary {
		width:100%;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  FORM SUBMISSION SENT  */

/*.sent #text-overlay {
	bottom:auto;
	left:50%;
	top:50%;
	transform:translateY(-50%) translateX(-50%);
}

.drive.sent hr {
	display:block;
}

.sent #text-overlay p {
	display:block;
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  50TH ANNIVERSARY  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

form#vfbp-form-7 {
	float:right;
	margin:0 0 20px 20px;
	width:-webkit-calc(50% - 20px);
	width:calc(50% - 20px);
}

#fifty-anniversary.compartments section:nth-of-type(1) .featured-image {
	background-image:url(/wp-content/uploads/featured-image-college-night.jpg);
}
#fifty-anniversary.compartments section:nth-of-type(2) .featured-image {
	background-image:url(/wp-content/uploads/featured-image-community-celebration.jpg);
}
#fifty-anniversary.compartments section:nth-of-type(3) .featured-image {
	background-image:url(https://icc.edu/calendar/files/featured-image-international-week-flag.jpg);
}


@media screen and (min-width:1024px) {
	#fifty-anniversary.compartments section {
		min-height:450px;
		padding-bottom:50px;
		position:relative;
	}
	
	#fifty-anniversary.compartments section ul.buttons {
		bottom:10px;
		position:absolute;
		width:-webkit-calc(100% - 20px);
		width:calc(100% - 20px);
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  LANDING PAGES  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹

New styles for all landing pages going forth — July 29, 2019  */

.page-template-landing {
	
}

.page-template-landing #site-content,
.page-template-studentstory #site-content {
	margin-top: 0;
	width: calc(100% - 40px);
}

.page-template-landing #site-content > :first-child,
.page-template-studentstory #site-content > :first-child {
	margin-top: 0;
}

.page-template-landing #site-content i {
	padding: 0 6px 0 0;
}

/* does this need to be?
.page-template-landing #site-content img {
	width: 100%;
}*/


@media screen and (max-width: 767px) {
	.page-template-landing #site-content > div:last-of-type,
    .page-template-studentstory #site-content > div:last-of-type {
		margin: 40px 0 0 0;
	}
}


@media screen and (min-width: 768px) {
	.page-template-landing #site-content,
    .page-template-studentstory #site-content > div {
		display: flex;
		justify-content: space-between;
	}
	/* clear fix for floating objects breaks when converting to flex - here's the workaround */
	.page-template-landing #site-content::after,
    .page-template-studentstory #site-content::after {
		content: none;
		display: none;
	}
	
	.page-template-landing #site-content > div,
    .page-template-studentstory #site-content > div > div {
		width: calc(50% - 40px);
	}
	
	.page-template-landing #site-content > div {
		width: calc(50% - 40px);
	}
	
	.page-template-landing.page-title-ix #site-content > div:first-of-type,
	.page-template-landing.page-civil-rights #site-content > div:first-of-type {
		width: calc(66.666% - 30px);
	}
	.page-template-landing.page-title-ix #site-content > div:last-of-type,
	.page-template-landing.page-civil-rights #site-content > div:last-of-type {
		background-color: #f7f7f7;
		padding: 20px 20px 20px 20px;
		width: calc(33.333% - 30px);
	}
	
	.page-template-landing.page-cougar-kudos #site-content > div:first-of-type {
		width: calc(33.333% - 10px);
	}
	.page-template-landing.page-cougar-kudos #site-content > div:last-of-type {
		width: calc(66.666% - 10px);
	}
	
	.page-template-landing.page-tgif #site-content > div:first-of-type {
		width: 66.666%;
	}
	.page-template-landing.page-tgif #site-content > div:last-of-type {
		border-left: 5px solid #1d99b3;
		font-size: 0.875em;
		margin: 0 0 0 40px;
		padding: 0 0 0 40px;
		width: 33.333%;
	}
	
	.page-template-landing.page-lunch-learn #site-content > div:first-of-type {
		width: 60%;
	}
	
	.page-template-landing.page-lunch-learn #site-content > div:last-of-type {
		width: calc(40% - 40px);
	}
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  COPY  */

.page-template-landing #site-content > div h2,
.page-template-studentstory #site-content > div h2  {
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 30px 0;
}
.page-template-landing.page-wei #site-content > div h2 {
	color: #21669c;
	font-family: 'Roboto Slab', serif;
	margin: 40px 0 0 0;
}

.page-template-landing #site-content > div h3,
.page-template-studentstory #site-content > div h3  {
	font-size: 1.5em;
	font-weight: 400;
	margin: 30px 0 0 0;
}
.page-template-landing #site-content > div h2 + div + h3,
.page-template-studentstory #site-content > div h2 + div + h3 {
	margin-top: 10px;
}
.page-template-landing #site-content div h3 + p,
.page-template-studentstory #site-content div h3 + p {
	margin-top: 0;
}

.page-template-landing #site-content > div h4,
.page-template-studentstory #site-content > div h4 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 30px 0 0 0;
	text-transform: uppercase;
}
.page-template-landing #site-content div h4 + p,
.page-template-studentstory #site-content div h4 + p {
	margin-top: 0;
}

.page-template-landing #site-content > div h6,
.page-template-studentstory #site-content > div h6 {
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.7;
	margin: 0 0 40px 0;
}

.page-template-landing #site-content > div > p,
.page-template-studentstory #site-content > div > p {
	line-height: 2;
	margin: 20px 0 20px 0;
}
.page-template-landing #site-content div.accordion > p,
.page-template-studentstory #site-content div.accordion > p {
	line-height: 1.5;
	margin: 0 0 0 0;
}
.page-template-landing #site-content div.accordion > p + p,
.page-template-studentstory #site-content div.accordion > p + p {
	margin-top: 20px;
}

.page-template-landing #site-content div a,
.page-template-studentstory #site-content div a {
	text-decoration: underline;
}

.page-template-landing #site-content div ul,
.page-template-studentstory #site-content div ul {
	font-size: 0.875em;
	line-height: 2;
	list-style-type: square;
	margin: 20px 0 20px 0;
	padding: 0 0 0 40px;
}
.page-template-landing #site-content div h4 + ul,
.page-template-studentstory #site-content div h4 + ul {
	margin-top: 5px;
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SIDEBAR  */

.page-template-landing .side-bar .contact,
.page-template-studentstory .side-bar .contact {
	background-color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

.page-template-landing .side-bar,
.page-template-studentstory .side-bar {
	font-size: 0.875em;
}

/* BUTTONS */
.page-template-landing #site-content .side-bar ul.buttons,
.page-template-studentstory #site-content .side-bar ul.buttons {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.page-template-landing #site-content .side-bar ul.buttons li,
.page-template-studentstory #site-content .side-bar ul.buttons li {
	width: 100%;
}

.page-template-landing #site-content .side-bar ul.buttons li a,
.page-template-studentstory #site-content .side-bar ul.buttons li a  {
	font-size: 1em;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

/* CONTACT ICONS */
.page-template-landing .side-bar .contact i,
.page-template-studentstory .side-bar .contact i {
	color: rgba(0,0,0,0.5);
	padding: 0 6px 0 0;
}

/* REGISTRATION FORM */
.page-template-landing .vfbp-form {
	background: linear-gradient(#21669c,#1d99b3);
	width: 100%;
}
.page-template-landing.page-iew .vfbp-form {
	background: #41545a;
}

.page-template-landing .vfbp-form > div {
	background: rgba(255,255,255,0.2);
	color: #ffffff;
}

.page-template-landing #site-content div form h4 {
	margin-top: 0;
}

.page-template-landing .vfbp-form .vfb-required-asterisk {
	color: #f5d243;
}

/* SUBMIT BUTTON */
.page-template-landing .vfbp-form .btn {
	background: linear-gradient(to bottom right,#f5d243,#d89803);
	color: #252525;
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  MEET US EVENTS

Grid of all the events.  */

.meet-us-events {
	background: linear-gradient(to bottom right,#f5d243,#d89803);
	border-radius: 5px 5px 5px 5px;
	color: #252729;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 20px 20px 20px;
}

.meet-us-events > div {
	width: calc(33.333% - 10px);
}
.meet-us-events > div:first-of-type {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px 0;
	width: 100%;
}

.page-template-landing #site-content > div .meet-us-events h2 {
	font-size: 1.5em;
	margin: 0 0 5px 0;
	width: 100%;
}

.meet-us-events > div > section {
	background: linear-gradient(to bottom right,rgba(255,255,255,0.25),rgba(255,255,255,0.1));
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	width: 100%;
}
.meet-us-events > div:first-of-type > section {
	width: calc(50% - 10px);
}

.page-template-landing #site-content > div .meet-us-events h3 {
	font-size: 1.125em;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.meet-us-events h3 i {
	padding: 0 6px 0 0;
}

.meet-us-events > div > section p {
	font-size: 0.875em;
	margin: 0 0 0 0;
}

/* deaden past events */
.meet-us-events > div > section.past {
	color: rgba(0,0,0,0.25);
}

/* confirmation response override */
.page-template-landing #site-content > div blockquote h3 {
	margin-top: 0;
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  EVENING COLLEGE and LANDING PAGES  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹

Landing pages included: Meet Us, Ready to Work Expo  */

.page-template-landing {}

.page-template-landing #site-content {
	margin-top: 0;
	width: calc(100% - 20px);
}

.page-template-blank-slate #site-content a {
    border-bottom: 1px dotted;
}

.page-template-landing #site-content > :first-child {
	margin-top: 0;
}

.page-template-landing #site-content i {
	padding: 0 6px 0 0;
}
.page-template-landing.page-wei #site-content h2 i {
	color: #252729;
	padding-right: 10px;
}

.page-evening-college #site-content,
.page-work-expo #site-content {
	margin-top: 0;
}

.page-template-blank-slate.page-meet-us .featured-image {
	background-position: top right;
}
.page-template-blank-slate.page-msopenhouse .featured-image {
	background-position: bottom center;
}

.page-template-blank-slate h4 + div {
    margin-top: 10px;
}

@media screen and (min-width: 768px) {
	body.page-evening-college #site-content,
	body.page-meet-us #site-content,
	body.page-work-expo #site-content,
	/*body.page-highway-careers #site-content,*/
	body.page-msopenhouse #site-content {
		display: flex;
		justify-content: space-between;
	}
	/* clear fix for floating objects breaks when converting to flex - here's the workaround */
	body.page-evening-college #site-content::after,
	body.page-meet-us #site-content::after,
	body.page-work-expo #site-content::after,
	/*body.page-highway-careers #site-content::after,*/
	body.page-msopenhouse #site-content::after {
		content: none;
		display: none;
	}

	body.page-evening-college #site-content > div:first-of-type {
		width: calc(75% - 10px);
	}
	body.page-evening-college #site-content > div:last-of-type {
		width: calc(25% - 10px);
	}
	
	body.page-meet-us #site-content > div:first-of-type,
	/*body.page-highway-careers #site-content > div:first-of-type,*/
	body.page-iew #site-content > div:first-of-type,
	body.page-msopenhouse #site-content > div {
		width: calc(66.666% - 10px);
	}
	body.page-meet-us #site-content > div:last-of-type,
	/*body.page-highway-careers #site-content > div:last-of-type,*/
	body.page-iew #site-content > div:last-of-type {
		width: calc(33.333% - 10px);
	}
	
	body.page-work-expo #site-content > div {
		width: calc(50% - 10px);
	}
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  INTRO COPY  */

body.page-evening-college h1,
body.page-work-expo h1 {
	display: block;
}

body.page-evening-college #site-content > div:nth-of-type(1) > h2,
.page-meet-us #site-content > div:nth-of-type(1) > h2,
body.page-work-expo #site-content > div:nth-of-type(1) > h2,
/*.page-highway-careers #site-content > div:nth-of-type(1) > h2,*/
.page-msopenhouse #site-content > div:nth-of-type(1) > h2 {
	font-size: 2em;
	font-weight: 300;
	margin: 0 0 30px 0;
}

/*body.page-highway-careers #site-content > div:nth-of-type(1) > h4,*/
body.page-msopenhouse #site-content > div:nth-of-type(1) > h4 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 30px 0 0 0;
	text-transform: uppercase;
}

body.page-evening-college #site-content > div:nth-of-type(1) > h6,
body.page-work-expo #site-content > div:nth-of-type(1) > h6,
/*body.page-highway-careers #site-content > div:nth-of-type(1) > h6,*/
body.page-msopenhouse #site-content > div:nth-of-type(1) > h6 {
	color: #999999;
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.7;
	margin: 0 0 40px 0;
}

body.page-evening-college #site-content > div:nth-of-type(1) > p,
.page-meet-us #site-content > div:nth-of-type(1) > p,
body.page-work-expo #site-content > div:nth-of-type(1) > p,
/*.page-highway-careers #site-content > div:nth-of-type(1) > p,*/
.page-msopenhouse #site-content > div:nth-of-type(1) > p {
	line-height: 2;
	margin: 20px 0 20px 0;
}

.page-meet-us #site-content ul,
.page-work-expo #site-content ul,
/*.page-highway-careers #site-content ul,*/
.page-msopenhouse #site-content ul {
	font-size: 0.875em;
	line-height: 2;
	list-style-type: square;
	margin: 20px 0 20px 0;
	padding: 0 0 0 40px;
}
.page-meet-us #site-content h4 + ul,
.page-work-expo #site-content h4 + ul,
/*.page-highway-careers #site-content h4 + ul,*/
.page-msopenhouse #site-content h4 + ul {
	margin-top: 5px;
}

.page-msopenhouse #site-content a {
	text-decoration: underline;
}
.page-msopenhouse #site-content form a {
	border: none;
	color: #ffd659;
}
.page-msopenhouse #site-content form a:hover {
	color: #ffffff;
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  PROGRAM DISPLAY  */

.evening-college > div {
	background: linear-gradient(#7aab49,#4d6b2e);
	border-radius: 5px 5px 5px 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 10px 10px 10px;
	margin: 20px 0 20px 0;
}

.evening-college > div > section {
	background: linear-gradient(to right,#fffff0,#ffffbd);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	color: #52574d;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0;
	transition: all 0.5s ease-in-out;
	width: 100%;
}
.evening-college > div > section:hover {
	box-shadow: 0 0 10px rgba(0,0,0,1);
	color: #3a3d36;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.evening-college h2 {
	color: #ffffff;
	font-size: 1em;
	font-weight: 300;
	margin: 0 0 10px 0;
	width: 100%;
}

.evening-college > div > section > h3 {
	font-size: 0.938em;
	font-weight: 600;
}


@media screen and (min-width: 768px) {
	.evening-college > div > section {
		width: calc(50% - 5px);
	}
}



/*  ››››››››››››››››››››››››››››››››››››››››
	››››››››››››››››››››››››››››››››››››››››  OVERLAY

Displaying clases for evening college.  */
	
#overlay {
	cursor: default;
}

#overlay h2 {
	font-weight: 700;
}

#overlay p {
	font-size: 0.875em;
	line-height: 1.5;
}

section #overlay h4 {
	font-size: 1.25em;
	margin: 20px 0 10px 0;
}

#overlay ul.courses {
	background: linear-gradient(#e3f1ff,#c5dff9);
	border-radius: 3px 3px 3px 3px;
	list-style: none;
	font-size: 0.75em;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 5px;
}

#overlay ul.courses li {
	margin: 0 0 2px 0;
}
#overlay ul.courses li:nth-of-type(1) {
	font-weight: 600;
}

@media screen and (min-width: 768px) {
	#overlay ul.courses {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#overlay ul.courses li {
		width: calc(33.333% - 5px);
	}
	#overlay ul.courses li:nth-of-type(1) {
		width: 100%;
	}
}

/* 'OR' COURSE OPTION DISPLAY */
div.or {
	padding: 0 0 0 35px;
	position: relative;
}
div.or::before {
	color: rgba(0,0,0,0.25);
	content: "OR";
	font-size: 1.5em;
	font-weight: 800;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SIDEBAR  */

.page-evening-college .side-bar {
	font-size: 0.875em;
}

.page-evening-college .side-bar .admission {
	background: linear-gradient(#2f8eed,#204bd6);
	border-radius: 5px 5px 5px 5px;
	color: #fffff0;
	padding: 10px 10px 10px 10px;
}

.page-evening-college .side-bar section h3 {
	font-size: 1.25em;
	font-weight: 800;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.page-evening-college .side-bar section h4 {
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 0;
}
.page-meet-us #site-content form h4,
/*.page-highway-careers #site-content form h4,*/
.page-msopenhouse #site-content form h4 {
	margin-top: 0;
}

.page-evening-college .side-bar section i {
	padding: 0 6px 0 0;
}

.page-evening-college #site-content .side-bar section.admission > p a {
	border: none;
	color: #ffd659;
	text-decoration: underline;
	transition: all 0.5s ease-in-out;
}
.page-evening-college #site-content .side-bar section.admission > p a:hover {
	color: #fffff0;
}


/* PREVIOUS PLANS */

.page-evening-college .side-bar .previous-plans {
	background: linear-gradient(#e3f1ff,#c5dff9);
	border: 3px solid #7893ad;
	border-radius: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	margin: 20px 0 0 0;
}
	


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SIDEBAR - REGISTRATION FORM  */

.page-meet-us .vfbp-form .vfb-required-asterisk,
.page-work-expo .vfbp-form .vfb-required-asterisk,
/*.page-highway-careers .vfbp-form .vfb-required-asterisk,*/
.page-msopenhouse .vfbp-form .vfb-required-asterisk {
	color: #f5d243;
}

.page-template-blank-slate.page-meet-us .vfbp-form,
.page-template-blank-slate.page-work-expo .vfbp-form,
/*.page-template-blank-slate.page-highway-careers .vfbp-form,*/
.page-template-blank-slate.page-msopenhouse .vfbp-form {
	width: 100%;
}

.page-meet-us .vfbp-form,
.page-work-expo .vfbp-form,
/*.page-highway-careers .vfbp-form,*/
.page-msopenhouse .vfbp-form {
	background: linear-gradient(#21669c,#1d99b3);
}

.page-meet-us .vfbp-form > div,
.page-work-expo .vfbp-form > div,
/*.page-highway-careers .vfbp-form > div,*/
.page-msopenhouse .vfbp-form > div {
	background: rgba(255,255,255,0.2);
	color: #ffffff;
}

/* SUBMIT BUTTON */
.page-meet-us .vfbp-form .btn,
.page-work-expo .vfbp-form .btn,
/*.page-highway-careers .vfbp-form .btn,*/
.page-msopenhouse .vfbp-form .btn {
	background: linear-gradient(to bottom right,#f5d243,#d89803);
	color: #252525;
}


@media screen and (min-width: 768px) {
	.page-meet-us .vfbp-form .btn,
	/*.page-highway-careers .vfbp-form .btn,*/
	.page-msopenhouse .vfbp-form .btn {
		width: 100%;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  ENROLL NOW  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

.enrollment-calendar {
	background-color:#dddddd;
	display:none;
	float:left;
	font-size:0.875em;
	margin:0 10px 30px 0;
	padding:2px 2px 2px 2px;
	position:relative;
	width:-webkit-calc(50% - 10px);
	width:calc(50% - 10px);
}
.enrollment-calendar:after {
	clear:both;
	content:"";
	display:table;
}

.enrollment-calendar p {
	margin:10px 10px 10px 10px;
	height:20px;
}

.enrollment-calendar section {
	float:left;
	width:14.285%;
	
	background-color:rgba(255,0,0,0.1);
}

.enrollment-calendar section h4 {
	background-color:#f7f7f7;
	border:1px solid #ffffff;
	font-size:0.875em;
	margin:0 0 0 0;
	padding:6px 2px 6px 2px;
	text-align:center;
	text-transform:uppercase;
}
.enrollment-calendar section h4 span {
	display:none;
}

.enrollment-calendar section > div {
	border:1px solid #ffffff;
	height:100px;
	padding:5px 2px 2px 2px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
}
.enrollment-calendar section:nth-of-type(1) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(1) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(1) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(1) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(2) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(2) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(2) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(3) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(4) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(5) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(6) div:nth-of-type(1),
.enrollment-calendar section:nth-of-type(7) div:nth-of-type(1) {
	background-color:#ffd659;
}
.enrollment-calendar section:nth-of-type(2) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(3) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(3) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(4) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(4) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(5) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(5) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(6) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(6) div:nth-of-type(3),
.enrollment-calendar section:nth-of-type(7) div:nth-of-type(2),
.enrollment-calendar section:nth-of-type(7) div:nth-of-type(3) {
	background-color:#21669c;
	color:#ffffff;
}
.enrollment-calendar section:nth-of-type(3) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(4) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(5) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(6) div:nth-of-type(4),
.enrollment-calendar section:nth-of-type(7) div:nth-of-type(4) {
	background-color:#1ba965;
	color:#ffffff;
}
#peoria.enrollment-calendar section:nth-of-type(7) div:nth-of-type(2),
#peoria.enrollment-calendar section:nth-of-type(7) div:nth-of-type(3) {
	background-color:#ffd659;
	color:#252525;
}

.enrollment-calendar section > div > em {
	bottom:5px;
	display:block;
	font-size:0.688em;
	font-style:normal;
	left:50%;
	position:absolute;
	text-align:center;
	text-transform:lowercase;
	transform:translateX(-50%);
	width:100%;
}

.enrollment-calendar section > div > strong {
	display:block;
	color:#ffd659;
	padding:10px 0 0 0;
}


@media screen and (min-width:768px) {
	#mobile-calendar {
		display:none;
	}
	
	.enrollment-calendar {
		display:block;
	}
}


@media screen and (min-width:1280px) {
	.enrollment-calendar section h4 span {
		display:inline;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  FLOATING DIVs  */

.enrollment-calendar > div {
	background-color:#164569;
	border:2px solid #ffffff;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	color:#ffffff;
	font-size:0.875em;
	padding:5px 0 5px 0;
	position:absolute;
	text-align:center;
}
.enrollment-calendar > div:nth-of-type(1) {
	left:35.7125%;
	top:210px;
	width:57.14%;
}
#peoria.enrollment-calendar > div:nth-of-type(1) {
	width:42.855%;
}
.enrollment-calendar > div:nth-of-type(2) {
	left:21.4275%;
	top:310px;
	width:71.425%;
}
#peoria.enrollment-calendar > div:nth-of-type(2) {
	width:57.14%;
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  COLOR KEY  */

#key {
	clear:left;
	display:none;
	font-size:0.75em;
	margin:0 0 10px 0;
}

#key p > span {
	background-color:#ffd659;
	display:inline-block;
	margin:0 5px 0 10px;
	padding:0 8px 0 8px;
}
#key p > span:nth-of-type(2) {
	background-color:#1ba965;
	margin-left:25px;
}


@media screen and (min-width:768px) {
	#key {
		display:block;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  STRATEGIC PLANNING  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */


@media screen and (min-width:768px) {
	#team-charters.compartments section,
	#strategic-speakers.compartments section {
		float:left;
		margin:0 0 10px 10px;
		position:relative;
		width:-webkit-calc(50% - 5px);
		width:calc(50% - 5px);
	}
	#team-charters.compartments section {
		min-height:400px;
	}
	#team-charters.compartments section:nth-of-type(odd),
	#strategic-speakers.compartments section:nth-of-type(odd) {
		clear:left;
		margin-left:0;
	}
}


@media screen and (min-width:1024px) {
	#team-charters.compartments section,
	#strategic-speakers.compartments section {
		width:-webkit-calc(33.333% - 7.667px);
		width:calc(33.333% - 7.667px);
	}
	#team-charters.compartments section:nth-of-type(odd),
	#strategic-speakers.compartments section:nth-of-type(odd) {
		clear:none;
		margin-left:10px;
	}
	#team-charters.compartments section:nth-of-type(3n+1),
	#strategic-speakers.compartments section:nth-of-type(3n+1) {
		clear:left;
		margin-left:0;
	}
}


@media screen and (min-width:1280px) {
	#team-charters.compartments section {
		min-height:345px;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  APPRENTICESHIP  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

#apprenticeship h1,
#apprenticeship-application h1,
#apprenticeship-testing h1 {
	display:block !important;
	font-size:1.25em;
	font-weight:700;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:uppercase;
}

#apprenticeship h2,
#apprenticeship-application h2,
#apprenticeship-testing h2 {
	color:#00537f;
	font-size:1.875em;
	font-weight:300;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#apprenticeship h3 {
	font-size:1.5em;
	font-weight:400;
	margin-top:50px !important;
}

#apprenticeship > section:not(:first-of-type) p a,
#apprenticeship-application > section:not(:first-of-type) p a,
#apprenticeship-testing > section:not(:first-of-type) p a {
	border-bottom:1px dotted;
}
#apprenticeship > section:not(:first-of-type) p a:hover,
#apprenticeship-application > section:not(:first-of-type) p a:hover,
#apprenticeship-testing > section:not(:first-of-type) p a:hover {
	border-bottom-style:solid;
}

#apprenticeship strong {
	font-weight:600;
}

#apprenticeship > section > div,
#apprenticeship-application > section > div,
#apprenticeship-testing > section > div {
	margin:0 auto;
	max-width:1200px;
	padding:0 20px 0 20px;
	width:100%;
}


@media screen and (min-width:768px) {
	#apprenticeship h1,
	#apprenticeship-application h1,
	#apprenticeship-testing h1 {
		font-size:1.875em;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  APPRENTICESHIP HEADER  */

#apprenticeship #app-header {
	background-image:url(/wp-content/uploads/apprenticeship-header-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:675px;
	padding:20px 0 80px 0;
}

#apprenticeship #app-header > div,
#apprenticeship-application #app-header > div,
#apprenticeship-testing #app-header > div {
	color:#ffffff;
	height:100%;
}

#apprenticeship #app-header #brand,
#apprenticeship-application #app-header #brand,
#apprenticeship-testing #app-header #brand {
	background-image:url(/wp-content/uploads/apprenticeship-icc-brand.png);
	background-repeat:no-repeat;
	height:70px;
	margin:0 0 40px 0;
	width:300px;
}

#apprenticeship #app-header p:nth-of-type(1) {
	font-size:1.25em;
	font-weight:300;
	line-height:1.5;
}

#apprenticeship #app-header p:nth-of-type(2) {
	font-size:1em;
	font-weight:300;
	line-height:1.5;
}

#apprenticeship #app-header a {
	background-color:#078c72;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	color:#ffd659;
	font-size:0.857em;
	padding:2px 10px 5px 10px;
	transition:all 0.5s ease-in-out;
}
#apprenticeship #app-header a:hover {
	background-color:#ffffff;
	color:#00537f;
	transition:all 0.5s ease-in-out;
}


@media screen and (min-width:768px) {
	#apprenticeship #app-header #brand,
	#apprenticeship-application #app-header #brand,
	#apprenticeship-testing #app-header #brand {
		margin-bottom:75px;
	}
	
	#apprenticeship #app-header p:nth-of-type(1) {
		font-size:1.875em;
		line-height:1.7;
	}
	
	#apprenticeship #app-header p:nth-of-type(2) {
		font-size:1.286em;
		line-height:1.7;
	}
}



/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  APPRENTICESHIP SECTIONS  */

#apprenticeship > section,
#apprenticeship-application > section,
#apprenticeship-testing > section {
	padding:25px 0 25px 0;
}

#apprenticeship > section > div p,
#apprenticeship-application > section > div p {
	max-width:750px;
	width:100%;
}
#apprenticeship > section:not(:first-of-type) > div h2,
#apprenticeship > section:not(:first-of-type) > div h3,
#apprenticeship > section:not(:first-of-type) > div p,
#apprenticeship-application > section:not(:first-of-type) > div h2,
#apprenticeship-application > section:not(:first-of-type) > div p,
#apprenticeship-testing > section:not(:first-of-type) > div h2/*,
#apprenticeship-testing > section:not(:first-of-type) > div h3*/ {
	margin:0 auto 20px auto;
	text-align:center;
}
#apprenticeship > section:not(:first-of-type) > div p,
#apprenticeship-application > section:not(:first-of-type) > div p,
#apprenticeship-testing > section:not(:first-of-type) > div p {
	font-size:0.875em;
	line-height:2;
}

#apprenticeship > section:nth-of-type(3) {
	background-color:#dddddd;
	padding:40px 0 40px 0;
}

#apprenticeship > section:not(:first-of-type) > div form {
	margin:0 auto 20px auto;
	max-width:750px;
	width:100%;
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  PROGRAMS OFFERED  */

ul.programs {
	color: #078c72;
	font-size: 1em;
	font-weight: 600;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

ul.programs li {
	margin: 0 0 10px 0;
}

@media screen and (min-width: 768px) {
	ul.programs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 700px;
		margin: 0 auto 20px auto;
	}
	ul.programs:nth-of-type(1) {
		height: 160px;
	}
	
	ul.programs li {
		width: calc(50% - 10px);
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  OPEN HOUSE  */

/*#open-house {
	background-color:#078c72;
	background-image:url(/wp-content/uploads/homepage-slider-openhouse-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	margin:40px auto 40px auto;
	padding:10px 10px 10px 10px;
	width:800px;
}
#open-house:after {
	clear:both;
	content:"";
	display:table;
}

#open-house > div {
	background-color:rgba(255,255,255,0.8);
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	float:right;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	width:33.333%;
}

#open-house > div > p {
	line-height:1.4 !important;
}*/


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  REQUIREMENTS and APPLYING PROCESS  */

#apprenticeship > section#apply > div > ul {
	list-style:none;
	margin:40px 0 0 0;
	overflow:auto;
	padding:0 0 0 0;
}

#apprenticeship > section#apply > div > ul li {
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	margin:0 0 20px 0;
	overflow:hidden;
	text-align:center;
}
#apprenticeship > section#apply > div > ul li:nth-of-type(1) {
	background-color:#07188c;
}
#apprenticeship > section#apply > div > ul li:nth-of-type(2) {
	background:#00537f;
	background:-moz-linear-gradient(left,#07188c 0%,#00537f 100%);
	background:-webkit-linear-gradient(left,#07188c 0%,#00537f 100%);
	background:linear-gradient(to right,#07188c 0%,#00537f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07188c',endColorstr='#00537f',GradientType=1);
}
#apprenticeship > section#apply > div > ul li:nth-of-type(3) {
	background-color:#21669c;
}
#apprenticeship > section#apply > div > ul li:nth-of-type(4) {
	background:#00537f;
	background:-moz-linear-gradient(left,#00537f 0%,#078c72 100%);
	background:-webkit-linear-gradient(left,#00537f 0%,#078c72 100%);
	background:linear-gradient(to right,#00537f 0%,#078c72 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00537f',endColorstr='#078c72',GradientType=1);
}
#apprenticeship > section#apply > div > ul li:nth-of-type(5) {
	background-color:#078c72;
}
#apprenticeship > section#apply > div > ul li:hover:nth-of-type(3),
#apprenticeship > section#apply > div > ul li:hover:nth-of-type(4) {
	cursor:default;
}

#apprenticeship > section#apply > div > ul li a {
	background-color:rgba(0,83,127,0);
	color:#ffffff;
	display:block;
	font-size:0.75em;
    height: auto;
	font-weight:300;
	padding:15px 15px 15px 15px;
	transition:all 0.5s ease-in-out;
}

#apprenticeship > section#apply > div > ul li a:hover {
	background-color:rgba(0,83,127,1);
	color:#ffd659;
	transition:all 0.5s ease-in-out;
}

#apprenticeship > section#apply > div > ul li a strong {
	display: block;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}


@media screen and (min-width:1024px) {
	#apprenticeship > section#apply > div > ul li {
		float:left;
		height:140px;
		width:-webkit-calc(20% - 8px);
		width:calc(20% - 8px);
	}
	#apprenticeship > section#apply > div > ul li:not(:first-of-type) {
		margin-left:10px;
	}
    #apprenticeship > section#apply > div > ul li a {
        height: 100%;
    }
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  PLACEMENT TESTING  */

#apprenticeship-testing .compartments section h3 + ul,
#apprenticeship-testing .compartments section h3 + ol {
	margin-top:30px;
}

#apprenticeship-testing .compartments section ul,
#apprenticeship-testing .compartments section ol {
	padding:0 0 0 20px;
}

#apprenticeship-testing .compartments section ul li,
#apprenticeship-testing .compartments section ol li {
	margin:0 0 10px 0;
}

#apprenticeship-testing .compartments section ul li a,
#apprenticeship-testing .compartments section ol li a {
	border-bottom:1px dotted;
}
#apprenticeship-testing .compartments section ul li a:hover,
#apprenticeship-testing .compartments section ol li a:hover {
	border-bottom-style:solid;
}

#apprenticeship-testing .compartments section hr {
	border:none;
	border-top:10px solid #ffffff;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
}

@media screen and (min-width:768px) {
	#testing.compartments section {
		float:left;
		margin-left:10px;
		position:relative;
		width:-webkit-calc(33.333% - 6.667px);
		width:calc(33.333% - 6.667px);
	}
	/*#testing.compartments section {
		height:455px;
	}*/
	#testing.compartments section:nth-of-type(3n+1) {
		clear:left;
		margin-left:0;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  FOOTER  */

#app-footer {
	background:#00537f;
	background:-moz-linear-gradient(-45deg,#07188c 0%,#00537f 50%,#078c72 100%);
	background:-webkit-linear-gradient(-45deg,#07188c 0%,#00537f 50%,#078c72 100%);
	background:linear-gradient(135deg,#07188c 0%,#00537f 50%,#078c72 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07188c',endColorstr='#078c72',GradientType=1);
	padding:25px 0 25px 0;
}

#app-footer a {
	color:#ffffff;
	transition:all 0.5s ease-in-out;
}
#app-footer a:hover {
	color:#ffd659;
	transition:all 0.5s ease-in-out;
}

#app-footer > div > div {
	color:#ffffff;
	height:150px;
	margin:20px 10px 20px 10px;
	padding:20px 20px 20px 20px;
	text-align:center;
	width:100%;
}

#app-footer > div > div:first-of-type {
	background-image:url(/wp-content/uploads/apprenticeship-full-logo.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#app-footer > div > div i {
	font-size:1.5em;
	padding:0 0 0 5px;
}


@media screen and (min-width:768px) {
	#app-footer > div > div {
		float:left;
		text-align:left;
		width:-webkit-calc(50% - 20px);
		width:calc(50% - 20px);
	}
	
	#app-footer > div > div:first-of-type {
		background-position:right top;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  ADMISSIONS FORM  */

#apprenticeship-application #app-header,
#apprenticeship-testing #app-header {
	background:#00537f;
	background:-moz-linear-gradient(-45deg,#07188c 0%,#00537f 50%,#078c72 100%);
	background:-webkit-linear-gradient(-45deg,#07188c 0%,#00537f 50%,#078c72 100%);
	background:linear-gradient(135deg,#07188c 0%,#00537f 50%,#078c72 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07188c',endColorstr='#078c72',GradientType=1);
	padding:25px 0 25px 0;
}

#apprenticeship-application form {
	margin:40px auto 40px auto;
	width:75%;
}

#apprenticeship-application form h3 {
	padding:30px 0 0 0;
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  VISUAL FORM BUILDER PRO

The plan is to, eventually, move all forms to have this look 'n feel but, for now, just calling out this form.  */

.vfbp-form {
	background: linear-gradient(#e0e0e0,#efefef);
	border-radius: 5px 5px 5px 5px;
	padding: 20px 20px 20px 20px;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.vfbp-form > div {
	background: rgba(255,0,0,0.1);
	background: #ffffff;
	border-radius: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}


@media screen and (min-width: 1024px) {
	.page-template-blank-slate .vfbp-form {
		width: 66.666%;
	}
}


/* ANNOYING THINGS THAT MUST BE HIDDEN BECAUSE VFB DOESN'T UNDERSTAND HTML5 AND CSS3 */
.vfb-clearfix,
.vfb-clearfix::after,
.vfb-clearfix::before,
div.vfb-form-group + .vfb-fieldType-heading,
.vfb-row::after,
.vfb-row::before {
	display: none;
}


/* HEADINGS */
.vfbp-form .vfb-form-group {
	margin: 0 0 0 0;
}
.vfbp-form > div.vfb-form-group {
	background: rgba(255,255,255,0);
	margin: 0 0 10px 0;
	width: 100%;
}


/* COLUMNS */
.vfbp-form > .vfb-col-1,
.vfbp-form > .vfb-col-2,
.vfbp-form > .vfb-col-3,
.vfbp-form > .vfb-col-4,
.vfbp-form > .vfb-col-5,
.vfbp-form > .vfb-col-6,
.vfbp-form > .vfb-col-7,
.vfbp-form > .vfb-col-8,
.vfbp-form > .vfb-col-9,
.vfbp-form > .vfb-col-10,
.vfbp-form > .vfb-col-11,
.vfbp-form > .vfb-col-12 {
	margin: 0 0 20px 0;
	width: 100%;
}

@media screen and (min-width: 1024px) {	
	.vfbp-form > .vfb-col-1,
	.vfbp-form > .vfb-col-2,
	.vfbp-form > .vfb-col-3 {
		width: calc(33.333% - 10px);
	}
	.vfbp-form > .vfb-col-4,
	.vfbp-form > .vfb-col-5,
	.vfbp-form > .vfb-col-6 {
		width: calc(50% - 10px);
	}
	.vfbp-form > .vfb-col-7,
	.vfbp-form > .vfb-col-8,
	.vfbp-form > .vfb-col-9 {
		width: calc(66.666% - 10px);		
	}
	.vfbp-form > .vfb-col-10,
	.vfbp-form > .vfb-col-11,
	.vfbp-form > .vfb-col-12 {
		width: 100%;
	}
}


/* ROW */
.vfb-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 0 0;
}

.vfb-row > div {
	padding: 0 0 0 0;
	width: 100%;
}

.vfb-row > div .vfb-checkbox,
.vfb-row > div .vfb-radio {
	margin: 5px 0 5px 0;
	width: 100%;
}

.vfb-row > div + div .vfb-checkbox:first-of-type,
.vfb-row > div + div .vfb-radio:first-of-type {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	/* very stupid that vfb thinks col-4 is 3 columns instead of col-3 */
	.vfb-row .vfb-col-4 {
		width: calc(33.333% - 10px);
	}
	
	.vfb-row .vfb-col-6 {
		width: calc(50% - 10px);
	}
	
	.vfb-row > div + div .vfb-checkbox:first-of-type,
	.vfb-row > div + div .vfb-radio:first-of-type {
		margin-top: 5px;
	}
}


/* LABEL */
.vfbp-form label {
	display: block;
	font-size: 0.875em;
	font-weight: 600;
	margin: 0 0 5px 5px;
}

.vfbp-form .vfb-fieldType-instructions label {
	margin-left: 0;
}

.vfbp-form .vfb-help-block {
	 color: #eeeeee; 
	font-size: 0.75em;
	font-style: italic;
	margin: 5px 0 0 5px;
}


/* INLINE RADIO/CHECKBOX GROUP

Primarly use with 'yes' or 'no' questions. While we allow it to wrap, try to avoid this. */
.vfb-inline-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.vfbp-form .vfb-inline-group .vfb-checkbox,
.vfbp-form .vfb-inline-group .vfb-radio {
	float: none;
	margin: 5px 0 5px 0;
	width: 100%;
}

/* override of current css and not needed when this goes global */
.vfbp-form .vfb-radio > label,
.vfbp-form .vfb-checkbox > label {
	font-weight: 400;
}

@media screen and (min-width: 768px) {
	.vfbp-form .vfb-inline-group .vfb-checkbox,
	.vfbp-form .vfb-inline-group .vfb-radio {
		width: fit-content;
		margin-right: 20px;
	}
}


/* SUBMIT BUTTON */
.vfbp-form > div.vfb-fieldType-submit {
	background: none;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

.vfbp-form .btn-primary {
	background: #21669c;
	background: linear-gradient(#21669c,#1b5682);
}

.vfbp-form .btn {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	color: #ffd659;
	cursor: pointer;
	font-size: 0.875em;
	font-weight: 600;
	outline: none;
	padding: 8px 10px 8px 10px;
	text-transform: uppercase;
	width: 100%;
}

@media screen and (min-width: 768px) {
	/* .vfbp-form .btn {
		width: calc(50% - 10px);
	} */
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  PEORIA SUMMIT REGISTRATION  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

.page-peoria-summit h1 {
	background-image: url(https://icc.edu/wp-content/uploads/featured-image-peoriaSummitLogo.jpg);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	height: 125px;
	text-indent: -9999px;
}

.peoria-summit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.peoria-summit h4 {
	font-weight: 600;
}

.peoria-summit a {
	color: #dddddd;
}

.peoria-summit > section {
	background-color: #1ba965;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	font-size: 0.875em;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 10px;
	text-align: center;
	width: 100%;
}

.peoria-summit.schedule ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.peoria-summit.schedule ul li:nth-of-type(odd) {
	font-weight: 600;
	width: 100%;
}
.peoria-summit.schedule ul li:nth-of-type(even) {
	margin: 0 0 10px 0;
	width: 100%;
}

.peoria-summit.speakers > section > img {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}


@media screen and (min-width:768px) {
	.page-peoria-summit h1 {
		background-size: 750px auto;
		height: 230px;
	}
	
	.peoria-summit > section {
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
	}
}

/*	››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  SlideReveal OVERLAY  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

	#overlay {
		background-color: #ffffff;
		overflow: scroll;
		padding: 20px 20px 20px 20px;
		width: 80% !important;
	}
	
	
	@media screen and (min-width: 768px) {
		#overlay {
			width: 50% !important;
		}
	}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  WORKFORCE EQUITY INITIATIVE  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

/*.page-wep h1 {
	display: block;
}

.copy > div {
	background-color: #f5f6fa;
	margin: 0 0 10px 0;
}

.copy > div > h3 {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 1.5em;
	font-weight: 300;
	justify-content: space-between;
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
	text-transform: uppercase;
}
.copy > div > h3:hover {
	background-color: #dcdde0;
	transition: background 0.5s ease-in-out;
}

.copy > div > h3 i {
	padding: 0 0 0 15px;
}

.show {
	display: none;
	padding: 15px 15px 15px 15px;
}

.page-wep.page-template-landing #site-content .show > p {
	margin: 20px 0 0 0;
}
.page-wep.page-template-landing #site-content .show > p:first-of-type {
	margin-top: 0;
}*/




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  ILLINOIS PACE POSTSECONDARY AND CAREER EXPECTATIONS  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

.page-pace .container > h1 {
	display: none;
}

.page-pace #site-content > h1 {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

.intro {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 20px 0;
}

#site-content div.intro > p {
	margin: 0 0 0 0;
	width: 66.666%;
}

.pace-logo {
	background-image: url(https://icc.edu/wp-content/uploads/pace-logo.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0 0 20px;
	width: 33.333%;
}


@media screen and (min-width: 768px) {
	.page-template-landing.page-pace #site-content {
		flex-wrap: wrap;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  GRADE INFORMATION  */

.pace {
	margin: 20px 0 0 0;
}

.pace > div:nth-of-type(1) > h3 {
	background-color: #71ad4b;
}
.pace > div:nth-of-type(2) > h3 {
	background-color: #46b454;
}
.pace > div:nth-of-type(3) > h3 {
	background-color: #3fba8f;
}
.pace > div:nth-of-type(4) > h3 {
	background-color: #41aebe;
}
.pace > div:nth-of-type(5) > h3 {
	background-color: #4970b6;
}

.copy.pace > div > h3 {
	color: #ffffff;
	font-weight: 600;
	text-transform: none;
}

.page-pace.page-template-landing #site-content .pace h4 {
	font-size: 1.125em;
	font-weight: 600;
	margin: 40px 0 0 0;
	text-transform: none;
}
.page-pace.page-template-landing #site-content .pace .show h4:first-of-type {
	margin-top: 0;
}

.page-pace.page-template-landing #site-content .pace .show p {
	line-height: normal;
	margin: 20px 0 0 0;
	padding: 0 0 0 60px;
	position: relative;
}

.pace .show p .markers {
	align-items: center;
	display: flex;
	height: 22px;
	justify-content: flex-end;
	left: 0;
	position: absolute;
	width: 50px;
}

.pace .icc {
	background-color: #21669c;
	background-image: url(https://icc.edu/wp-content/uploads/icc-icon-logo-white.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
	border: 2px solid rgba(255,255,255,0.25);
	border-radius: 50% 50% 50% 50%;
	height: 25px;
	margin: 0 10px 0 0;
	width: 25px;
}

.pace .career,
.pace .education,
.pace .financial {
	border-radius: 50% 50% 50% 50%;
	height: 10px;
	width: 10px;
}
.pace .career {
	background-color: rgba(255,172,77,0.9);
}
.pace .education {
	background-color: rgba(20,181,74,0.9);
}
.pace .financial {
	background-color: rgba(219,86,24,0.9);
}

.pace .show p a {
	text-decoration: underline;
}


@media screen and (min-width: 768px) {
	.page-pace.page-template-landing #site-content > div:first-of-type,
	.page-pace.page-template-landing #site-content > div:last-of-type {
		width: 100%;
	}
}


@media screen and (min-width: 1024px) {
	.page-pace.page-template-landing #site-content > div:first-of-type {
		/*width: calc(66.666% - 40px);*/
		width: calc(100% - 360px);
	}
	.page-pace.page-template-landing #site-content > div:last-of-type {
		/*width: calc(33.333% - 40px);*/
		width: 320px; 
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  PARTNER LOGOS  */

.partner-id {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.partner-id > div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 66.666%;
	height: 100px;
	width: 50%;
}
.partner-id > div.isac-logo {
	background-image: url(https://icc.edu/wp-content/uploads/isac-logo.png);
}
.partner-id > div.isbe-logo {
	background-image: url(https://icc.edu/wp-content/uploads/illinoisStateBoardOfEducation-logo.png);
}
.partner-id > div.iccb-logo {
	background-image: url(https://icc.edu/wp-content/uploads/iccb-logo.png);
}
.partner-id > div.ibhe-logo {
	background-image: url(https://icc.edu/wp-content/uploads/ibhe-logo.jpg);
}


@media screen and (min-width: 768px) {
	.partner-id > div {
		width: 150px;
	}
}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  KEY CIRCLES  */

.circles {
	height: 300px;
	margin: 0 auto 0 auto;
	position: relative;
	width: 320px;
}

.circles > div {
	align-items: center;
	border: 2px solid #ffffff;
	border-radius: 50% 50% 50% 50%;
	color: #ffffff;
	display: flex;
	font-size: 0.75em;
	height: 175px;
	justify-content: center;
	padding: 30px 30px 30px 30px;
	position: absolute;
	text-align: center;
	width: 175px;
	z-index: 0;
}
.circles > div:nth-of-type(1) {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.circles > div:nth-of-type(2) {
	left: 0;
	top: 125px;
}
.circles > div:nth-of-type(3) {
	right: 0;
	top: 125px;
}
.circles > div:hover {
	cursor: help;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}
.circles .big-career {
	background-color: rgba(255,172,77,0.8);
	transition: all 0.5s ease-in-out;
}
.circles .big-career:hover {
	background-color: rgba(255,172,77,1);
}
.circles .big-financial {
	background-color: rgba(219,86,24,0.8);
}
.circles .big-financial:hover {
	background-color: rgba(219,86,24,1);
}
.circles .big-education {
	background-color: rgba(20,181,74,0.8);
}
.circles .big-education:hover {
	background-color: rgba(20,181,74,1);
}


@media screen and (min-width: 768px) {
	.circles {
		margin: 0 0 0 0;
	}
}




/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  INTERNATIONAL EDUCATION WEEK  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

.panelist:not(:first-of-type) {
	border-top: 3px solid #eeeeee;
	margin-top: 20px;
	padding: 20px 0 0 0;
}
.panelist::after {
	clear: both;
	content: "";
	display: table;
}


@media screen and (min-width: 768px) {
	.panelist > div:first-of-type {
		float: right;
		margin: 35px 0 20px 20px;
	}
}

/*  ››››››››››››››››››››››››››››››››››››››››
	››››››››››››››››››››››››››››››››››››››››  Student Success Story  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */

	.page-template-studentstory.page-studentstory #site-content > div {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.page-template-studentstory.page-studentstory #site-content > h2 {
		order: 1;
		margin: 40px 0 10px 0;
		width: 100%;
	}

	.page-template-studentstory #site-content .student-success-content {
/*		height: 100%;*/
	}

	.page-template-studentstory #site-content .student-success-img {
/*		height: 100%;*/
		margin-top: 0 !important;
	}

    .page-template-studentstory #site-content .student-success-img img {
        max-height: 400px;
/*        width: 100%;*/
    }

	.page-template-studentstory #site-content .student-success-img div {
		background-color: #f7f7f7;
		font-weight: 300;
		margin: 30px 0 10px 0;
		padding: 10px 10px 10px 10px;
	}

	.page-template-studentstory.page-studentstory #site-content p:empty {
		display:none;
	}

	.page-template-studentstory #site-content .student-success-img div p {
		margin: 5px 0;
	}


    .more-success-stories {
        order: -2;
        width: (100% - 40px);
    }    

    .more-success-stories p:first-of-type {
        font-size: 1.2em;
        font-weight: 600;
    }

    .more-success-stories ul{
        list-style: none;
        padding: 0px;
    }

    .more-success-stories ul li a {
        align-items: center;
        background: #f7f7f7;
        display: flex;
        margin: 10px 0 0 0;
/*        padding: 0 10px 0 0;*/
    }
        .more-success-stories ul li span:first-of-type {
            background-size:cover;
            background-position:center center;
            display:block;
            height:80px;
            width:80px;    
        }

        .more-success-stories ul li span + span {
            padding: 0 10px 0 15px;  
            overflow: hidden;
            width: calc(100% - 80px);
        }

	@media screen and (min-width: 768px) {
        
        .more-success-stories {
            margin: 0 auto 0 0;
            order: initial;
            width: calc(50% - 20px);
        }   

		.page-template-studentstory.page-studentstory #site-content > h2 {
			order: 0;
		}

		.page-template-studentstory.page-studentstory #site-content > div {
			flex-direction: row-reverse;
		}
	}


/*  ››››››››››››››››››››››››››››››››››››››››
    ››››››››››››››››››››››››››››››››››››››››  END  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  ‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹‹  */