@import url('//fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i|Raleway:300,300i,400,400i,700,700i');
* {-webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html,body{height:100%;}
body{margin:0;padding:0;background:rgb(255,255,255);font-family:'Raleway',sans-serif;font-weight:400;font-size:137.5%;line-height:1.3em;color:rgb(0,0,0);}
table,td,tr{font-family:'Raleway',sans-serif;font-size:1em;line-height:1.3em;color:rgb(0,0,0);}
input,textarea,select{font-size:1em;line-height:1.3em;font-family:'Raleway',sans-serif;}
img,div.figure{border:none; max-width:100%; height:auto;}
input{-webkit-border-radius:0;}

body::-webkit-scrollbar {width: 1em;}
body::-webkit-scrollbar-track {background:rgb(240,240,240);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color: rgb(191,191,191);outline: 1px solid rgb(191,191,191);}

a{font-weight:700;color:rgb(0,115,187);-webkit-transition: color 400ms ease-in-out;-moz-transition: color 400ms ease-in-out;-ms-transition: color 400ms ease-in-out;-o-transition: color 400ms ease-in-out;transition: color 400ms ease-in-out;}
a:link {text-decoration:none; color:rgb(0,115,187);}
a:visited {text-decoration:none; color:rgb(0,115,187); }
a:hover,a:focus {text-decoration:underline; color:rgb(0,0,0); }

h1,h2,h3,h4,h5,h6{ margin:0; padding:0 0 0.16em; background:transparent none; text-transform:none; font-weight:normal; line-height:1.2em; font-weight:400; letter-spacing:0;font-family: 'Poppins', sans-serif;}
h1{font-size:2em; color:rgb(0,0,0); font-weight:700; }
h2{font-size:1.75em; color:rgb(0,0,0); font-weight:500;}
h3{font-size:1.55em; color:rgb(0,0,0); font-weight:600;}
h4{font-size:1.35em; color:rgb(0,0,0); font-weight:500; }
h5{font-size:1.27em; color:rgb(0,0,0); font-weight:700;}
h6{font-size:1.1em;color:rgb(0,0,0); font-weight:700; }
p{font-family:'Raleway',sans-serif;font-weight:300; padding:0 0 1em; margin:0; font-size:1em; line-height:1.3em; color:rgb(0,0,0); }
.main_body_size ol, .main_body_size ul{display:block; margin:0 0 0.75em; }
hr{border:none; background:rgb(0,0,0); height:2px; margin:0 0 0.75em; }

.cf{float:none;clear:both;}
input{-webkit-border-radius:0;border-radius: 0;-ms-border-radius:0;}
img{border:none;}

.accessible{display:none;}
.accessible:focus{display:inline-block;}
.sr-only,.invisible{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;}
.hidden{display:none;}

/***PAGE LAYOUT***/
.wrapper{float:left;margin:0; padding:0 5%; max-width:100%; width:100%; display:inline-block;/*height:100%;*/ position:relative;-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}
#main{background:rgb(255,255,255);float:left;width:100%;margin:auto;padding:0;overflow:hidden;min-width:100%;position:relative;display:inline-block;}
#main .wrapper{padding: 0 10%;}
section{width:100%;display: inline-block;float:left;}

#banner{background:rgb(0,115,187);color:rgb(255,255,255);width:100%;padding:2.15em 10%;
	-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;text-align: center;position:relative;}
#banner h2{font-size:2.15em;line-height: 1em;font-weight:200;color:rgb(255,255,255);}
#banner svg{fill:rgb(255,255,255);display: inline-block;height:1em;margin-right:0.75em;}
#banner #breadcrumbs{position: absolute; right:5%; bottom:2em; 	display:inline-block;margin:0;padding:0;list-style: none;width:50%;text-align: right;}
#banner #breadcrumbs li{position:relative;display: inline-block;}
#banner #breadcrumbs li a{font-size:0.85em;line-height:1em;font-weight:300;color:rgb(255,255,255);display: inline-block;position:relative;padding:0 0.75em;margin:0;border-right:1px solid rgb(255,255,255);}
#banner #breadcrumbs li:last-child a{border:none;}
#banner #breadcrumbs li a:hover,
#banner #breadcrumbs li a:focus{font-weight:700;text-decoration:none;}


.button{font-family:'Poppins',sans-serif; font-size:0.75em;font-weight:bold;text-transform: uppercase;padding:1.375em 2.125em;color:rgb(255,255,255)!important;background:rgb(0,115,187);border:1px solid rgb(0,115,187);
	-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out; display:inline-block;}
.button:focus,.button:hover{color:rgb(0,0,0)!important;border:1px solid rgb(232,232,232);background:rgb(255,255,255);-webkit-box-shadow: 5px 5px 6px 0 rgba(0,0,0,0.18);box-shadow: 5px 5px 6px 0 rgba(0,0,0,0.18);text-decoration: none!important;}
.button.reverse{border: 1px solid rgba(0,0,0,0.3);background:rgb(255,255,255);color:rgb(0,0,0)!important;}
.button.reverse:focus,.button.reverse:hover{color:rgb(255,255,255)!important;background:rgb(0,115,187);border:1px solid rgb(0,115,187);-webkit-box-shadow:none;box-shadow:none;}
.button.fixed{position: fixed;top: 40%;right:0;}


