/* 
Purpose: Main Stylesheet
Author: Schoolcraft College
*/

/* --------------------------------------------------------------
>>>>> TABLE OF CONTENTS
-----------------------------------------------------------------
# HTML AND BODY
# SKIP TO CONTENT
# TYPOGRAPHY
# ELEMENTS
# MASTHEAD
	## QUICKLINKS
	## SEARCH BAR
# MAIN NAVIGATION
	## MEGAMENU CANT FIND IT ROW
	## MEGAMENU MESSAGE ROW
# OFF-CANVAS
	## OC SEARCH
	## OC NAVIGATION
# SIDE NAVIGATION
	## MOBILE ACCORDIAN
# CONTENT AREA CONTAINERS
# CONNECT WITH CONTENT AREA
	## SOCIAL MEDIA ICONS
	## CHEVRON
	## COLUMN BASE STYLES
	## COLUMN EVENTS
	## COLUMN NEWS
	## COLUMN LINKS
	## COLUMN BUTTONS
# FOOTER
	## FOOTER LINKS ROW
	## FOOTER CONTACT ROW
	## FOOTER LOGOS ROW
# HOME PAGE HEADER HERO
# MISC
	## ALIGNMENTS
# IFRAME FOR GE
# SC WIDGETS
---------------------------------------------------------------*/


@import url("patterns.css");
@import url("academics.css");
@import url("print.css");


/* --------------------------------------------------------------
# HTML AND BODY
-------------------------------------------------------------- */
	html {
		font: "Jaldi", sans-serif;
		color: #555;
		text-rendering: optimizeLegibility;
	}

	body {
		background: url("../Images/bg-strip-body.png") repeat-x #f0f0f0;
        background-attachment: fixed;
		font: "Jaldi", sans-serif;
		font-size: 19px;
		color: #555;
		line-height: normal; /* Important! Stops page from having two scrollbars. Overrides foundation. */
		text-rendering: optimizeLegibility;
    	-webkit-font-smoothing: antialiased;
	}


/* --------------------------------------------------------------
# SKIP TO CONTENT - ACCESSIBILITY
-------------------------------------------------------------- */
	#skip-to-content a {
		position: absolute;
		top: -60px;
		left: 0px;
		color: #fff;
		border-right: 4px solid #cc8a00;
		border-bottom: 4px solid #cc8a00;
		border-bottom-right-radius: 8px;
		background: transparent;
		-webkit-transition: top .7s ease-out, background 1s linear;
	    transition: top .7s ease-out, background 1s linear;
	    padding: 15px;
	    z-index: 100;
	}

	#skip-to-content a:focus {
		position: absolute;
		left: 0px;
		top: 0px;
		background: #002855;
		outline: 0;	
		-webkit-transition: top .7s ease-in, background .5s linear;
	    transition: top .7s ease-in, background .5s linear;
	}


/* --------------------------------------------------------------
# TYPOGRAPHY
-------------------------------------------------------------- */
	#content-main h1 {
		border-bottom: 2px solid #EEE;
		font: bold 1.71rem "Jaldi", sans-serif;
		color: #A07400;
		text-transform: uppercase;
		margin-bottom: 35px;
	}

    #content-main h1 a:hover,
    .section-subtitle a:hover {
		text-decoration: underline;
	}
    #content-main h1:after,
    .section-subtitle:after {
       font: 0.9em FontAwesome;
       font-weight: normal;
       opacity: 0.4;
       content: " \f101";
    }

	h1 {
		font: 2.57rem "Jaldi", sans-serif;
		color: #002855; 
	}

	h2 {
		font: 2.3rem "Jaldi", sans-serif;
		color: #002855;
	}

	h3 {
		font: 1.8rem "Jaldi", sans-serif;
		color: #002855;
		margin-top: 20px;
	}

	h4 {
		font: 1.2rem "Jaldi", sans-serif;
		color: #002855;
		font-weight: bold;
		margin-top: 35px;
	}

	p {
		font: 1.20rem/1.73rem "Jaldi", sans-serif;
		color: #555;
	}

	a {
		color: #966e03;
	}

	a:hover {
		color: #966e03;
		text-decoration: underline;
	}

	p a {
		text-decoration: underline;
	}

	th a {
		color: #555;
		text-decoration: underline;
	}

	th a:hover {
		color: #000;
	}

	#content-main a {
		text-decoration: underline;
	}

	#content-main ul li a {
		text-decoration:underline;
        }

	#content-main ol li a {
		text-decoration:underline;
        }

    	p.small-text {
        	font: 0.8rem/1.0rem "Jaldi", sans-serif;
        	color: #666;
    	}

	.small-icon {
		font-size: .9rem;
	}

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		#content-main {
 			font: 1.10rem/1.63rem "Jaldi", sans-serif;
 		}
 		#content-main > h1 {
 			font-size: 1.41rem;
			margin-bottom: 25px;
 		}
 		h2 {
 			font-size: 2.0rem;
 		}
 		h3 {
 			font-size: 1.70rem;
			line-height: 2.2rem;
 		}
 		h4 {
 			font-size: 1.45rem;
 		}		
 		p {
 			font: 1.10rem/1.63rem "Jaldi", sans-serif;
 		}
 	} 

	/* Small only */
	@media only screen and (max-width: 39.9375em) { 
		h2 {
			font: 2rem "Jaldi", sans-serif;
		}
		h3 {
			font: 1.7rem "Jaldi", sans-serif;
		}
		h4 {
			font: 1.4rem "Jaldi", sans-serif;
		}
	}


