/* begin global.css styles */
body.pathways .row.top { padding-top: 130px; padding-bottom: 50px; }
body.pathways .row.top h1 { color: #df4100; letter-spacing: .2em; font-size: 2.4em; line-height: 1em; }
body.pathways .content { padding-top: 50px; }
body.pathways .content p { font-size: 1.2em; }
.pathwaysCareers { padding-top: 50px; padding-bottom: 80px; }
.pathwaysCareers h4 { color: #222; }
.pathwaysSearch { margin-top: 60px !important; }
.pathwaysSearch .filters { background-color: #f7f2f0 !important; padding: 4px; box-shadow: 3px 3px 3px #999; }
.pathwaysSearch .filters h4 { font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; text-transform: none; color: #de4a12; margin: 0; padding: 4px 8px; }
.pathwaysSearch .filters a { color: #222; border: 1px solid #dedede; background-color: #fdf7f5; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.1em; line-height: 1.5em; text-transform: uppercase; padding: 6px 8px 4px; display: block; }
.pathwaysSearch .filters a:after { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #222 transparent transparent transparent; border-top-style: solid; margin-top: -3px; position: absolute; top: 50%; right: 10px; }
.pathwaysSearch .filters a:hover, .pathwaysSearch .f-dropdown li a.active { color: #de4a12; }
.pathwaysSearch .f-dropdown { margin-top: 0; border-color: #dedede; border-top: none; opacity: 0.9; }
.pathwaysSearch .f-dropdown::before, .pathwaysSearch .f-dropdown::after { display: none; }
.pathwaysSearch .f-dropdown li { font-size: 1.1em !important; line-height: 1.5em; }
.pathwaysSearch .f-dropdown li a { border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #dedede; }
.pathwaysSearch .f-dropdown li a:after { display: none; }
.pathwaysSearch .f-dropdown li:last-child a { border-bottom: none; }
.pathwaysGrid { margin-top: 30px !important; }
.pathwaysGrid .columns { padding-top: 0.9375em; padding-bottom: 0.9375em; }
.pathwaysGrid a { color: #222; position: relative; display: block; }
.pathwaysGrid a img { width: 100%; height: auto; position: relative; }
.pathwaysGrid a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .75); opacity: 0; transition: all 400ms; }
.pathwaysGrid a:hover .overlay { opacity: 1; }
.pathwaysGrid a .overlay p { position: absolute; bottom: 15px; left: 15px; font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 0; padding-right: 15px; }

/* pathways detail */
.pathwaysBanner { padding-top: 150px; position: relative; }
.pathwaysBanner img { width: 100%; height: auto; position: relative; }
.pathwaysBanner h3 { color: #222; font-size: 2em; margin-top: 30px; }
.pathwaysBanner p { color: #222; font-size: 1.2em; }
.pathwaysBanner .button { background-color: #006a3d; margin-bottom: 0; display: block; }
.pathwaysBanner .button i { margin-left: 10px; }
.pathwaysBanner .button:hover { background-color: #222; }
.pathwaysStory { border: 1px solid #cdcdcd; border-top: none; display: none; }
.pathwaysStory .container { padding: 30px; }
.pathwaysStory h3 { color: #df4100; }
body.pathways-detail ul.careerPath { margin-top: 0; padding-top: 30px; }
body.pathways-detail ul.careerPath li { min-height: inherit; }
.pathwaysCareers h3 { color: #222; font-size: 2em; }

body.landing.careers ul.careerPath {
  display: none;
}

body.landing.careers ul.careerPath.active {
  display: table;
}

/* 641px */
@media only screen and (min-width: 40.063em) {

	body.pathways-detail ul.careerPath { border-bottom: 2px solid #8b8b8b; }
	body.pathways-detail ul.careerPath li { min-height: 240px; }
	
}
/* end global.css styles */


/* begin landing.css styles */
div.row.careerNav { max-width: 900px; margin: 0 auto; margin-top: 40px; }
div.row.careerNav h3 { display: inline-block; background: #006a3d; color: white; margin: 0 20px 0 0; padding: 1px 15px; line-height: 50px; font-size: 1.6em; }
div.row.careerNav #careerSelector { width: 295px; }
div.row.careerNav #careerSelector .ui-selectmenu-button span.ui-selectmenu-text { background: #f7f2f0; }

ul.careerPath { margin: 0 auto; list-style: none; width: auto; position: relative; display: table; margin-top: 20px; }
ul.careerPath li { width: 100%; background: #f7f2f0; padding: 20px 15px 15px 15px; margin-bottom: 30px; display: block; position: relative; min-height: 240px; -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3); }
ul.careerPath li:nth-child(2n) { -webkit-box-shadow: -1px 1px 1px 0 rgba(0,0,0,.3); box-shadow: -1px 1px 1px 0 rgba(0,0,0,.3); }
ul.careerPath li h3 { color: #dd4d28 !important; margin-bottom: 15px !important; }
ul.careerPath li h3 span { color: black; }
ul.careerPath li img + h3 { margin-top: 20px; }
ul.careerPath li div.bullet { height: 20px; width: 45px; background: url('../../img/2015/img-bg-careers_nib.png') no-repeat center left; background-size: contain; position: absolute; right: -45px; top: 30px; border-right: 20px solid black; display: none; }
ul.careerPath li:nth-child(2n) div.bullet { right: inherit; left: -45px; border-right: 0 solid black; border-left: 20px solid black; background: url('../../img/2015/img-bg-careers_nib-r.png') no-repeat center right; background-size: contain; }

body.landing.careers ul.careerPath { display: none; }


/* 641px */
@media only screen and (min-width: 40.0625em) {
	.careerPathContainer { background: url('../../img/2015/img-bg_careers.gif') repeat-y center top; }
	ul.careerPath { width: 620px; background: none; }
	ul.careerPath li { width: 274px; float: left; }
	ul.careerPath li:nth-child(2n) { float: right; }
	ul.careerPath li:nth-child(2) { margin-top: 120px; }
	ul.careerPath li div.bullet { display: block; }
	div.row.careerNav #careerSelector { width: 40%; float: left; }
	div.row.careerNav h3 { float: left; font-size: 1.8em; }
	div.row.careerNav { margin-top: 100px; }
}

/* 768px */
@media only screen and (min-width: 48em) {
	ul.careerPath { width: 738px; }
	ul.careerPath li { width: 334px; }
}


/* 1025px */
@media only screen and (min-width: 64em) {
	ul.careerPath { width: 994px; }
	ul.careerPath li { width: 447px; }
	ul.careerPath li div.bullet { width: 60px; right: -60px; }
	ul.careerPath li:nth-child(2n) div.bullet { left: -60px; }
}

/* end landing.css styles */




/* NEW STUFF 
	
*****************************************

*/
div.pathwayImage { height: 300px; margin-top: 85px; }
div.something { width: 100%; position: relative; padding: 0 15px; z-index: 1; margin-bottom: 20px; }
div.pathwayText { padding: 20px 0 0 0; } 
div.pathwayText p { font-size: 1.2em; line-height: 1.4em; }
div.pathwayText h3 { font-size: 2.4em; color: #222; }
div.pathwayText a.button { margin-bottom: 0; background-color: transparent; border: 1px solid #CCC; font-family: 'TradeGothicW01-BoldCn20 675334', sans-serif; text-transform: uppercase; font-size: 1em; padding: .5em; position: relative; display: inline-block; color: #006a3d; }
div.pathwayText a.button.read { margin-right: 5px; }
div.pathwayText a.button:hover { background-color: rgba(255,255,255,1); color: #222; border: 1px solid #222; }

div.pathwayText a.button i { margin-left: 10px; }
div.pathwayContainer.readStory a.button, div.pathwayContainer.watchVideo a.button { color: rgba(255,255,255,1) !important; background-color: rgba(255,255,255,.3); }
div.pathwayContainer.readStory a.button:hover, div.pathwayContainer.watchVideo a.button:hover { border: 1px solid rgba(255,255,255,.5) !important; color: #222 !important; }
div.pathwayText a.button.active { border: 1px solid white !important; background-color: rgba(255,255,255,1); color: #006a3d !important; }

div.pathwayStory, div.pathwayVideo { display: none; overflow: hidden; background: white; }
div.pathwayStory * { color: #222; }
div.pathwayStory .container, div.pathwayVideo .container { padding: 20px; }
div.pathwayVideo .flex-video { margin-bottom: 0; }
div.pathwayStory h3 { color: #df4100 }
div.pathwayStory .container p { font-size: 1.3em; line-height: 1.4em; }
div.pathwayStory .container p a { text-decoration: underline; color: #467C3B }
div.pathwayStory .container p a:hover { text-decoration: none }
div.shade { position: fixed; background: rgba(0, 0, 0, .6); width: 100%; top: 0; bottom: 0; left: 0; display: none; }

div.pathwayContainer.white div.pathwayText h3, div.pathwayContainer.white div.pathwayText p { color: #222; }
div.pathwayContainer.white div.pathwayText a.button { border: 1px solid #AAA; color: #555; }

div.pathwayContainer.readStory div.shade, div.pathwayContainer.readStory div.pathwayStory, 
div.pathwayContainer.watchVideo div.shade, div.pathwayContainer.watchVideo div.pathwayVideo { display: block; }

body.pathways-detail ul.careerPath li h3 { margin-bottom: 10px; }
body.pathways-detail ul.careerPath li p { font-size: 1.1em; line-height: 1.4em; }

body.pathways-detail .social { padding-top: 20px; }


/* 641px */
@media only screen and (min-width: 40.063em) {
	
	div.pathwayImage { height: 600px; margin-top: 0; }
	div.something { position: absolute; top: 200px; padding: 0 40px; }
	div.pathwayText { max-width: 400px; } 

	div.pathwayText p, div.pathwayText h3 { color: white; }
	div.pathwayText a.button.active, div.pathwayText a.button:hover { background-color: rgba(255,255,255,1); border: 1px solid white !important; }
	div.pathwayText a.button:hover { border: 1px solid #BBB !important; }
	div.pathwayText a.button.read { margin-right: 15px; }
	div.pathwayText a.button { background-color: rgba(255,255,255,.3); color: white; font-size: 1.2em; padding: .5em 1em; }
	div.pathwayStory .container p { font-size: 1em; line-height: 1.5em; }
	body.pathways-detail ul.careerPath li p { font-size: 1em; }
	
}