@charset "UTF-8";

/* Global Styles */

body {
	background-color: #464646;
    margin: 0px; padding: 0px;
}
html {
  font: 100%/1.5 'Montserrat', Verdana, sans-serif;
  font-weight: 500;
  color: #5A5A5A;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
*{ outline: none;}

h1 { color: #004a80; margin: 0em 0em 1em 0em; font-size: 1.75em; text-transform: uppercase; line-height: 1.2em; }
h2 { color: #004a80; font-size: 1.25em; margin: 1.25em 0em 1em 0em; line-height: 1.2em; }
h3 { color: #464646; font-size: 1.125em; margin: 1.25em 0em 1em 0em; }

p { margin: 0px 0px 1em 0px; }
a {
	color: #00a1a5;
    color: #237CD5;
	text-decoration: none;
}
a:hover {
   color: #00E4E6; 
}

input, select {
	color: #6C6C6C;
	font-size: .9em;
	font-family: 'Montserrat', Verdana, sans-serif;
}
div { box-sizing: border-box; }
.page {
/*	max-width: 1200px; */
/*	margin: 0px auto 20px auto; */
    width: 100%;
	position: relative; 
	background-color: #fff;
	-webkit-box-shadow: #3A3A3A 2px 2px 20px;
    -moz-box-shadow: #3A3A3A 2px 2px 20px;
    box-shadow: #3A3A3A 2px 2px 20px;
    box-sizing: border-box;
}

.flex-row {
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
 	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.flex-row.center {
	justify-content: center;
	align-items: stretch;
}
.flex-item {
	flex: 0 0 auto; 
}

header.small { display: none; }

header { position: absolute; background-color: #004a80; width: 100%; height: 85px; top: 0px; left:0px; z-index: 11000; opacity: 0.85; filter: alpha(opacity=85); }
header .headerContainer { position: relative; width: 80%; margin: 0 auto; }
header .headerContainer div.logo { float: left; width: 65%; text-align: left; }
header .headerContainer div.logo a.logo { display: block; position: absolute; top: 20px; left: 20px; width: 156px; height: 47px; background-image: url(../images/logo_reversed_156.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 156px 47px; }
header .headerContainer nav { float: right; width: 35%; text-align: right; }

.bannerHealthCare { width: 100%; height: 700px; background: url(../images/banner-health-care-opportunities-stock2-lg.jpg) no-repeat; background-position: top center; background-size: cover; }
.bannerHealthCare img { width: 100%; max-height: 1324px;  }
.bannerHealthCareSubpage { width: 100%; height: 500px; background: url(../images/banner-health-care-subpage-2-lg.jpg) no-repeat; background-position: top center; background-size: cover; }
.bannerHealthCareSubpage img { width: 100%; max-height: 475px;  }

.contentContainerHome { width: 100%; background: #237CD5 0% 0% no-repeat; opacity: 1; padding: 50px 15%; box-sizing: border-box; }
.contentContainerHome h1 { 
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
    letter-spacing: 0;
    color: #FFFFFF;
    text-shadow: 2px 3px 5px #00000059;
    text-transform: uppercase;
    opacity: 1;
    padding-bottom:15px;
    border-bottom: solid 2px #FFF;
}
.contentContainerHome h2 { 
    text-align: center;
    font-size: 2.25em;
    font-weight: 500;
    letter-spacing: 0;
    color: #FFFFFF;
    text-shadow: 2px 2px 4px #00000059;
    text-transform: uppercase;
    opacity: 1;
    
}
.contentContainerHome p { 
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    font-size: 1.25em;
    margin: 2.5em 5% 1em 5%;
 /*   padding: 0 5%; */
}
.contentContainerHome p.cta {    
    margin-top: 1.25em;
}
.contentContainerHome p a { 
    font-weight: 700;
    text-decoration: none;
    color: #FFFFFF;
}
.contentContainerHome p.cta a { 
    font-weight: 400;
    font-size: 1.5em;
    text-decoration: underline;
}

.contentContainerSubpage { width: 100%; padding: 50px 10% 0 10%; box-sizing: border-box; background-color: #FFF; }
.headingSeparator { margin: 0 0 1.25em 0; width: 10%; border-bottom: solid 3px #237CD5; }
.contentContainerSubpage p {font-size: 1em; }

.employerContainer { width: 100%; padding: 30px 5%; }
.employerContainer h2 {
    color: #1C64AC;
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}
.employerContainer .employer { width: 20%; flex: 0 0 auto; padding: 10px 15px; }
.employerContainer .employer img { height: 100%; max-height: 110px; }
.employerContainer.subpage { width: 100%; padding: 0px 10% 20px 10%; }
.employerContainer.subpage h2 {
    font-size: 2em;
    letter-spacing: 0;
    text-transform: none;
    margin-top: 2em;
    padding-bottom: 10px;
    border-bottom: solid 2px #1C64AC;
}
.employerContainer.subpage .employer { width: 50%; padding: 0 5%; }
.employerContainer.subpage .employer img { max-height: 100px; }
.employerContainer.subpage .employer p {  }

.subscribe { position: relative; height: 500px; width: 100%; background: url(../images/bg-subscribe.png) no-repeat; background-position: top right; background-size: cover; }
.subscribe_content { padding-top: 100px; text-align: center; }

.subscribe_content p { font-size: 1.25em; line-height: 1.2; color: #FFFFFF; padding: 0 5%; }
.subscribe_content p.heading { font-size: 3em; font-weight: 700; text-transform: uppercase; padding: 0; margin-bottom: 0; }
.subscribe_content p.subscribe_button {
	width: 120px;
	margin: 1.5em auto;
	font-size: 1em;
	text-transform: uppercase;
	color: #C7C7C7;
	padding: 20px 25px;
	background-color: #00E4E6;
	border-radius: 5px;
	text-align: center;
}
.subscribe_content p.subscribe_button a { color: #FFFFFF; }
.subscribe_content p.subscribe_button a:hover { color: #EFEFEF; }

footer { width: 100%; background-color: #222328; }
.footerTop { width: 100%; padding: 50px 7%; background-color: #222328; border-bottom: solid 1px #444; }
flex-items.footerTop { align-items: center; }
.footerAbout { width: 33%; padding-right: 5%;  border-right: solid 1px #666; }
.footerPodcast { width: 33%; padding: 0 5%; text-align: center; }
.footerPodcast img { width: 100%; max-width: 220px; padding-top: 5px; }
.footerMenu { width: 33%; padding-left: 5%; border-left: solid 1px #666; }
.footerBottom { width: 100%; padding: 30px 7%; }
.footerBottomLinks { float:left; width: 50%; } 
.footerBottomCopyright { float: right; width: 50%; text-align: right;}
.footerMenu a { display: block; margin-bottom: 10px; margin-top: 0; }
.footerBottomLinks a { margin-right: 12px; }
.footerAbout p { font-size: .9em; color: #FFF; opacity: .65; filter: alpha(opacity=65); }
.footerAbout a { display: block; font-size: .9em; color: #FFF; font-weight: 500; opacity: 1; filter: alpha(opacity=100); }
.footerAbout a:hover { color: #00A1A5; }
.footerAbout p.heading, .footerPodcast p.heading, .footerBottomCopyright p, .footerMenu a, .footerBottomLinks a { color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: 500; opacity: 1; filter: alpha(opacity=100); }
.footerMenu a:hover, .footerBottomLinks a:hover { color: #00A1A5; }
.footerBottomCopyright p { opacity: .50; filter: alpha(opacity=50); font-weight: 400; }

div.list { margin-top: .75em; margin-bottom: .5em; } 
div.list p { margin-bottom: .5em; }
div.list ul { margin-top: 0; margin-bottom: 0; }
div.list li  { margin: 0 0 .5em 0; }

table.bordered { border-top: solid 1px #CCC; border-right: solid 1px #CCC; margin-top: 1em; margin-bottom: 1em; }
table.bordered td { border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; padding: .3em .5em;  }
table.bordered td p { margin:0; }

/* top navigation styles */

.box-shadow-menu {
  	position: relative;
	padding-left: 3.75em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 1em;
  top: 2em;
  width: 1.5em;
  height: 0.15em; 
  background: #FFFFFF;
  box-shadow: 
    0 0.5em 0 0 #FFFFFF,
    0 1em 0 0 #FFFFFF;
}
a.box-shadow-menu { color: #FFFFFF; font-size: 1rem; padding-top: 2em; padding-left: 3.75em; }

.toggleMenu {
    display:  none;
/*   background-color: #FBAE23; */
    padding: 15px 1em 15px 2.5em;
    color: #fff;
	font-size: .9em;
}
a.toggleMenu  { 
	text-decoration: none;
	color: #FFF;
}
a.toggleMenu.hover  { 
	color: #FFF;
}

.nav {
	list-style: none;
	*zoom: 1;
	background-color: #666666;
	opacity: 0.99; filter: alpha(opacity=99);
	padding: 0 2% 0 2%;
	margin: 0;
	z-index: 11000;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
	margin: 0;
	padding:0;
/*    width: 15em;	*/
	z-index: 200;
	background-color: #666666;
}
.nav a {
    padding: 10px 2.2em 10px 2.2em; 
    color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}
.nav a:hover {
	color: #00a1a5;
}

.nav li {
    position: relative;
    width: 100%;
}
.nav > li {
    float: left;
}
.nav > li > .parent {

}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;		
	z-index: 11000;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	background-color: #464646;
	position: relative;
	z-index:200;
	border-bottom: 1px solid #DEDEDE;
	padding: 8px 25px 8px 8px;
	font-size: 13px;
}
.nav li li li a {
	background-color: #D18903;
	z-index:200;
	border-top: 1px solid #DEDEDE;
	font-size: 13px;
}
/* End of top navigation styles */

/* Form styles */

div#formcontainer {
width: 90%;
margin: 10px 0 10px 0;
padding: 10px;
border: 1px solid gray;
}
form{
width:90%;
margin:1% auto;
}
div#formcontainer table{ margin-bottom: 10px; }
label { display: block; }
/* Makes responsive fields. Sets size and field alignment.*/
input[type=text], select, textarea {
	margin-bottom: 10px;
	margin-top: 5px;
	width:90%;
	padding: 10px;
	border-radius:5px;
	border:1px solid #00A1A5;
}
input[type=submit]
{
margin-bottom: 20px;
width:90%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
background-color: #00A1A5;
color: aliceblue;
font-size:15px;
cursor:pointer;
}
select {
margin-bottom: 10px;
margin-top: 5px;
width:90%;
padding: 10px;	
}

/* End of form styles */

.clear-fix { clear: both; line-height: 1px; }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media screen and (max-width: 1680px) { 
    .contentContainerHome { padding: 50px 10%; }
    .contentContainerHome h1 { font-size: 2.25em; }
    .employerContainer .employer img { max-height: 90px; }
}
@media screen and (max-width: 1440px) { 
    .bannerHealthCare { height: 525px; }
}
@media screen and (max-width: 1024px) { 
    .contentContainerHome { padding: 50px 10%; }
    .employerContainer .employer img { max-height: 75px; }
    .bannerHealthCare { height: 525px; }
}
@media screen and (max-width: 768px) { 
    
    /* top navigation styles */
    
    .box-shadow-menu:before { top: 1em; }
    .active {
        display: block;
    }
	.nav {
		font-size: 0.8em;
		background-color: #666666;
		opacity: 1; 
		filter: alpha(opacity=100);
		padding: 0 .25em;
		z-index: 12000;
    }    
    .nav a { padding: 5px 1em 5px 1em; }
	.nav a:hover {
		color: #C0C0C0;
	}
	.nav li li a:hover {
		color: #C0C0C0;
	}
    .nav > li {
        float: none;
    }
	.nav > li > .parent {
   	 	background-image: url("../images/downArrow.png");
    	background-repeat: no-repeat;
    	background-position: 99% 45%;
	}
    
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 99% 45%;
    }
    .nav ul {
        display: block;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	nav { height: 50px; position: relative; }
    
    /* header styles */
    
    header { position: relative; background-color: #004a80; width: 100%; height: 60px; top: 0; z-index: 10000; opacity: 1; filter: alpha(opacity=100); }
    header .headerContainer { position: relative; width: 94%; margin: 0 auto; }
    header .headerContainer div.logo { position: absolute; width: 130px; top: 0; left:0; }
    header .headerContainer div.logo a.logo  { display: block; position: absolute; top: 10px; left: 10px; width: 115px; height: 35px; background-image: url(../images/logo_reversed_115.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 115px 35px; }
    header .headerContainer nav { float: right; width: 65%; }
   
    .contentContainerHome { padding: 30px 10%; }
    .contentContainerHome h1 { font-size: 1.75em; }
    .contentContainerHome h2 { font-size: 1.5em; }
    .employerContainer h2 { font-size: 1.5em; }
    .employerContainer .employer { width: 100%; padding: 0 20px; text-align: center; }    
    .employerContainer .employer img { height: 100%; max-height: 85px; }
    .employerContainer.subpage .employer { width: 100%; padding: 0 20px; text-align: center; }
    .contentContainerHome p.cta a { font-size: 1em; }
    .subscribe { background: url(../images/bg-subscribe-600x400.png) no-repeat; background-position: center; background-size: cover; }
    .subscribe_content p.heading { font-size: 2.5em; }
    .footerTop { padding: 25px 5%; }
    .footerAbout, .footerPodcast { width: 100%; padding: 0 5%; text-align: left; }
    .footerAbout { border-right: none; }
    .footerPodcast p.heading { padding-top: 2em; }
    .footerMenu { display: none; }
    .footerBottomLinks { float:none; width: 100%;  padding: 0 3%; text-align: center; } 
    .footerBottomCopyright { float:none; width: 100%;  padding: 0 3%; text-align: center; }
    .footerBottomCopyright p { font-size: .7em; }
} 
@media screen and (max-width: 767px) { 
    .bannerHealthCare { height: 300px; background: url(../images/banner-health-care-opportunities-stock2-sm.jpg) no-repeat; background-position: top center; background-size: cover; }
    .bannerHealthCareSubpage { height: 250px; }
}