/* --------------------------------------------------------------
# ELEMENTS
-------------------------------------------------------------- */
	.button {
		border-radius: 10px;
		font-size: 1.1rem;
		padding: 0 15px 0 15px;
		border: none;

		transition: all 0.3s ease;
	}

	button:hover {
		opacity: .8;
		transition: all 0.3s ease;
	}

	table {
		font-family: 'Jaldi', sans-serif;
	}

	th {
		background: #fee8b6;
		font-weight: bold;
		text-align: left;
		font-size: 1.4rem;
	}

	ul, ol {
		font-family: 'Jaldi', sans-serif;
        	padding-left: 20px;
		margin-bottom: 16px;
	}

	/* Create a list without bullets */
	.no-bullets { padding: 0px; margin: 0px; list-style: none; }

	/* Menu Table */
	table.menu-table tr td:nth-child(2) { width: 20%; text-align: right; }
	table.menu-table tr td:nth-child(2) { width: 20%; text-align: right; }

	.btn-yellow {
		border-radius: 10px;
	    display: inline-block !important;
	    background: #CC8A00;
	    color: #FFFFFF;
	    padding: 7px 15px;
	    font-family: 'Jaldi', sans-serif;
	    text-decoration: none !important;
	    margin: 15px 0 15px 0;
	}

	.btn-yellow:hover, .btn-yellow:focus {
		color: #FFFFFF !important;
		text-decoration: underline !important;
	}

	.bg-grey {
		background: #f4f4f4;
		margin: 20px 0;
		padding: 25px 35px;
	}

	.icon-yellow {
		margin: 15px auto;
		background: #CC8A00;
		color: #FDD26E;
		width: 100px;
		height: 100px;
		border-radius: 100%;
		font-size: 2.7rem;
		text-align: center;
		vertical-align: middle;
		line-height: 100px;
	}

	ul.column-2 {
		columns: auto 2;
		-webkit-columns: auto 2; /* Chrome, Safari, Opera */
    	-moz-columns: auto 2; /* Firefox */
		column-gap: 50px;
	}

	@media screen and (max-width: 39.9375em) {
		ul.column-2 { columns: auto 1; -webkit-columns: auto 1; /* Chrome, Safari, Opera */ -moz-columns: auto 1; /* Firefox */ }
	}


/* --------------------------------------------------------------
# MASTHEAD
-------------------------------------------------------------- */
	#masthead {
		height: 85px;
		margin-top: 65px;
	}

	/* Masthead Mobile Phone View */
	#mobi-masthead {
		vertical-align: middle;
		height: 56px;
		border-bottom: 6px solid #cc8a00;
		background: #002855;
		line-height: 50px;
		color: #fdd26e;
		padding: 0 10px;
	}

    #masthead .column.medium-6 {
        padding: 0px;
    }

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		#masthead img {
 			max-width: 70%;
 		}
 	}
/* --------------------------------------------------------------
## QUICKLINKS
-------------------------------------------------------------- */
	#quick-links, #quick-links a {
		background: none;
		color: #002855;
		font-size: 15px;
		font-weight: 700;
		white-space:nowrap;
		border-bottom: none;
	}

	#quick-links ul {
		list-style: none;
		margin-bottom: 0;
	}

	#quick-links li {
		display: inline;
		padding-left: 28px;
	}

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		#quick-links li {
 			padding-left: 15px;
 		}
 	}

	#quick-links a {
		border: none;
		font: bold 1.05rem "Jaldi", sans-serif;
		color: #002855;
		white-space: nowrap;
	}

  	#quick-links a:hover {
		text-decoration: underline;
		color: #A07400;
	}

	/* Fix for quicklinks disappearing off the right edge */
	@media only screen and (max-width: 759px) {
		#quick-links li {
			padding-left: 13px;
		}
		#quick-links li:first-child {
			padding-left: 0px;
		}
		#quick-links ul {
			margin-left: 0px;
		}
		#masthead .column.medium-6.text-right {
			padding-left: 0px;
		}
	}