.pleaseWait{text-align:center;color:#000 !important;font-weight:bold;display:block;margin-top:20px;}

.button svg{height:1.5em;display: inline-block;margin-right:1em;float:left;fill:rgb(255,255,255);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.button.reverse svg{fill:rgb(0,0,0);}
.button:hover svg,.button:focus svg{fill:rgb(0,0,0);}
.button.reverse:hover svg,.button.reverse:focus svg{fill:rgb(255,255,255);}

div.intro{text-align:center;padding:2.5em 15% 2.5em;}
h3.intro{font-weight: 300;text-align: center;padding:0 0 0.75em;}
p.intro{text-align:center;font-weight:300;width:100%;padding:0 0 0.75em;}

/****header****/
header{width:100%;display: inline-block;float:left;position:relative;background:rgb(255,255,255);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;overflow: hidden;}
header h1{font-weight:300;font-size:1em;line-height:1em;padding: 0 1.25em;float:left;position:absolute;top:50%;left:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:450%;z-index:0;}
header h1 a{font-weight:300;color:rgb(0,0,0)!important;}
header h1 a:hover,header h1 a:focus{text-decoration:none;font-weight:400;}
#logo{font-size:1.36em;float:left;display: inline-block;position:relative;}
#logo img{float:left;margin:0 1.25em;max-height:3.888em;padding:0.75em 0;position: relative;}
#logo:after{content:'';position:absolute;right:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);height:calc(100% - 1em);width:0.08em;background:rgb(191,191,191);}
#logo a{display:inline-block; float:left;}
header:after{content:'';position: relative;float:left;width:100%;height:0.3em;background:url(../images/asset_color_line.jpg) center center no-repeat;background-size:cover;}
header.homepage:after{display:none;}
a[name="skipNav"]:focus{width:100%;display: inline-block;padding:0.5em 5%;background:rgb(0,115,187);color:rgb(255,255,255);text-align: center;}

/****footer****/
footer{width:100%;display: inline-block;float:left;position:relative;background:rgb(255,255,255);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;border-top: 0.3em solid rgb(191,191,191);}
#footerTop{padding:1.8em 0;width:100%;display: inline-block;float:left;position:relative;background:rgb(255,255,255);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
#footerLogo{width:15.5%;display: inline-block;margin-right: 2.2%;float:left;text-align: center;position:relative;}
#footerLogo img{max-width:100%;display: block;margin:0 auto;}
#addressInfo{display: inline-block; float:left;position: relative;padding-top:0.75em;font-size:0.9em;font-weight:300;}
#addressInfo h3{font-size:1.15em; font-weight:400;padding-bottom: 0.25em;}
#addressInfo address{font-family: 'Poppins', sans-serif;font-style:normal;width:100%;padding-bottom: 0.75em;}
#addressInfo ul{margin:0;padding:0;list-style:none;width:100%;font-family: 'Poppins', sans-serif;}
#addressInfo li{width:100%;display:inline-block;padding:0 0 0.8em;font-style: italic;text-transform: lowercase;}
#addressInfo li:last-child{padding:none;}
#addressInfo a{font-weight:300;color:rgb(0,0,0);}
#addressInfo a:hover,#addressInfo a:focus{font-weight:400;font-style: normal;text-decoration: none;}
#footerBtns{margin:0;padding:0.75em 0 0; list-style: none; float:right;display: inline-block;position:relative;}
#footerBtns li{width:100%;display: inline-block;margin-bottom:0.75em;text-align:right;}

#footerBtm{width:100%;display: inline-block;float:left;position:relative;background:rgb(0,0,0);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;padding:1.2em 0;}
#footerBtm p{font-family: 'Poppins', sans-serif;color:rgb(255,255,255);font-weight:300;padding:0;line-height:1.1em;font-size:0.72em;float:left;}
#CMS4SchoolsLogo{display: inline-block;float:right;width:8.5%;}
#CMS4SchoolsLogo img{width:100%;}

/***Plugins***/
/*jquery-accessible-hide-show-aria.js*/
	.js-to_expand[aria-hidden=true],
	.js-to_expand[data-hidden=true] {display: none;}
	/* This is the opened state */
	.animated-expandmore__to_expand {
	 display: block;
	 overflow: hidden;
	 opacity: 1;
	 transition: visibility 0s ease, max-height 2s ease, opacity 2s ease ;
	 max-height: 80em;
	 /* magic number for max-height = enough height */
	 visibility: visible;
	 transition-delay: 0s;
	}
	/* This is the hidden state */
	[data-hidden=true].animated-expandmore__to_expand {
	 display: block;
	 max-height: 0;
	 opacity: 0;
	 visibility: hidden;
	 transition-delay: 2s, 0s, 0s;
	}
/*jquery-accessible-tabs.js*/
	.js-tabcontent[aria-hidden=true] { display: none; }

/***PATH COLORS***/
/*Agriculture*/
a.agriculture,#path_agriculture h2,#path_agriculture h4, .agriculture a,
#path_agriculture .primaryPathGrowth ul li span.num{color:rgb(82,122,51);}
#path_agriculture h2 svg,a.agriculture svg,.pathText.agriculture .iconCircle svg{fill:rgb(82,122,51);}
.js-table-data.agriculture thead,.pathText.agriculture,.course-grid-item.agriculture:hover{background: rgb(82,122,51);}
#path_agriculture h5,#path_agriculture .js-table-data thead{
	background: rgb(82,122,51); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(82,122,51) 0%, rgb(82,122,51) 79%, rgba(82,122,51,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(82,122,51) 0%,rgb(82,122,51) 79%,rgba(82,122,51,0.5) 100%);
	background: linear-gradient(to right, rgb(82,122,51) 0%,rgb(82,122,51) 79%,rgba(82,122,51,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(82,122,51)', endColorstr='rgba(82,122,51,0.5)',GradientType=0 );}
#path_agriculture .salary-graph .bar {background:rgb(82,122,51);}
#path_agriculture .salary-graph tbody tr:first-child .bar{background:rgba(82,122,51,0.6);}
#path_agriculture .salary-graph tbody tr:nth-child(2) .bar{background:rgba(82,122,51,0.8);}
#path_agriculture .js-table-data tr:hover td,#path_agriculture .js-table-data tr:focus td,#path_agriculture .js-table-data tr:nth-child(2n):hover td,#path_agriculture .js-table-data tr:nth-child(2n):focus td{background:rgba(82,122,51,0.1);}

/*Engineering*/
a.engineering,#path_engineering h2,#path_engineering h4,.engineering a,
#path_engineering .primaryPathGrowth ul li span.num{color:rgb(196,84,21);}
#path_engineering h2 svg,a.engineering svg,.pathText.engineering .iconCircle svg{fill:rgb(196,84,21);}
.js-table-data.engineering thead,.pathText.engineering,.course-grid-item.engineering:hover{background: rgb(196,84,21);}
#path_engineering h5,#path_engineering .js-table-data thead{
	background: rgb(196,84,21); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(196,84,21) 0%, rgb(196,84,21) 79%, rgba(196,84,21,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(196,84,21) 0%,rgb(196,84,21) 79%,rgba(196,84,21,0.5) 100%);
	background: linear-gradient(to right, rgb(196,84,21) 0%,rgb(196,84,21) 79%,rgba(196,84,21,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(196,84,21)', endColorstr='rgba(196,84,21,0.5)',GradientType=0 );}
#path_engineering .salary-graph .bar {background:rgb(196,84,21);}
#path_engineering .salary-graph tbody tr:first-child .bar{background:rgba(196,84,21,0.6);}
#path_engineering .salary-graph tbody tr:nth-child(2) .bar{background:rgba(196,84,21,0.8);}
#path_engineering .js-table-data tr:hover td,#path_engineering .js-table-data tr:focus td,#path_engineering .js-table-data tr:nth-child(2n):hover td,#path_engineering .js-table-data tr:nth-child(2n):focus td{background:rgba(196,84,21,0.1);}

/*Business*/
a.business,#path_business h2,#path_business h4,.business a,
#path_business .primaryPathGrowth ul li span.num{color:rgb(204,131,4);}
#path_business h2 svg,a.business svg,.pathText.business .iconCircle svg{fill:rgb(204,131,4);}
.js-table-data.business thead,.pathText.business,.course-grid-item.business:hover{background: rgb(204,131,4);}
#path_business h5,#path_business .js-table-data thead{
	background: rgb(204,131,4); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(204,131,4) 0%, rgb(204,131,4) 79%, rgba(204,131,4,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(204,131,4) 0%,rgb(204,131,4) 79%,rgba(204,131,4,0.5) 100%);
	background: linear-gradient(to right, rgb(204,131,4) 0%,rgb(204,131,4) 79%,rgba(204,131,4,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(204,131,4)', endColorstr='rgba(204,131,4,0.5)',GradientType=0 );}
#path_business .salary-graph .bar {background:rgb(204,131,4);}
#path_business .salary-graph tbody tr:first-child .bar{background:rgba(204,131,4,0.6);}
#path_business .salary-graph tbody tr:nth-child(2) .bar{background:rgba(204,131,4,0.8);}
#path_business .js-table-data tr:hover td,#path_business .js-table-data tr:focus td,#path_business .js-table-data tr:nth-child(2n):hover td,#path_business .js-table-data tr:nth-child(2n):focus td{background:rgba(204,131,4,0.1);}

/*Human Services*/
a.human-services,#path_human_services h2,#path_human_services h4,.human-services a,
#path_human_services .primaryPathGrowth ul li span.num{color:rgb(0,118,188);}
#path_human_services h2 svg,a.human-services svg,.pathText.human-services .iconCircle svg{fill:rgb(0,118,188);}
.js-table-data.human-services thead,.pathText.human-services,.course-grid-item.human-services:hover{background: rgb(0,118,188);}
#path_human_services h5,#path_human_services .js-table-data thead{
	background: rgb(0,118,188); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(0,118,188) 0%, rgb(0,118,188) 79%, rgba(0,118,188,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(0,118,188) 0%,rgb(0,118,188) 79%,rgba(0,118,188,0.5) 100%);
	background: linear-gradient(to right, rgb(0,118,188) 0%,rgb(0,118,188) 79%,rgba(0,118,188,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0,118,188)', endColorstr='rgba(0,118,188,0.5)',GradientType=0 );}
#path_human_services .salary-graph .bar {background:rgb(0,118,188);}
#path_human_services .salary-graph tbody tr:first-child .bar{background:rgba(0,118,188,0.6);}
#path_human_services .salary-graph tbody tr:nth-child(2) .bar{background:rgba(0,118,188,0.8);}
#path_human_services .js-table-data tr:hover td,#path_human_services .js-table-data tr:focus td,#path_human_services .js-table-data tr:nth-child(2n):hover td,#path_human_services .js-table-data tr:nth-child(2n):focus td{background:rgba(0,118,188,0.1);}

/*Arts*/
a.arts,#path_arts h2,#path_arts h4,.arts a,
#path_arts .primaryPathGrowth ul li span.num{color:rgb(154,98,159);}
#path_arts h2 svg,a.arts svg,.pathText.arts .iconCircle svg{fill:rgb(154,98,159);}
.js-table-data.arts thead,.pathText.arts,.course-grid-item.arts:hover{background: rgb(154,98,159);}
#path_arts h5,#path_arts .js-table-data thead{
	background: rgb(154,98,159); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(154,98,159) 0%, rgb(154,98,159) 79%, rgba(154,98,159,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(154,98,159) 0%,rgb(154,98,159) 79%,rgba(154,98,159,0.5) 100%);
	background: linear-gradient(to right, rgb(154,98,159) 0%,rgb(154,98,159) 79%,rgba(154,98,159,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(154,98,159)', endColorstr='rgba(154,98,159,0.5)',GradientType=0 );}
#path_arts .salary-graph .bar {background:rgb(154,98,159);}
#path_arts .salary-graph tbody tr:first-child .bar{background:rgba(154,98,159,0.6);}
#path_arts .salary-graph tbody tr:nth-child(2) .bar{background:rgba(154,98,159,0.8);}
#path_arts .js-table-data tr:hover td,#path_arts .js-table-data tr:focus td,#path_arts .js-table-data tr:nth-child(2n):hover td,#path_arts .js-table-data tr:nth-child(2n):focus td{background:rgba(154,98,159,0.1);}

/*Health*/
a.health,#path_health h2,#path_health h4,.health a,
#path_health .primaryPathGrowth ul li span.num{color:rgb(170,26,35);}
#path_health h2 svg,a.health svg,.pathText.health .iconCircle svg{fill:rgb(170,26,35);}
.js-table-data.health thead,.pathText.health,.course-grid-item.health:hover{background:rgb(170,26,35);}
#path_health h5,#path_health .js-table-data thead{
	background: rgb(170,26,35); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(170,26,35) 0%, rgb(170,26,35) 79%, rgba(170,26,35,0.5) 100%);
	background: -webkit-linear-gradient(left, rgb(170,26,35) 0%,rgb(170,26,35) 79%,rgba(170,26,35,0.5) 100%);
	background: linear-gradient(to right, rgb(170,26,35) 0%,rgb(170,26,35) 79%,rgba(170,26,35,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(170,26,35)', endColorstr='rgba(170,26,35,0.5)',GradientType=0 );}
#path_health .salary-graph .bar {background:rgb(170,26,35);}
#path_health .salary-graph tbody tr:first-child .bar{background:rgba(170,26,35,0.6);}
#path_health .salary-graph tbody tr:nth-child(2) .bar{background:rgba(170,26,35,0.8);}
#path_health .js-table-data tr:hover td,#path_health .js-table-data tr:focus td,#path_health .js-table-data tr:nth-child(2n):hover td,#path_health .js-table-data tr:nth-child(2n):focus td{background:rgba(170,26,35,0.1);}

/***PAGES***/
/***Homepages***/
.entranceBox{width:50%;display:inline-block;float:left;height:43vh;position:relative;padding:0;background:rgb(0,115,187) url('../images/asset_planning.png') right bottom no-repeat; background-size:auto 100%;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.entranceBox#entrance_pathways{background:rgb(176,95,0) url('../images/asset_pathways.png') right bottom no-repeat; background-size:auto 100%;}
.entranceBox#entrance_courses{background:rgb(173,0,44) url('../images/asset_courses.png') right bottom no-repeat; background-size:auto 100%;}
.entranceBox#entrance_learning{background:rgb(76,128,2) url('../images/asset_learning.png') right bottom no-repeat; background-size:auto 100%;}
.entranceBox:hover,.entranceBox:focus,.entranceBox:active{background-size:auto 70%!important;background-color:rgb(26,26,26)!important;}
.entranceBox .text{position:absolute;bottom:0;left:0;padding:0 5% 2.5em;width:100%;}
.entranceBox span.icon{font-size:2.5em;padding-bottom:0.5em;z-index:0}
.entranceBox .text svg{fill:rgb(255,255,255);width:3.5em;display: block;margin-bottom:1em;}
.entranceBox#entrance_courses .text svg{width:4.5em;-moz-transform: rotate(-7deg);-webkit-transform: rotate(-7deg);-o-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);}
.entranceBox .text h2{font-weight:500;font-size:1.6em;line-height:1em;padding:0 0 0.5em;color:rgb(255,255,255);}
.entranceBox .text p{padding:0;font-size:1.1em;font-weight: 300;width:100%;color:rgb(255,255,255);}
/*.entranceBox .text .pathLink{display: none;margin:1em 0 0;}*/
.entranceBox .pathLink{position: absolute;top:0;left:0;width:100%;height:100%;display: inline-block;z-index:1; color:rgb(255,255,255)!important;}
.entranceBox .modalLink{position:absolute;top:1.5em;right:5%;font-size:1.8em;color:rgb(255,255,255);background:none;border:none;}
.entranceBox .modalLink svg{height:1.25em;fill:rgb(255,255,255);}
.entranceBox .modalLink:hover svg,.entranceBox .modalLink:hover svg{fill:rgba(255,255,255,0.75);}
.acp-overlay-modal__content .inner{top:50%;position: absolute;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.acp-overlay-modal__content .inner svg{height:2.5em;margin:0 0 1.5em;fill:rgb(255,255,255);}

/***Academic & Career Planning***/
.planningRow{padding:3em 0; margin:3em 0; display:inline-block;float:left; width:100%;}
.planningRow .planningRowInner{width:100%;display: inline-block; float:left;}
.planningRow h3{font-size:2em;width:100%; float:left;}
.planningRow .planningRowInner p{font-size:1.2em;}
.planningRow .figure{width: 65%!important; float: right; display: inline-block;padding:0 1.5%!important; margin:0 0 1.5em!important; text-align: center;}
.planningRow .figure img{width:100%;}
.planningRow .figure a{display:inline-block; width:100%; float:left;}
.planningRow .figure .caption{font-size:90%;}
.planningRow#row2{padding:0;margin:0;}
.planningRow#row2 .planningRowInner{width: 100%; display: inline-block; float: left; padding: 1.5em 5%; background: rgb(242,242,242); margin-bottom: 3em;}
.planningRow#row2 h4{font-size:1.5em; display: inline-block; line-height: 1em; color:rgb(255,255,255); font-weight: 500; width:100%; padding: 1.25em 5%; background: rgb(0,115,187); background: -moz-linear-gradient(left, rgb(0,115,187) 0%, rgb(0,115,187) 79%, rgba(0,115,187,0.5) 100%); background: -webkit-linear-gradient(left, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); background: linear-gradient(to right, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0,115,187)', endColorstr='rgba(0,115,187,0.5)',GradientType=0 );}
.planningRow#row2 .figure{width:auto!important;}
#planningLinks{margin-top:0;}
#planningLinks ul{margin:0;padding:0; width:100%; display: inline-block; float:left;}
#planningLinks ul li{width:100%; float:left; display:inline-block; margin:0 0 1.5em;}
#planningLinks .button,#planningLinks strong{display: inline-block; margin:0 0 1em;}
#planningLinks ul li:last-child{margin:0;}
#planningLinks ul li p{margin:0 0 1em; padding:0 0 0 2.5%; font-weight:400; width:100%;}

/***Career Pathways***/
#career_pathways{background:rgb(249,249,249);}
#banner.career_pathways{background:rgb(180,97,0);padding:2.15em 5%;}
#main .path_pages .wrapper{padding:0 5%;}
#pathwayCircle{width:100%;display:inline-block;float:left;position:relative;margin-bottom: 3.5em}
#pathwayCircle a:hover,#pathwayCircle a:focus,#pathwayCircle a:active{text-decoration: none;}
.donut{width:80%;margin:0 10%;display: block;}
.chart-text {fill:rgb(255,255,255);-moz-transform: translateY(0.25em);-ms-transform: translateY(0.25em);-webkit-transform: translateY(0.25em);transform: translateY(0.25em);}
.chart-number {font-size: 0.8em;line-height: 1;text-anchor: middle;-moz-transform: translateY(-0.25em);-ms-transform: translateY(-0.25em);-webkit-transform: translateY(-0.25em);transform: translateY(-0.25em);}
.chart-label {font-size: 0.5em;text-transform: uppercase;text-anchor: middle;-moz-transform: translateY(0.7em);-ms-transform: translateY(0.7em);-webkit-transform: translateY(0.7em);transform: translateY(0.7em);}
	/***Pathway Accessible and Responsive***/
	.pathText{color:rgb(255,255,255); background:rgb(180,97,0);padding:1.5em 2.5%; width:100%; display: inline-block; margin:0 0 1.5em;}
	.pathText .iconCircle{width:12em;height:12em;position: relative; float:left; display: inline-block; margin:0 5% 0 0; text-align: center; background:rgb(255,255,255); -webkit-border-radius:50%; border-radius:50%;}
	.pathText .iconCircle svg{fill:rgb(180,97,0); position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height:7em;}
	.pathText .pathTextInner{width:calc(95% - 12em); display: inline-block; float:left;}
	.pathText .pathTextInner h3, .pathText .pathTextInner h4, .pathText .pathTextInner ul{color:rgb(255,255,255);}

/***Course Offerings***/
#main.course_offerings{background:rgb(250,250,250);}
#banner.course_offerings{background:rgb(173,0,44);}
#course_offerings{padding:2.5em 0;}
/*#course_offerings button[aria-expanded="false"]{display: none;}*/
/*important for the toggle plugin*/
[aria-hidden='true'],
[data-a11y-toggle]:not([aria-controls]) {
  display: none;
}
.course-grid{width:100%;float:left;margin-top:3.5em;text-align: center;}
.course-grid-item{width:calc(22.275% - 2px);border:1px solid rgb(0,0,0);background:rgb(255,255,255);display: inline-block;margin:0 1.15% 1.68em;position: relative;vertical-align: top; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.course-grid-item .inner{width:100%;padding:1.6em 18%;position: relative;}
.course-grid-item:hover{background:rgb(26,26,26);}
.course-grid-item:hover .inner h4,
.course-grid-item:hover .inner .deptPath{color:rgb(255,255,255)!important;}
.course-grid-item:hover .inner .deptPath svg{fill:rgb(255,255,255)!important;}
.course-grid-item .inner h4{font-weight:300;width:100%;font-size:1.18em;padding:0; margin-bottom:2em;min-height:4.8em;}
.course-grid-item .inner a{display:block;float:none;}
.course-grid-item .inner .button{padding:1.1em 10%;margin-bottom: 3em;}
.course-grid-item .inner .button:hover,.course-grid-item .inner .button:focus,.course-grid-item .inner .button:active{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.course-grid-item .inner .deptPath{font-weight:400;width:100%;text-align: center;position:relative;}
.course-grid-item .inner .deptPath:hover,.course-grid-item .inner .deptPath:focus{text-decoration: none;}
.course-grid-item .inner .deptPath svg{opacity:1;height:2em;position:absolute;top:-0.25em;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.course-grid-item .inner .deptPath .deptHover{color:rgb(255,255,255);opacity:0;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.course-grid-item .inner .deptPath:hover svg{opacity:0;}
.course-grid-item .inner .deptPath:hover .deptHover{opacity:1;}
#courseTableData{display:none;}
#courseTable h3{text-align:left;font-weight:400;font-size:2.25em;margin-bottom: 0.5em;width:100%;}
#courseTable #no_courses_found{float:none;overflow:hidden;clear:both;text-align:center;font-weight:bold;}
#courseDetails{width:100%;position:relative;}
#courseDetails .course-label{font-weight:700;}
#courseDetails h2,
#courseDetails h3{font-weight: 500;text-transform: uppercase;line-height:1.1em;font-size:1.36em;}
#courseDetails h2{margin:1.2em 0 0.15em;font-size:1.5em;}
#courseDetails ul.courseDetails{width:100%;margin:0.5em 0;padding:0;list-style:none;position: relative;display: inline-flex; justify-content: flex-start; align-items: flex-start; align-content: space-between; flex-flow:row wrap;}
#courseDetails ul.courseDetails.courseDetailsIcons li{flex-basis: 25%;}
#courseDetails ul.courseDetails li{font-size:1em;font-weight:300;margin:0;padding:0.15em 0;list-style:none;position: relative; flex-basis:50%;}
#courseDetails ul.courseResources li{flex-basis:auto; margin-right:0.5em;}
#courseDetails ul.courseDetails li svg{fill:rgb(0,0,0);width:1.35em;margin-right:0.5em;}
#courseDetails ul.courseDetails ul{list-style: disc; list-style-position: inside;  margin-left:2em; padding: 0.1em 5% 0.25em 1em;}
#courseDetails ul.courseDetails ul li{font-size:1em; list-style: disc; }
#courseDetails blockquote{border-left:4px solid rgb(0,115,187); width:85%; margin:0.15em 0 0.15em 5%; padding: 0.5em 5%;}
#courseDetails blockquote p,#courseDetails blockquote div{font-style:italic; font-weight:700; margin:0;}
#courseDetails p{width:100%;display:inline-block;font-size:1em;line-height: 1.5em;padding:0;margin:0.25em 0 1.5em; font-weight:400;}
#courseDetails .courseDescription ul,#courseDetails .courseDescription ol{margin:0.15em 0 0.75em;}
#courseDetails hr{background:rgb(0,115,187); margin:1em 0;}
#courseDetails a{color:rgb(0,115,187); font-weight:700;}
#courseDetails a:hover,#courseDetails a:focus,#courseDetails a:active{color:rgb(0,0,0);}
#courseDetails button{border:1px solid rgb(255,255,255); cursor:pointer;}
#courseTable .courseDetailItem svg{width:1.7em; vertical-align: middle;  margin:0 0 0 0.5em;color:rgb(0,0,0);}
#courseTable .courseDetailItem{width:100%;display: inline-block; vertical-align:top;position: relative; margin:0 0 0.35em; text-align: left;}
#courseTable .courseDetailItem span.title{display:inline-block; vertical-align: top; margin-left:0.75em; font-weight: 400; font-size:0.9em;}

#courseFilter{position:fixed;z-index:1; top:40%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); background:rgb(0,115,187); color:rgb(255,255,255); right:0;}
#courseFilter button:hover,#courseFilter button:focus,#courseFilter button:active{font-style:italic;}
#filterToggle{position: relative; display: inline-block; margin:0; padding:0.5em 1em; color:rgb(255,255,255); border:none; background:none; font-size:1em; font-family:'Poppins',sans-serif; cursor: pointer;}
#filterToggle .title{display:inline-block; vertical-align: top;float:left;}
#filterToggle svg{fill:rgb(255,255,255); display: inline-block; height:1em;}
#filterToggle svg.icon_filter{height:1.7em; margin-right:0.5em;float:left;}
#filterToggle svg.icon_arrow{width:0;margin-left:0.5em;}
#filterToggle.open svg.icon_arrow{width:auto;}
.courseFilterInner{padding:0 5%; width:100%;position:relative; display: none;}
.courseFilterInner.open{width:25em;}
.courseFilterInner button#btnbydepartment,.courseFilterInner button#btnviewcat{display:none;}
.courseFilterInner button{width:95%; position: relative; display: inline-block; margin:0.6em 0 0.6em 5%; color:rgb(255,255,255); border:none; background:none; font-size:1em; font-family:'Poppins',sans-serif; cursor: pointer; text-align: left;}
.courseFilterInner button svg{fill:rgb(255,255,255);display: inline-block; width:1.2em; float:left; margin-right:0.8em; position:relative;}
.courseFilterInner button .title{display: inline-block; position: absolute; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); left:2em;}

#courseTable .list-filters{position:fixed; top:45%; -webkit-transform:translate(0,50%); transform:translate(0,50%); right:0;padding:1em 0 0.5em; background:rgb(0,115,187); color:rgb(255,255,255); width:15em; z-index: 1;}
#courseTable .list-filters .acpCheck{width:100%; display: inline-block; margin:0 0 0.5em;}
#courseTable .list-filters input[type='checkbox']{margin:0 0.5em 0 8.5%;}


/***Pathways***/
#banner.path_pages h2{font-size:3em;text-align:left;}
section.path_pages{padding:1.5em 0;}
.pathIntro{margin-bottom: 2em;width:100%;position: relative;display: inline-block;float:left;}
h2.path_title,h3.path_title, .path_pages h3.path_title{font-weight:300;font-size:2.2em;padding:1.5em 7.5% 1.5em!important;width:100%;position:relative;}
h2.path_title svg, h3.path_title svg{width:6%;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.path_pages h3{font-size:1.75em;padding:0 0 1em;font-weight:400;color:rgb(0,0,0);}
.path_pages h4{font-weight:500;font-size:1.5em;padding:0 0 1em;}
.path_pages h5{display:inline-block; font-size:1.25em;line-height:1em;color:rgb(255,255,255);width:100%;font-weight:500;padding:1.25em 5%;
	background: rgb(0,115,187); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(0,115,187) 0%, rgb(0,115,187) 79%, rgba(0,115,187,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0,115,187)', endColorstr='rgba(0,115,187,0.5)',GradientType=0 ); /* IE6-9 */}
.path_pages h6{font-weight:500;font-size:1.15em;}
.primaryPathDetail{width:100%;display: inline-block;float:left;padding:1.5em 5%;background:rgb(242,242,242);margin-bottom: 3em;}
.primaryPathIntro{width:100%;display: inline-block;float:left;position:relative;}
.primaryPathText{width:100%;display: inline-block;float:left;}
.primaryPathText.wImg{width:55%;padding-right:1.5%;}
.primaryPathImage{width:45%;float:right;display:inline-block;padding-left:1.5%;text-align: center;}
.primaryPathImage p{margin:0;padding:0;width:100%;font-size:0.8em;}

.primaryPathGrowth{width:27.5%;display:inline-block;position:relative;float:left;margin:0.5em 0;padding:0 1% 0 0;}
.primaryPathGrowth ul{margin:0;padding:0;list-style: none;display: inline-block;}
.primaryPathGrowth ul li{width:100%;display: inline-block;margin-top:0.5em;}
.primaryPathGrowth ul li span.num{font-size:3em;font-weight:700;display: inline-block;line-height: 1em;margin-right:0.25em;}
.primaryPathGrowth ul li span.desc{font-size:1.1em;font-weight:600;display: inline-block;}
.primaryPathGrowth ul li.source{font-size:0.8em;margin-top:1em;text-align: left;}

.primaryPathCourses{width:100%;display: inline-block;float:left;margin:2.5em 0;}
.path_pages .primaryPathCourses h3{padding:0;}
.primaryPathCourses .js-table-data a{color:rgb(0,0,0);}

.primaryPathSalary{width:27.5%;display:inline-block;position:relative;float:left;margin:0.5em 0 2.5em;padding:0 0 0 1%;}
.salary-graph{display:inline-block;position:relative;width:100%;float:left;height:6.5em;margin:1.5em 0 0;}
.salary-graph tr, .salary-graph th, .salary-graph td {position: absolute;bottom: 0; width: 31%; z-index: 2;margin: 0 1%; padding: 0;text-align: center;}
.salary-graph td {transition: all .3s ease;}
.salary-graph tbody{position:relative;width:100%;height:100%; display:inline-block;}
.salary-graph tbody tr {color: rgb(0,0,0);height:100%}
.salary-graph tbody tr:first-child{left:0;}
.salary-graph tbody tr:nth-child(2){left:33%;}
.salary-graph tbody tr:nth-child(3){left:66%;}
.salary-graph tbody th {bottom: -1.75em; vertical-align: top; color:rgb(0,0,0);width:100%;font-weight:300;text-align: left;}
.salary-graph tbody tr:first-child th{bottom: 32%;}
.salary-graph tbody tr:nth-child(2) th{bottom: 62%;}
.salary-graph tbody tr:nth-child(3) th{bottom: 92%;}
.salary-graph .bar {width: 100%;color: rgb(0,0,0);background:rgb(0,115,187);height:90%}
.salary-graph tbody tr:first-child .bar{background:rgba(0,115,187,0.6);height:30%;}
.salary-graph tbody tr:nth-child(2) .bar{background:rgba(0,115,187,0.8);height:60%}
.salary-graph .bar p {margin: 0.25em 0 0; padding: 0;color:rgb(255,255,255);font-weight:700;}
.salary-graph tbody tr.source{font-size:0.8em;bottom:-3em;margin:0;width:100%;}
.salary-graph tbody tr.source td{width:100%;margin:1em 0;text-align:right;}

/***Foundation Knowledge and Skills***/
#path_foundation h3{color:rgb(163,131,59);}
#path_foundation h3 svg{fill:rgb(163,131,59);}
#path_foundation h4{font-size:2em;padding:1em 0 1em;}
#path_foundation .foundationIntro{width:100%;display: inline-block;float:left}
#path_foundation .foundationIntro ul{width:100%;padding:0;margin:0; list-style: none;}
#path_foundation .foundationIntro ul li{width:65%;float:left;background:rgb(242,242,242);padding: 1.5em 5%;display: inline-block;margin:0.5em 0;}
#path_foundation .foundationIntro ul li:nth-child(2n){float:right;}
#timeline{width:100%;display: block;margin:2em auto;position: relative;padding:2em 0;}
#timeline:after{content:'';clear:both;display: table;}
#timeline:before{content:'';position: absolute;top:0;width:0.18em; height:100%;background:rgb(242,242,242); left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
.timeline-block{position:relative;margin:2em 0;}
.timeline-block:after {clear: both;content: "";display: table;}
.timeline-block:first-child {margin-top: 0;}
.timeline-block:last-child {margin-bottom: 0;}
.timeline-img {z-index:2;position: absolute;top: 0;left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width: 12.5em;height: 12.5em;border-radius: 50%; border: 0.18em solid rgb(242,242,242);-webkit-box-shadow: 5px 3px 5px 0 rgba(0,0,0,0.25);
box-shadow: 5px 3px 5px 0 rgba(0,0,0,0.25);background: rgb(163,131,59);}
.timeline-img svg{position:absolute;top:50%;left:50%;height:7em;-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);fill:rgb(255,255,255);}
.timeline-content {z-index:0;position: relative;padding:2em;width:50%;float:left;}
.timeline-content.evenRow{float:right;}
.timeline-content:after {clear: both;content: "";display: table;}
.timeline-content h5 {font-size:1.6em; line-height: 1em;margin:0 0 0.5em; border-bottom: 0.20em solid rgb(163,131,59); color:rgb(163,131,59);background:none;padding:0.5em 0 1em;}
.timeline-content.evenRow h5{padding-left:3.5em;}
.timeline-content p {margin: 1em 0;line-height: 1.6em;}
.timeline-text{width: calc(100% - 6.25em); display: inline-block;float:left;font-size:90%;}
.evenRow .timeline-text{float:right;}
.timeline-text ul{-moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2;column-gap: 1em;padding:0 1.5em;}


/***Work & Community Based Learning***/
#banner.community_learning{background:rgb(76,128,2);}
#community_learning h3{font-weight:300;font-family:'Raleway',sans-serif;font-size:1.36em;padding:0 0 1em;}
#community_learning h4{font-weight:700;padding:0 0 1em;width:100%;text-align: center;}
#community_learning .text{width:100%;display: inline-block;float:left;margin-bottom: 2em;}
#community_learning .text ul{width:80%;margin:0 10%;-moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 5em; column-count: 2;column-gap: 5em;padding:0 5% 1.5em;}
#community_learning .text ul li{margin:0.5em 0;}
.workNews{width:100%;padding:2em 0;background:rgb(242,242,242);text-align: center;display: inline-block; float:left;}
.workNews h5{font-weight: 300;font-size: 1.36em;padding:0 0 1em;width:100%;}
.workNews .column{width:40%;margin:0 2.5%;display: inline-block;padding:0; vertical-align: top;}
.workNews .column .columnText{background:rgb(255,255,255);text-align: left;display: inline-block;padding:2em 5%;}
.workNews .column .columnText h6{font-weight:700;font-size:1.15em;padding:0.5em 0 0.5em;width:100%;}
.workNews .column .columnText p{font-weight:400;font-size: 0.9em;padding:0 0 0.5em;width:100%;}
.workNews .column .columnText a{display:inline-block;margin:0 0 1.5em;background:rgb(255,255,255); border: 1px solid rgb(0,0,0); color:rgb(0,0,0);font-size:0.75em;text-transform: uppercase;padding:1.25em 1.5em; font-weight:600;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.workNews .column .columnText a:hover,.workNews .column .columnText a:focus,.workNews .column .columnText a:active{background:rgb(76,128,2);border:1px solid rgb(76,128,2);color:rgb(255,255,255);text-decoration: none;}

/***Student Plan***/
.studentPlan{padding: 0 0 2.5em;width:100%;display: inline-block;float:left;text-align: center;}
#planTable{width:100%;display: inline-block;float:left;}
#planTable .js-table-data th{font-size:0.85em;color:rgb(255,255,255);font-weight: 600;}
#planTable .js-table-data thead{background: #333;
background: -moz-linear-gradient(left, #333 0%, #666 100%);
background: -webkit-linear-gradient(left, #333 0%,#666 100%);
background: linear-gradient(to right, #333 0%,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#666',GradientType=1 );}
#planTable .js-table-data tr td{font-weight:400;}
#planTable .js-table-data tr:hover td,#planTable .js-table-data tr:focus td,#planTable .js-table-data tr:nth-child(2n):hover td, #planTable.js-table-data tr:nth-child(2n):focus td{background:rgb(240,240,240);}
#planTable .js-table-data td svg{height:2.5em;}
#planTable .js-table-data td a svg{fill: rgb(0,115,187);}
#planTable .js-table-data td a:hover svg,#planTable .js-table-data td a:focus svg,#planTable .js-table-data td a:active svg{fill: rgb(0,0,0);}

/***Student Login***/
.studentLogin{text-align: center;width:100%;padding:2.5em 0;}
.studentLogin form{width:100%;margin:0 auto;position: relative;}
.studentLogin form .input-item input{border-bottom:1px solid #000;color:#000;}
.studentLogin form .input-item input:hover,.studentLogin form .input-item input:focus,.studentLogin form .input-item input:active{border-bottom-width:3px;}
.studentLogin a{color:#333; font-weight:700;}
.studentLogin a:hover,.studentLogin a:focus{color:rgb(0,0,0); text-decoration: underline;}
.studentLogin .button.logout{position:absolute;left:0;top:0;font-size:60%;}
.studentLogin .button.reverse:hover,.studentLogin .button.reverse:focus,.studentLogin .button.reverse:active{border:1px solid #fff;}
.studentMessage{width:80%;margin:0 10%;text-align: center;}

#googleSignin {width: 100%; text-align: center; padding: 24px 0px 0px 0px; margin: 20px auto 0px auto; position: relative; border-top: 1px solid #bbb;}
#or {position: absolute; width: 28px; height: 10px; top: 0px; left: 50%; background-color: rgb(242,242,242); margin-left: -14px; margin-top: -6px;}
#googleSignin a.google_signin {width: 205px; height: 34px; display: block; background: url(/pro/images/buttons/btn_google_signin_off.png); margin: 0px auto;}
#googleSignin a.google_signin:hover {background-image: url(/pro/images/buttons/btn_google_signin_over.png);}
.emptyValue{text-indent:-5000px;}

/***Forms***/
.input-group {display: inline-block;width: 100%;}
.input-group > * {display: inline-block;width: 47%;margin:0 1%;}
.input-item input{width:100%; background:transparent;border:0; border-bottom:1px solid #000;padding: 0.5em;margin:0.5em 0;}
.input-item input:hover,.input-item input:focus,.input-item input:active{border-bottom-width:3px;}

/***Responsive Table***/
.js-table-data{width:100%;color:rgb(26,26,26);-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.js-table-data thead{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0073bb+0,0073bb+79,ffffff+100 */
	background: rgb(0,115,187); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(0,115,187) 0%, rgb(0,115,187) 79%, rgba(0,115,187,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(0,115,187) 0%,rgb(0,115,187) 79%,rgba(0,115,187,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0,115,187)', endColorstr='rgba(0,115,187,0.5)',GradientType=0 ); /* IE6-9 */}
.js-table-data th{color:rgb(255,255,255);font-weight:400;font-size:1.1em;padding:0.8em;}
.js-table-data tr td{background:rgb(255,255,255);font-size:0.8em;padding:0.8em;text-align: center;font-weight:300;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.js-table-data tr:hover td,.js-table-data tr:focus td,
.js-table-data tr:nth-child(2n):hover td,.js-table-data tr:nth-child(2n):focus td{background:rgba(0,115,187,0.1);}
.js-table-data tr:nth-child(2n) td{background:rgb(246,246,246);}

/*Hover Animations from Hover.css*/
/* Radial Out */
.hvr-radial-out {
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0,115,187);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@media only screen and (max-width: 2800px){
	body{font-size:125%}
}
@media only screen and (max-width: 2400px){
	body{font-size:112.5%}
}
@media only screen and (max-width: 1800px){
	body{font-size:106.25%}
}
@media only screen and (max-width: 1600px){
	body{font-size:100%}
}
@media screen and (max-width: 1400px) {
	.course-grid-item{width:calc(30.2% - 2px);}
}
@media screen and (max-width: 1300px) {
	.entranceBox{height:24vw;}
	.donut{width:100%;margin:0;}
	#courseDetails ul.courseDetails.courseDetailsIcons li{flex-basis:50%;}
}
@media screen and (max-width: 1200px) {
	.entranceBox .text svg{width:2.5em;}
	.entranceBox#entrance_courses .text svg{width:3.5em;}
	.entranceBox .text h2{font-size:1.35em;}
	.entranceBox .text p{font-size:0.9em;}
}
@media screen and (max-width: 1100px) {
	#banner.path_pages h2{font-size:2em;}
	h2.path_title, h3.path_title, .path_pages h3.path_title{font-size:1.8em;}
	.path_pages h3{font-size:1.5em;}
	.path_pages h4{font-size:1.3em;}
	
	.primaryPathSalary,.primaryPathGrowth{width:50%}
	
	#path_foundation h4{font-size:1.6em;}
	.timeline-content h5{font-size:1.4em;}
	
	.course-grid-item .inner h4{font-size:1.1em;}
}
@media screen and (max-width: 1024px) {
	.js-table-data tr th{font-size:1em;}
	.donut-segment{opacity:0;}
	.donut-expanded{opacity:1;}
	a:hover .donut-expanded, a:focus .donut-expanded, a:active .donut-expanded{opacity:1;}
}
@media only screen and (max-width: 980px){
	header h1{font-size:0.8em; width:500%;}
	#logo img{margin:0 1.125em 0 0;}
	
	#banner #breadcrumbs{position: relative; right:auto; bottom:auto; width:100%;}
	
	.entranceBox{width:100%;}
	div.intro{padding:2.5em 10%;}
	
	.planningRow .figure{width:100%!important; text-align:center;}
	.planningRow .figure img{width:auto!important;}
	
	#banner.career_pathways{padding: 1.5em 5%;}
	#pathwayText.sr-only{position:relative;width:100%;height:auto;padding:0;margin:0 0 3.5em;display: inline-block;}
	#pathwayCircle{display:none;}
	#banner.path_pages h2{font-size:1.8em;}
	h2.path_title, h3.path_title, .path_pages h3.path_title{font-size:1.5em;}
	.path_pages h3{font-size:1.3em;}
	.path_pages h4{font-size:1.2em;}
	.path_pages h5{font-size:1.1em;}
	.path_pages h6{font-size:1em;}
	
	#path_foundation h4{font-size:1.3em;}
	.timeline-content h5{font-size:1.2em; padding-bottom:0.5em;}
	.timeline-img{width:8em;height:8em;}
	.timeline-img svg{height:5.25em;}
	.timeline-text{width: calc(100% - 3.15em);}
	
	.course-grid-item{width: calc(47.2% - 2px);}
	.course-grid-item .inner{padding:1.25em 7.5%;}
	.course-grid-item .inner h4{min-height:3.6em; margin-bottom:0.5em;}
	#courseFilter{top:auto; -webkit-transform:none; -ms-transform:none; transform:none; bottom:2.5em}
	#courseTable .list-filters{position: relative; top:auto; -webkit-transform:none; -ms-transform:none; transform:none;right:auto; width:100%; margin-bottom:1em; background:rgb(26,26,26);z-index: 0;}
	#courseDetails ul.courseDetails li{flex-basis:100%;}
	#courseDetails ul.courseResources li{flex-basis:auto;}

	#community_learning .text ul{width:100%; margin:0;}
	.workNews .column{width:44%;}
}
@media screen and (max-width: 800px) {
	#main .wrapper{padding: 0 5%;}
	.js-table-data thead { display: none; }
	.js-table-data tr {display: block;position: relative;padding: 0.8em 0; }
	.js-table-data tr:first-of-type { border-top: 1px solid #ccc; }
	.js-table-data tr td { display: table-row;font-size:1em;padding:0;text-align:left;}
	.js-table-data tr td,.js-table-data tr td:nth-child(2n),
	.js-table-data tr:hover td,.js-table-data tr:focus td{background:none;}
	.js-table data tr{background:rgb(255,255,255);}
	.js-table-data tr:nth-child(2n){background:rgb(246,246,246);}
	.js-table-data td:before {content: attr(data-label);display: table-cell;font-weight: bold;padding: 0.2em 0.6em 0.2em 0;text-align: right; }
	.js-table-data td:last-child:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid rgb(246,246,246); }
	
	#banner #breadcrumbs{text-align:left; margin-top:0.5em;}
	#banner #breadcrumbs li a{font-size:0.9em;}
	#banner #breadcrumbs li:first-child a{padding-left:0;}
	
	#footerTop{text-align:center;}
	#footerLogo,#addressInfo,#footerBtns{width:100%; margin:0 0 0.75em 0;}
	#footerLogo img{max-width:60%;}
	#footerBtns li{width:auto; float:none; margin:0 0.25em 0.75em;}
	#footerBtm p{width:100%; text-align: center; padding:0 0 1.5em;}
	#CMS4SchoolsLogo{width:15%}
	
	.entranceBox{height:auto;}
	.entranceBox .text{position:relative; bottom:auto; left:auto; padding:1.5em 5%;}
	div.intro{padding:2.5em 5%;}
	
	.primaryPathSalary,.primaryPathGrowth{width:100%;padding:0;}
	h2.path_title, h3.path_title, .path_pages h3.path_title{font-size:1.8em;padding:1em 0!important;}
	.path_pages h3{font-size:1.5em;}
	.path_pages h4{font-size:1.4em;}
	.path_pages h5{font-size:1.3em;}
	.path_pages h6{font-size:1.1em;}
	h2.path_title svg, h3.path_title svg{position:relative; width:auto; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; height:2.5em;margin-bottom:0.5em; display:block;}
	
	#path_foundation h4{font-size:1.6em;}
	.timeline-content h5{font-size:1.4em;}
	#timeline:before{right:3.15em; left:auto;  -webkit-transform:none; -ms-transform:none; transform:none;}
	.timeline-img{right:0;left:auto; -webkit-transform:none; -ms-transform:none; transform:none;}
	.timeline-content{width:100%; padding:2em 0;}
	.timeline-text{width:calc(100% - 10em); font-size:95%;}
	.timeline-content.evenRow h5{padding-left:0;}
	.evenRow .timeline-text,.timeline-content.evenRow{float:left;}
	.timeline-text ul{column-gap:1.5em;}
	
}
@media only screen and (max-width: 680px){c
	#logo{font-size:1em;width:100%;text-align:center;z-index:0;}
	#logo a{width:100%;}
	#logo img{margin:0;float:none!important;display:inline-block;max-height:inherit;max-width:calc(100% - 5em);}
	#logo:after{display: none;}
	header h1{width:100%;padding:0.5em 0 1em;margin:0.5em 0 0;position: relative;-webkit-transform:translate(0); -ms-transform:translate(0);transform:translate(0);float:none;top:auto;left:auto;display: inline-block;font-size:1.5em;}
	header h1:before{content:'';width:30%;height:2px;margin:0 auto;position: absolute;display:inline-block;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);top:-0.25em;background:rgb(191,191,191);}
	
	.pathText .iconCircle{width:6em;height:6em;}
	.pathText .iconCircle svg{height:3.5em;}
	.pathText .pathTextInner{font-size:90%; width:calc(95% - 7em);}
	
	.primaryPathImage,.primaryPathText.wImg{width:100%;padding:0;margin:0 0 1em;}
	#banner #breadcrumbs li a{font-size:0.85em;}

	#courseDetails ul.courseDetails.courseDetailsIcons li{flex-basis:100%;}
	
	.workNews .column{width:95%; margin-bottom: 3em;}
}
@media only screen and (max-width: 600px){
	#banner h2{font-size:1.6em;}
	#banner #breadcrumbs li a{font-size:1em;}
	#banner #breadcrumbs li:nth-child(2) a{border:none;}
	#banner #breadcrumbs li:last-child{display:block;}
	#banner #breadcrumbs li:last-child a{padding:0.75em 0 0;}
	
	#path_foundation .foundationIntro ul li{width:100%;}
	.timeline-text ul{column-count:1;}
	
	#community_learning .text ul{column-count:1;}
}
@media only screen and (max-width: 480px){
	header h1{font-size:1em;}
	#CMS4SchoolsLogo{width:30%}
	
	.entranceBox .text p{line-height:1.5em; font-size: 0.9em;}
	div.intro{padding:2.5em 0;}
	
	.pathText{text-align:center;padding: 1.5em 5%;}
	.pathText .iconCircle{margin-bottom:1em;}
	.pathText .pathTextInner{font-size:80%;text-align:left;width:100%;}
	
	.salary-graph tbody th{font-weight:400; font-size: 90%;}
	.primaryPathGrowth ul li span.num{font-size:2em;}
	.primaryPathGrowth ul li span.desc{font-size:0.9em;}
	
	.timeline-img{width:4em; height:4em; right:1.25em;}
	.timeline-img svg{height:1.75em;}
	.timeline-text{width: calc(100% - 5em);}
	
	.course-grid-item{width:calc(98% - 2px);}
	.course-grid-item .inner h4{font-size:1.2em; min-height:0; margin-bottom:1em;}
	
	.courseFilterInner{font-size:90%;}
	.courseFilterInner.open{width:20em;}
}
@media only screen and (max-width: 400px){
	#banner #breadcrumbs li a{font-size:0.9em;}
	#banner h2{font-size:1.3em;}
	
	#timeline:before{right:2em;}
	.timeline-img{right:0; top:-2em;}
	
}