/* --------------------------------------------------------------
## SEARCH BAR
-------------------------------------------------------------- */
    /* This is the container where the search box resides in */
    /* SC */
    fieldset#MastheadCPH_T23C7F034027_ctl00_ctl00_main,
    fieldset#MastheadCPH_T508898EB021_ctl00_ctl00_main,
    fieldset#MastheadCPH_TA7BE1C9A006_ctl00_ctl00_main,
    fieldset#MastheadCPH_T887CACF7008_ctl00_ctl00_main,
    fieldset#MastheadCPH_T374C8D4D006_ctl00_ctl00_main,
    
    /* CEPD */
    fieldset#MastheadCPH_TE2B62DF0008_ctl00_ctl00_main,
    fieldset#MastheadCPH_TD76A5546002_ctl00_ctl00_main,
    fieldset#MastheadCPH_TDE17455A001_ctl00_ctl00_main,
    
    /* BDC */
    fieldset#MastheadCPH_TEE6307CB006_ctl00_ctl00_main,
    fieldset#MastheadCPH_T1BCFEA75001_ctl00_ctl00_main,
    fieldset#MastheadCPH_T90EA73F3001_ctl00_ctl00_main,

    /* VT */
    fieldset#MastheadCPH_T70FBBF2A007_ctl00_ctl00_main,
    fieldset#MastheadCPH_T2BB5BA57001_ctl00_ctl00_main,
    fieldset#MastheadCPH_T95233EAF015_ctl00_ctl00_main,

    /* ATHLETICS */
    fieldset#MastheadCPH_T787C364E009_ctl00_ctl00_main,
    fieldset#MastheadCPH_T56C60148003_ctl00_ctl00_main,
    fieldset#MastheadCPH_TE69BE83D003_ctl00_ctl00_main
    {
        float: right;
        width: auto;
    }
    /* This is the search input box*/
    /* SC */
    input#MastheadCPH_T23C7F034027_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T508898EB021_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_TA7BE1C9A006_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T887CACF7008_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T374C8D4D006_ctl00_ctl00_searchTextBox,

    /* CEPD */
    input#MastheadCPH_TE2B62DF0008_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_TD76A5546002_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_TDE17455A001_ctl00_ctl00_searchTextBox,
    
    /* BDC */
    input#MastheadCPH_TEE6307CB006_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T1BCFEA75001_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T90EA73F3001_ctl00_ctl00_searchTextBox,

    /* VT */
    input#MastheadCPH_T70FBBF2A007_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T2BB5BA57001_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T95233EAF015_ctl00_ctl00_searchTextBox, 

    /* ATHLETICS */
    input#MastheadCPH_T787C364E009_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_TE69BE83D003_ctl00_ctl00_searchTextBox,
    input#MastheadCPH_T56C60148003_ctl00_ctl00_searchTextBox
    {
        width: 250px !important;
        float: left;
    }


    /* This is the search button */
    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        height: 39px;
    }

    .search-mobile input[type="submit"] {
        color: #000;
    }

    dt.sfsearchResultTitle {
        border-top: 1px solid #ddd;
        padding: 10px 0;
        margin-top: 50px;
    }
    dd.sfsearchResultUrl {
        font-size: 0.8rem;
        line-height: 1.0rem;
        text-decoration: underline;
    }
    dd.sfsearchResultHighLighter {
        font: 1rem/1.3rem 'Jaldi';
    }

    dt.sfsearchResultTitle a:hover, dd.sfsearchResultUrl a:hover {
        color: #5bc2e7;
    }
    ul.k-list {
        position: relative;
        top: 40px;
        width: 325px;
        background: #fff;
        color: #000;
        list-style: none;
        padding: 10px;
        margin: 0px;
    }
    li.k-item:hover {
        background: #FDD26E;
        text-decoration: underline;
    }
    div#RowMainContentCPH_C003_ctl00_ctl00_pager {
        font-size: 2rem;
        text-align: center;
        margin: 50px;
    }
    div#RowMainContentCPH_C003_ctl00_ctl00_pager a {
        padding: 0 10px;
    }
    div#RowMainContentCPH_C003_ctl00_ctl00_pager a:hover {
        text-decoration: underline;
    }
    a.sf_PagerCurrent {
        color: #000;
        text-decoration: underline;
    }
    .sf_pagerNumeric a {
    
	padding-right: 15px;
    
}

	/* Search Phone View */
	#search-button .fa-lg {
		vertical-align: 10%;
	}
    .search-mobile {
        padding: 40px;
    }


/* --------------------------------------------------------------
# MAIN NAVIGATION
-------------------------------------------------------------- */
	/*This affects the main horizontal links location.*/
	nav#main {
		position: relative;
		width: 100%;
		height: 55px;
		border-bottom: 6px solid #cc8a00;
		background: #002855;
		z-index: 500;
	}

	.nav,
	.nav a,
	.nav ul,
	.nav li,
	.nav div,
	.nav form,
	.nav input {
		margin: 0;
		padding: 0;
	}

	.nav .row {
		margin-left: 0;
		margin-right: 0;
	}
	 
	.nav li {
		list-style: none;
	}

	.nav > li {
		display: block;
		float: left;
		width: 16.66%;
		text-align: center;
		padding: 0;
		margin: 0;	
	}

	.nav > li > button,
	.nav > li > a
	 {
		position: relative;
		display: block;
		height: 54px;
		width: 100%;
		border-bottom: none;
		font: 1.15rem/54px "Jaldi", sans-serif;
	 	color: #fff;
		text-shadow: 0 0 1px rgba(0,0,0,.35);
		padding: 0 20px;
		z-index: 510;
	}

	.nav > li > button:hover,
	.nav > li > a:hover
	 {
		color: #cc8a00;
		font-weight: bold;
		opacity: 1;
		transition: none;
	}
	 
	.nav > li:first-child {
		border-radius: 3px 0 0 3px;
		border-left: none;
	}

	.nav > li > div {
		position: absolute;
		display: block;
		width: 100%;
		top: 50px;
		left: 0;

		border-radius: 0 0 3px 3px;
	}

	.nav-hide {
		opacity: 0;
			visibility: hidden;
			overflow: hidden;
	}

	/*.nav > li:hover > div, */.nav-show {
		opacity: 1;
		visibility: visible;
		overflow: visible;
	}

	.nav .nav-column {
		float: left;
		width: 25%;
		border-top: 6px solid #cc8a00;
		background: #002855;
		text-align: left;
		padding: 2.5%;
	}
	 
	.nav .nav-column h3 {
		font: bold 1.15rem "Jaldi", sans-serif;
		color: #cc8a00;
		text-transform: uppercase;
		margin: 5px 0 5px 0;
	}
	 
	.nav .nav-column li a {
		display: block;
	 	border: none;
		font: 1.1rem/1.3rem "Jaldi", sans-serif;
		color: #5bc2e7;
		padding: 5px 0 5px 0;
	}
	 
	.nav .nav-column li a:hover {
		color: #fff;
		text-decoration: underline;
	}

	#megamenu {
		padding: 0;
	}

	.dropdown-container {
		/* Provides background color for shorter columms. */
		background: #002855;
	}

	/* Creates the arrow effect on hover.
		- li:hover so the mouse can be on the dropdown and the arrow stays.
		- Important: Selects only the a child of the li child of .nav, otherwise would select all a elements.
	*/
	.nav > li:hover > button:after,
	.nav > li:hover > a:after
	 {
	    content: "";
	    display: block;
	    border: 13px solid transparent; /* Adjust for larger or smaller arrow. */
	    border-bottom-color: #cc8a00;
	    position: absolute;
	    bottom: 4px;
	    left: 50%;
	    margin-left: -13px; /* Also adjust. */
	}

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		.nav .nav-column h3 {
 			font-size: 0.95rem;
 		}
 		.nav .nav-column li a {
 			font: 0.99rem/1.6rem "Jaldi", sans-serif;
 		}
 	}
/* --------------------------------------------------------------
## MEGAMENU CANT FIND IT ROW
-------------------------------------------------------------- */
	#megamenu .btn-cant-find-it {
		text-align: right;
		padding: 15px 5% 15px 0;
	}

	#megamenu .btn-cant-find-it button {
		border: 1px solid #555;
		background: #001a2f;
		font: bold 1.1rem "Jaldi", sans-serif;
		font-weight: normal;
		transition: all .3s ease;
	}

	#megamenu .btn-cant-find-it a { color: #fdd26e; }

	#megamenu .btn-cant-find-it .fa-question-circle {
		font: 4em;
		color: #fdd26e;
	}

	#megamenu .btn-cant-find-it button:hover {
		border: 1px solid #fdd26e;
		color: #fdd26e;
		opacity: 1;
		transition: all .3s ease;
	}
/* --------------------------------------------------------------
## MEGAMENU MESSAGE ROW
-------------------------------------------------------------- */
	#megamenu .megamenu-message {
		border-top: 1px solid #555;
		background: #001a2f;
		text-align: left;
		padding: 15px 28% 40px 2%; 
	}

	#megamenu .megamenu-message img.round-image {
		width: 100px; height: 100px;
		border-radius: 50%;
		border: 2px solid #fdd26e;
		margin: 10px 25px 0 0;
	}

	#megamenu .megamenu-message img {
		float: left;
	}

	#megamenu .megamenu-message h4 {
		font: bold 1.65rem/0.9rem "Jaldi", sans-serif !important;
		color: #fdd26e;
	}

	#megamenu .megamenu-message h5 a {
		font: bold 1.3rem "Jaldi", sans-serif !important;
		color: #fff;
	}

	#megamenu .megamenu-message h5 a:hover {
		color: #fdd26e;
		text-decoration: underline;
	}

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		#megamenu .megamenu-message {
 			padding: 15px 20px 40px 20px;
 		}
 	}


/* --------------------------------------------------------------
# OFF-CANVAS
-------------------------------------------------------------- */
	div#mega-menu-off-canvas-cph {
		position: absolute;
		left: 0px;
	}
	
	.off-canvas-content {
		background: none;
		box-shadow: none !important;
	}

	/* 	Changes the overlay on the page content when menu is open.
		Not needed if menu is full width.
		
	.js-off-canvas-exit {
		background: rgba(0, 40, 85, .9);
	}*/

	.off-canvas {
		height: 100%;
		background: #002855;
		color: #fff;
	}

	/* Makes the off-canvas menu full width. */
	.off-canvas.position-left {
		left: -100%;
		width: 100%;
	}

	.is-open-left {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}

	#oc-masthead {
		height: 56px;
		border-bottom: 6px solid #cc8a00;
		line-height: 50px;
		color: #fdd26e;
		vertical-align: middle;
	}
/* --------------------------------------------------------------
## OC SEARCH
-------------------------------------------------------------- */
	#oc-search {
		background: none;
		padding: 15px 10px 15px 10px;
	}

	#oc-search input[type=search] {
		border: 1px solid #ccc;
		max-width: 250px;
	}

	#oc-search input[type=submit] {
		background: #bbb;
	}

	#search-button {
		display: inline-block;
		height: 40px;
		width: 40px;
		border: 1px solid #ccc;
		background: #ccc;
		color: #999;
		text-align: center;
		padding: 8px;
	}

	/* Small only */
	@media only screen and (min-width: 245px) and (max-width: 64em)  {

		#MegaMenuOffCanvasCPH_T23C7F034028_ctl00_ctl00_searchTextBox,
		#MegaMenuOffCanvasCPH_T508898EB025_ctl00_ctl00_searchTextBox,
		#MegaMenuOffCanvasCPH_T887CACF7011_ctl00_ctl00_searchTextBox,
		#MegaMenuOffCanvasCPH_TEE6307CB007_ctl00_ctl00_searchTextBox{
			background: #efefef !important;
			width: 100%;
		}

		#MegaMenuOffCanvasCPH_T23C7F034028_ctl00_ctl00_searchButton,
		#MegaMenuOffCanvasCPH_T508898EB025_ctl00_ctl00_searchButton,
		#MegaMenuOffCanvasCPH_T887CACF7011_ctl00_ctl00_searchButton,
		#MegaMenuOffCanvasCPH_TEE6307CB007_ctl00_ctl00_searchButton{
			float:right;
			width: 50%;
			background: #fdd26e;
			border: none;
		}

	}
/* --------------------------------------------------------------
## OC NAVIGATION
-------------------------------------------------------------- */
	.main-nav-mobile {
		color: #fff;
	}

	.is-accordion-submenu-parent>a:after {
		border-color: transparent transparent transparent;
	}

	.oc-nav {
		font: 1.3rem/1.6rem "Jaldi", sans-serif;
	}

	.oc-nav a {
		border-bottom: none;
		color: #fff;
	}

	.oc-nav > li > .menu.nested {
		border-left: 2px #CC8a00 solid;
		margin-left: 25px; 
	}

	.oc-nav > li > ul > li:first-child > a {
		color: #CC8a00;
		font-size: 1.1rem;
		font-weight: 700;
		text-transform: uppercase;
		padding: 20px 0 0 0;
	}

	.oc-nav > li > ul > li > a {
		padding-left: 0;
		margin: 0 50px 0 15px;
		color: #5bc2e7;
		font-size: 1.2rem;
	}


/* --------------------------------------------------------------
# SIDE NAVIGATION
-------------------------------------------------------------- */
	.side-nav-cont {
		width: 100%;
	}

	.sidenav {
			list-style: none;
			margin-top: 25px;
    }

    ul.sidenav {
        margin: 25px 0 0 0;
        padding: 0 9px 0 25px;
    }

	.sidenav li {
		border-bottom: 1px #eee solid;
		padding: 2px 0 2px 0;
		margin: 0 15px 0 0;
	}

	.sidenav li a {
		font: 1.1rem "Jaldi", sans-serif;
		color: #002855;
		border-bottom: none;
	}

	.sidenav li a:hover {
		color: #A07400;
		text-decoration: underline;
	}

	li.sidenav-title {
		border-bottom: none;
		margin: 50px 0 0 0;
	}

	li.sidenav-title a, li.sidenav-title {
		color: #A07400;
		font-family: 'Jaldi', sans-serif;
		font-size: 1.5rem;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 5px;
	}
/* --------------------------------------------------------------
## MOBILE ACCORDIAN
-------------------------------------------------------------- */
	#mobi-submenu {
		background: #fdd26e; 
		padding: 0; 
		margin: 0;
	}

	#mobi-submenu a {
		font: 1.33rem "Jaldi", sans-serif;
		color: #002855;
	}

	#mobi-submenu > li > ul {
		padding: 0px 1.20rem 3rem 0 !important;
	}

	#mobi-submenu > li > ul > ul > li {
		border-color: #cc8a00;
	}


/* --------------------------------------------------------------
# CONTENT AREA CONTAINERS
-------------------------------------------------------------- */
	#content-wrapper {
		background: #fff;
	}

	#content-sub {
		padding: 0px;
	}

	#content-sub img {
		width: 100%;
	}

	#content-main {
		font: 1.20rem/1.73rem "Jaldi", sans-serif;
		color: #555;
		padding: 50px 50px 10px 68px;
	}

	/* Medium only */
 	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
 		#content-main {
 			font: 1.10rem/1.63rem "Jaldi", sans-serif;
 			padding: 25px;
 		}
 	} 

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		#content-main {
			padding: 25px;
		}
	}

	#content-main a:hover {
		font-weight: bold;
	}

	#content-rows {
	}


/* --------------------------------------------------------------
# CONNECT WITH CONTENT AREA
-------------------------------------------------------------- */
	#connect-with-area {
		background: #fff;
	}

	#connect-with-columns {
		background: #fff;
	}
/* --------------------------------------------------------------
## SOCIAL MEDIA ICONS
-------------------------------------------------------------- */
	.social-media-links {
		position: absolute;
	    width: 100%;
	    margin: auto;
	    z-index: 1000;
	    left: 0;
	}

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		.social-media-links {
			position: relative;
		}
	}

	.social-media-links a .fa {
		border-bottom: none;
		font-size: 30px;
		line-height: 55px;
		vertical-align: middle;
	}

	.social-media-links a {
		display: inline-block;
		width: 57px;
		height: 57px;
		
		border-radius: 100%;
		margin: 0 10px 0 10px;

		background: #002855;
		color: #fff;

		transition: all 0.5s ease;

		/* background: #002855;
		border: 2px solid white;
		color: white;

		transition: background-color 0.7s ease;
		transition: border-color 0.7s ease; */
	}

	.social-media-links a:hover {
		padding-bottom: 0;

		background: #002855;
		color: #FDD26E;

		transition: all 0.5s ease;

		/*background: white;
		border: 2px solid #002855;
		color: #002855;
		
		transition: background-color 0.7s ease;
		transition: border-color 0.7s ease;*/
	}
/* --------------------------------------------------------------
## CHEVRON
-------------------------------------------------------------- */
	#contact-chevron {
		z-index: 99;
		height: 125px;
		width: 100%;
		position: relative;
		top: 125px;
		padding: 0;
		/*
		background-color: #cc8a00;
		-webkit-clip-path: polygon(50% 90%, 100% 0, 100% 0, 50% 100%, 0 0, 0 0);
		clip-path: polygon(50% 90%, 100% 0, 100% 0, 50% 100%, 0 0, 0 0);
		*/
	}

	#contact-chevron-small {
		z-index: 999;
		height: 125px;
		width: 100%;
		position: relative;
		top: 150px;
		padding: 0;
		/*
		background-color: #cc8a00;
		-webkit-clip-path: polygon(50% 90%, 100% 0, 100% 0, 50% 100%, 0 0, 0 0);
		clip-path: polygon(50% 90%, 100% 0, 100% 0, 50% 100%, 0 0, 0 0);
		*/
	}

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		#connect-with-heading {
			margin: auto;
		}

		#contact-us {
			margin-top: 25px;
			padding-left: 25px;
			padding-right: 25px;
			background: #FDD26E;
		}

		#contact-right-1, #contact-right-2, #contact-right-3 {
			padding-left: 25px;
			padding-right: 25px;
		}

        	svg { fill: #fff; }
	}
/* --------------------------------------------------------------
## COLUMN BASE STYLES
-------------------------------------------------------------- */
	#connect-with-heading {
		position: relative;
		top: 127px;
	}
	#contact-us, #contact-right-1, #contact-right-2, #contact-right-3 {
		height: 660px;
		padding: 150px 45px 45px 45px;
		background-color: #f7f7f7;
	}
	#contact-us {
		background: #FDD26E;
		background-size: 100% 680px;
	}
	#contact-right-1 {
		background: #f7f7f7;
		background-size: 100% 680px;
	}
	#contact-right-2 {
		background: #f7f7f7;
		background-size: 100% 680px;
	}
	#contact-right-3 {
		background: #f7f7f7;
		background-size: 100% 680px;
	}

	#contact-us {
		/*background: #fed16d;*/
		color: #000;
	}

	#contact-us a {
		color: #000;
		border: none;
	}

	#contact-us a:hover {
		text-decoration: underline;
		font-weight: bold;
	}

	#contact-us h3 {
		color: #000;
		font-size: 1.5rem;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 5px;
	}

	#contact-us p {
		color: #000;
		font-size: 1.2rem;
		line-height: 25px;
	}

	#contact-us button {
		background-color: #a07400;
	}

	#contact-us button a {
	    color: #ffffff;
	}

	#contact-us button a:hover {
    	text-decoration: none;
	}

	#contact-right-1 a, #contact-right-2 a, #contact-right-3 a {
		color: #002855;
		border-bottom: none;
	}

	#contact-right-1 h3, #contact-right-2 h3, #contact-right-3 h3 {
		color: #000;
		font-size: 1.5rem;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 25px;
		text-align: center;
	}

	/* Medium only */
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		#contact-us {
			height: auto;
			padding: 120px 25px 25px 25px;
		}
		#contact-us h3, #contact-right-1 h3, #contact-right-2 h3, #contact-right-3 h3 {
			font-size: 1.41rem !important;
		}

		#contact-us p {
			font-size: 1.10rem;
		}

		#contact-right-2, #contact-right-3 {
			height: auto !important;
			padding: 25px !important;
			margin: 0px;
		}
		.contact-us-col-2-medium {
			padding: 0 0 0 75px;
		}
		.contact-us-col-3-medium {
			margin: 12px 0 0 0;
		}
		.contact-us-col-2-medium h3 {
			margin: 11px 0 0 0;
		}
	}

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		#contact-us {
			height: auto;
			padding: 75px 25px 25px 25px;
			text-align: center !important;
		}

		#contact-right-1, #contact-right-2, #contact-right-3 {
			height: auto;
			padding: 0 25px 0 25px;
		}

		#contact-right-1 h3, #contact-right-2 h3, #contact-right-3 h3 {
			padding-bottom: 15px;
		}
	}

	#contact-right-1 p, #contact-right-2 p, #contact-right-3 p {
		padding-top: 32.5px;
		padding-bottom: 32.5px;
	}

	
/* --------------------------------------------------------------
## COLUMN EVENTS
-------------------------------------------------------------- */
	.events-list {

	}

	.event-item {
		margin-bottom: 25px;
		list-style: none;
	}

	.event-date {
		width: 85px;
		height: 50px;
		float: left;
		background: #cc8a00;
		color: white;
		vertical-align: middle;
		text-align: center;
		line-height: 50px;
		margin-right: 15px;
	}

	.event-date:hover {
		opacity: .8;
		transition: background-color 0.7s ease;
		transition: border-color 0.7s ease;
	}

	.event-title {
		height: 50px;	
	}

	.event-title a {
		display: block;
		line-height: 25px;
		vertical-align: middle;
		font-size: 1.2rem;
	}

	.event-title a:hover {
		text-decoration: underline;
	}

/* --------------------------------------------------------------
## COLUMN NEWS
-------------------------------------------------------------- */
	ul.news-list {}

	.news-item {
		list-style: none;
		margin-bottom: 35px;
	}

	.news-icon {
		position: relative;
		width: 75px;
		position: relative;
		height: 75px;
		float: left;
		background: #cc8a00;
		color: #fdd26e;
		vertical-align: middle;
		text-align: center;
		line-height: 75px;
		font-size: 35px;
		margin-right: 15px;
		border-radius: 100%;
		transition: background-color 0.7s ease;
		transition: color 0.7s ease;
		z-index: 500;
	}

	.news-icon:hover {
		background: #fdd26e;
		color: #cc8a00;
		transition: background-color 0.7s ease;
		transition: color 0.7s ease;
	}

	.news-title {
		height: 75px;
		z-index: 400;
	}

	.news-title a {
		display: block;
		line-height: 25px;
		vertical-align: middle;
	}

	.news-title a:hover {
		text-decoration: underline;
	}

/* --------------------------------------------------------------
## COLUMN LINKS
-------------------------------------------------------------- */

	ul.col2-links, ul.col3-links {
		list-style: none;
		padding:0px; 
		margin:0px;
	}

	ul.col2-links li, ul.col3-links li{
		border-bottom: 1px #ddd solid;
		padding: 5px;
	}

	#contact-right-2 ul.col2-links li > a, #contact-right-3 ul.col3-links li > a {
		font-family: 'Jaldi', sans-serif;
		font-size: 1.2rem;
	}

	#contact-right-2 ul.col2-links li > a:hover, #contact-right-3 ul.col3-links li > a:hover {
		font-weight: bold;
	}


/* --------------------------------------------------------------
## COLUMN BUTTONS
-------------------------------------------------------------- */

	#contact-us .btn-yellow {
		background: #A07400;
		color: #fff;
	}


/* --------------------------------------------------------------
# FOOTERS
-------------------------------------------------------------- */
	#footer-wrapper {
	}
/* --------------------------------------------------------------
## FOOTER LINKS ROW
-------------------------------------------------------------- */
	#footer-links {
		height: 320px;
		border-bottom: 6px solid #cc8a00;
		background: #022040;
		font: 1.1rem/1.3rem "Jaldi", sans-serif;
		color: #fff;
	}

	#footer-img-div {
		position: relative;
		height: 320px;
	}

	img.footer-img-position {
		position: absolute;
			bottom: 6px;
			left: 25px;
	}

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		img.footer-img-position {
			position: absolute;
				bottom: 6px;
				left: 0px;
		}
	}

	.footer-links-title {
		font: bold 1.15rem "Jaldi", sans-serif;
		color: #cc8a00;
		text-transform: uppercase;
	}

	#footer-links ul {
		list-style: none;
		margin-top: 60px;
	}

	#footer-links li {
		line-height: 20px;
		padding: 5px 0 5px 0;
	}

	#footer-links li a {
		border-bottom: none;
		font-size: 1.2rem;
		color: #fff;
	}

	#footer-links li a:hover {
		text-decoration: underline;
	}
/* --------------------------------------------------------------
## FOOTER CONTACT ROW
-------------------------------------------------------------- */
	#footer-contact {
		min-height: 200px;
		background: #002855;
		color: #fff;
		padding: 40px 0 40px 0;
	}

	#footer-contact h1, #footer-contact h2 {
		font: "Jaldi", sans-serif;
		color: #fff;
	}

	#footer-contact h1 {
		font-size: 1.7rem;
	}

	#footer-contact h2 {
		font-size: 1.2rem;
		margin-bottom: 25px;
	}

	/* Small only */
	@media only screen and (max-width: 39.9375em) {
		#footer-contact h1 {
			font-size: 1.6rem;
		}

		#footer-contact h2 {
			font-size: 1.1rem;
			margin-bottom: 25px;
			line-height: 1.5rem;
		}
	}

	#ac-button {
		border-radius: 10px;
		background: #5bc2e7;
		font-size: 1rem;
		font-weight: 700;
		color: #022040;
		padding: 15px;
	}

	#ac-button a { color: #000; }

	#ac-button:hover {
		text-decoration: underline;
	}
/* --------------------------------------------------------------
## FOOTER LOGOS ROW
-------------------------------------------------------------- */
	#footer-logos {
		background: url("../Images/bg-strip-malt.jpg") repeat;
		padding: 25px 0 25px 0;
	    display: block;
        text-align: center;
	}

	.footer-logo-block {
		display: inline-block;
		margin: auto;
		background: #FFFFFF;
		border-radius: 10px;
	}

	/* medium only */
	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		.footer-logo-block {
			width: 125px;
			height: 125px;
		}
	}

	/* Large and up */
	@media screen and (min-width: 64em) {
		.footer-logo-block {
			width: 150px;
			height: 150px;
		}
	}


/* --------------------------------------------------------------
# HOME PAGE HEADER HERO
-------------------------------------------------------------- */
	#home-content-wrapper {
		background: #fff;
		padding: 0;
	}

	.section-title {
		font: 2.57rem "Jaldi", sans-serif;
    	color: #002855;
    	text-align: center;
    	margin-top: 25px;
		margin-bottom: 25px;
	}

	.section-subtitle {
		font: bold 2rem "Jaldi", sans-serif;
    	color: #A07400;
    	text-transform: uppercase;
    	text-align: center;
		margin-bottom: 25px;
	}

    /* Small only */
    @media only screen and (max-width: 39.9375em) {
        .section-title {
		    font: 2.2rem "Jaldi", sans-serif;
	    }
    }

	#home-hero {
		padding: 0;
		margin-bottom: 25px;
	}

	#home-hero-left {
		position: relative;
		height: 640px;
		padding: 0;
	}

    #home-hero-left img {
		display: block;
        max-width: 960px;
        max-height: 640px;
        width: auto;
        height: auto;
	}

    /* Up to Medium */
    @media screen and (max-width: 63.9375em) {
		#home-hero-left {
			height: auto;
		}
        
        #home-hero-left img {
			max-width: 100%;
		}
	}

	#home-hero-right {
		position: relative;
		height: 640px;
		background: #002855;
		padding: 0;
	}

	@media screen and (max-width: 63.9375em) {
		#home-hero-right {
			height: auto;
			padding-bottom: 25px;
		}
	}

	.hero-image-caption {
		position: absolute;
		bottom: 200px;
		width: 50%;
		background: rgba(0,0,0,0.7);
		padding: 25px;
	}

	/* Up to Medium */
	@media screen and (max-width: 63.9375em) {
		.hero-image-caption {
			display: none;
		}
	}
	
	.hero-image-caption p {
		font: bold 2.1rem/2.1rem 'Jaldi', sans-serif;
		color: #FDD26E;
		text-transform: uppercase;
	}

	.hero-news {
		margin: 30px 30px 5px 30px;
	}

	.hero-news-icon {
		float: left;
		position: relative;
		width: 100px;
		height: 100px;
		border-radius: 100%;
		margin-right: 15px;
	}

	.hero-news-title {
		height: 100px;
        margin: 0 0 25px 0;
		z-index: 400;
	}

	.hero-news-title a {
		display: block;
		font: 1.2rem/1.5rem 'Jaldi', sans-serif;
		color: #5BC2E7;
	}

    .hero-news-title a:after {
       font: 0.7em FontAwesome;
       content: " \f101";
    }

	.hero-news-title a:hover {
		text-decoration: underline;
	}

    .hero-news-title-read-more a {
        content: "";
    }
        .hero-news-title-read-more:hover {
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(91, 194, 231, 0.60);
            -moz-box-shadow:    0px 0px 10px 0px rgba(91, 194, 231, 0.60);
            box-shadow:         0px 0px 10px 0px rgba(91, 194, 231, 0.60);
        }

    /* Up to Medium */
    @media screen and (max-width: 63.9375em) {
        img.hero-news-title-read-more {
		    float: none !important;
            display: block;
            text-align: center;
            margin: 0 auto !important;
	    }
    }
    

	.home-hero-chevron {
		position: absolute;
		bottom: -5px; /* WHY DOES THIS NOT LINE UP */
		padding: 0;
        z-index: 100;
	}

	.home-hero-chevron { fill: #CC8A00; }
	.home-hero-antichevron { fill: #FFFFFF; }
	.home-hero-chevron svg { display: block; }


/* --------------------------------------------------------------
# MISC
-------------------------------------------------------------- */

.sf_cols.bg-grey { padding-left: 25px; padding-right: 25px; }

/* Remove the top margin inside a list item accordian menu */
.sflistItemContent > h3, .sflistItemContent > h4 { margin-top: 0px; }

/* --------------------------------------------------------------
## ALIGNMENTS
-------------------------------------------------------------- */
	.align-right {
		float: right;
	}

/* --------------------------------------------------------------
# IFRAME FOR GE
-------------------------------------------------------------- */
#myiframe {
    width:100%; height: 200vh; position: absolute;
}

/* Up to Medium */
@media screen and (max-width: 63.9375em) {
    #myiframe {
        width: 100%;
        height: 325vh;
        position: absolute;
    }
}

/* --------------------------------------------------------------
# SC WIDGETS
-------------------------------------------------------------- */
.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPaper table { font-family: 'Jaldi', sans-serif; font-size: 1.1rem; line-height: normal; } .RadGrid_Default { color: #555; border: none; border-color: none; color: #555; background-color: #fff; font-family: 'Jaldi', sans-serif; font-size: 1.1rem; line-height: normal; } .RadGrid_Default .rgHeader {font-size: 1.3em}, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper { border-bottom: none; background: #fee8b6; font-weight: bold; text-align: left; font-size: 1.4rem; } .RadGrid_Default .rgRow a:hover, .RadGrid_Default .rgAltRow a:hover, .RadGrid_Default .rgEditRow a:hover { text-decoration: underline; } .RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a, .RadGrid_Default .rgEditRow a { color: #A07400; }

/***** CAREER COACH WIDGET *****/

.cc-card {
	background: #fff;
	margin: 0;
	vertical-align: top;
	display: inline-block;
	box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(0, 0, 0, .1);
	font-family: 'Jaldi', Sans-Serif;
	border-radius: 2px;
	-webkit-font-smoothing: antialiased;
	position: relative;
	height: 475px;
	width: 333px;
}
.cc-card .cc-content {
	padding: 50px 35px;
}
.cc-card p {
	font-size: 1.2rem;
	margin: 30px 0 5px;
	color: #555;
}
.cc-card h1 {
	margin: 0;
	font-size: 1.5rem;
	color: #002855;
}
.cc-card h2 {
	font-size: 2.1rem;
	margin: 0;
	font-weight: 400;
	color: #5BC2E7;
}
.cc-card .cc-link {
	position: absolute;
	bottom: 40px;
	padding: 18px 86px;
	font-size: 1.2rem;
	color: #fff;
	margin: 16px 0;
	cursor: pointer;
	outline: 0;
	text-decoration: none;
	border: 1px solid;
	background-color: #5BC2E7;
}
.cc-card .cc-link:hover {
	box-shadow: inset 0 0 0 150px rgba(0, 0, 0, .1);
	border: 1px solid rgba(0, 0, 0, .1);
}

.cc-link:focus {
    border: #555 2px solid;
}

.cc-card img {
	width: 60px;
}
.cc-card footer {
	margin-top: 22px;
	font-size: 14px;
	text-transform: uppercase;
	color: gray;
	position: absolute;
	bottom: 20px;
	background: #fff;
}

/*# sourceMappingURL=ccWidget.css.map*/

.card {
border: 1px solid #ddd;
margin-bottom: 35px;
}
.card-divider, .card-section {
margin-left: 20px;
margin-right: 20px;
}