@charset "UTF-8";
/* CSS Document */

/* HTML design
----------------------------------------------- */
body {
	background:url(images/bg.png) repeat #009EBA;
}

a {color:#EB6551; text-decoration:none;}
a:hover {color:#B84F3E; text-decoration:underline;}

h1 {font-family:'TradeGothicBoldCond', Helvetica, sans-serif; font-size:48px; line-height:52px; color:#009EBA; font-weight:normal; margin-bottom:0;}
h2 {font-family:'TradeGothicBoldCond', Helvetica, sans-serif; font-size:36px; line-height:40px; color:#A1BC3A; font-weight:normal; margin-bottom:0;}
h3 {font-family:'TradeGothicBoldCond', Helvetica, sans-serif; font-size:28px; line-height:32px; color:#857970; font-weight:normal; margin-bottom:0;}
h4 {font-family:'TradeGothicBoldCond', Helvetica, sans-serif; font-size:18px; line-height:22px; color:#857970; font-weight:normal; margin-bottom:10px;}
p, ul {font-family:'TradeGothicCond', Helvetica, sans-serif; font-size:24px; line-height:32px; color:#A59D96; margin-top:0;}
p.newTalentTxt, p.talentTxt {margin-bottom: 15px;}
p.rprtTxtLinks {font-family:'TradeGothicBoldCond', Helvetica, sans-serif; font-size:18px; line-height:26px;}
.insetColL p, .insetColR p, p.insetTxt {font-size:18px; line-height:22px;}
p.address {font-size:18px; line-height:22px;margin-bottom: 10px; color:#857970;}
p.phone {
	font-family: 'TradeGothicBoldCond', Helvetica, sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #EB6551;
    margin-bottom: 0px;
	}
p.contactTxt {font-size:18px; line-height:24px;}
h2.newTalentHdr a {color:#a1e0e4;}
h2.talentHdr a {color:#b3b6d1;}

hr {
    background-color: #D6D2CF;
    border: 0 none;
    color: #D6D2CF;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}

img, img a {border:none;}

#wrapper {
	width:100%;
	overflow: hidden; 
	margin:auto; 
	width:960px;
	height:auto;
	background-color:#FFF;
	margin-top:20px;
	box-shadow:0 4px 8px #888888;
	position:relative; /* To keep background behind all elements */
	z-index:1; /* To keep background behind all elements */
}

#container {
	margin:0 auto; 
	position:relative; 
	overflow:hidden;
	padding:40px;
	min-height:940px;
	display: flex;
    flex-direction: column;
}

#nav {
	float: right;
    margin-right: -14px;
}

#nav ul {
	list-style: none outside none;
    margin: 28px 0 0;
    padding: 0;
}

#nav ul li a.current, #nav ul li ul li {
	color:#EB6551;
	font-family:'TradeGothicCond', Helvetica, sans-serif;
	border-bottom:4px solid #EB6551;
	padding-bottom: 2px;
}
#nav ul li a.current {display:block;}

#nav li {
    float: left;
    font-family: 'TradeGothicCond',Helvetica,sans-serif;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
	letter-spacing: -.05px;
    padding: 0 13px;
}

#nav li a {
	color: #857970;
    text-decoration: none;
	display:block;
}

#nav li a:hover {
	color:#EB6551;
	font-family:'TradeGothicCond', Helvetica, sans-serif;
}

#nav li li {
	float: none;
    font-size: 22px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

#nav li li a {
    white-space:nowrap;
}
	
#nav li ul {
	background: none repeat scroll 0 0 #EDF3F9;
    display: none;
    left: 0;
    margin: 0;
    padding: 5px 10px 10px 0;
    position: absolute;
}

#nav li:hover ul {
    display:block;
}
.clear {
	clear:both;
}

.floatL{
	float:left;
}

.floatR {
	float:right;
}

.brown {
	color:#666633;
}
.blue {
	color:#009EBA;
}
.orange {
	color:#EB6551;
}
.teal {
	color:#2B9D92;
}
.green {
	color:#A1BC3A;
}
.textGrey {
	color:#A59D96;
}
b, .bold {font-family:'TradeGothicBoldCond', Helvetica, sans-serif;}
.italic {font-family:'TradeGothicCondObl', Helvetica, sans-serif;}
.marginTop {margin-top:40px;}
.marginBtm {margin-bottom:40px;}
.mainBody {margin-bottom:40px;}
.header {
	border-bottom: 1px solid #d6d2cf;
    height: 80px;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
.textCol {margin-left:215px; width:620px;}
.intro {
	border-left: 5px solid #EB6551;
    color: #A59D96;
    font-family: 'TradeGothicCond',Helvetica,sans-serif;
    margin: 0 0 0 -25px;
    padding-left: 20px;
}
.hr {border:1px solid #D6D2CF; margin:40px 0;}
.econPodCont, .talentPodCont {float:left; width:430px; height:260px; text-align:center; display:table;}
.econPodCont {background:#44c2c9; margin-right:20px;}
.talentPodCont {background:#686ea3;}
.reportPod {display:table-cell;}
.reportIcons {display: inline-block; margin: 35px 0 0 0;}
.newTalentHdr, .newTalentTxt, .talentHdr, .talentTxt {font-family:'TradeGothicCond', Helvetica, sans-serif;}
.newTalentHdr, .newTalentTxt {color:#a1e0e4; }
.talentHdr, .talentTxt {color:#b3b6d1;}
.newTalentHdr, .talentHdr {
	line-height: 0;
    margin-bottom: 20px;
}
.newTalentTxt, .talentTxt {font-size:18px; line-height:22px; margin-bottom: 0;}
.button {
	background: none repeat scroll 0 0 #eb6551;
    color: #fff;
    display: inline-block;
    font-family: 'TradeGothicBoldCond',Helvetica,sans-serif;
    font-size: 18px;
    height: 30px;
    padding: 5px 10px 0; padding/*\**/:2px 10px 2px 10px\9;
	margin-top: 40px;
	margin-right:10px;
}
.button > a {
    color: #FFFFFF;
}
.reportPod p.button {
    margin-top: 0;
}
.footerCont {
	border-top: 1px solid #D6D2CF;
    width: 100%;
}
.footer {font-size:14px;color:#C6C1BC;}
.rprtHgltCont {width:285px; float:left;}
.reportThumbTxtCont {margin-top:25px;}
p.reportTxtLink {float:left; margin-right:10px;}
img.outerGlow {box-shadow: 0px 0px 4px #D6D2CF;}
.insetColL {width:280px; float:left; margin:20px 35px 0 0;}
.insetColR {width:280px; float:left; margin:20px 0 0 0;}
.colL, .colR {width:420px;}
.colL {float:left; margin-right:40px;}
.colR {float:right;}
.pods {
    margin-bottom: 70px;
}

/* Graphics and Icons */
.caLifeScienceImgs {background:url(images/sprites/califescience.png) no-repeat;}
.logo {background-position:0 0; width:337px; height:62px; margin:0 0 0 0; float:left;}
.newTalentIcon {background-position:-336px 0; width:64px; height:64px; margin:30px 0 0 0;}
.talentIcon {background-position:-400px 0; width:61px; height:64px; margin:30px 0 0 0;}
.econHgltCvrIcon {background-position:-461px 0; width:59px; height:75px; margin:0 15px 0 0; 
	box-shadow:0px 0 1px 1px #D6D2CF; float:left;}
.econCvrIcon {background-position:-520px 0; width:59px; height:75px; margin:0 15px 0 0; 
	box-shadow:0px 0 1px 1px #D6D2CF; float:left;}
.twentyeighteenCvrIcon {background-position:-493px -87px; width:59px; height:75px; margin:0 15px 0 0; 
	box-shadow:0px 0 1px 1px #D6D2CF; float:left;}
.twentyeighteenKeyCvrIcon {background-position:-435px -88px; width:59px; height:75px; margin:0 15px 0 0; 
	box-shadow:0px 0 1px 1px #D6D2CF; float:left;}
.caret {background-position: -579px 0; width: 18px; height: 12px; margin: 11px 0 0 0; float: left;}
.pdfIcon {background-position: -580px -11px; width: 17px; height: 18px; margin: 1px 7px 0 0; float: left;}
.baybioLogo {background-position:0 -77px; width:216px; height:72px; margin:38px 0 10px 0;}
.baybioInstLogo {background-position:-215px -77px; width:216px; height:86px; margin:47px 0 15px 0;}
.biocomLogo {background-position:0 -165px; width:213px; height:99px; margin:0 0 20px 0;}
.clsiLogo {background-position:0px -63px; width:217px; height:125px; margin:0 0 15px 0;}
.biocomInstLogo {background-position:-222px -87px; width:213px; height:125px; margin:0 0 15px 0;}
.maleWorkerIcon {background-position:-2px -208px; width:61px; height:64px; margin:30px 0 0 0;}
.femaleWorkerIcon {background-position:-64px -208px; width:61px; height:64px; margin:30px 0 0 0;}

.poweredByCont {
	color: #58595b;
    font-family: "Gotham-Book",Helvetica,sans-serif;
    font-size: 7px;
    text-align: right;
    width: 338px;
}

p.coming-soon {
    color: #FFF;
    font-family: 'TradeGothicBoldCond',Helvetica,sans-serif;
    font-size: 18px;
}

#nav li.inactive {
    color: #C6C1BC;
}

.fine-print {
	font-size: 18px;
	line-height: 20px;
    margin-bottom: 10px;
	margin-top: -10px;
}
.report-intro {
	border-left: 5px solid #EB6551;
    color: #A59D96;
    font-family: 'TradeGothicCond',Helvetica,sans-serif;
    margin: 0 0 20px -25px;
    padding-left: 20px;
}

h2.report-intro {
    margin-bottom: 0;
}

.report-intro p {
    margin-bottom: 10px;
}

.insetTxt {
	margin-top:20px;
}

.intro h2 {
    margin-top: 0px;
}

.mainBody p.button {
    margin: 20px 0 20px 0;
}

h2#reportHighlights {
    margin-bottom: 5px;
}

p.figureDesc {
	font-size:18px; 
	line-height:22px;
	margin:20px 0 0 0;
}

#home-page p.button {
    margin-bottom: 0px;
}

.navbar {
    /* overflow: hidden; */
    font-family: 'TradeGothicCond',Helvetica,sans-serif;
	float: right;
	text-transform: uppercase;
	margin: 12px 0 0 0;
}

.navbar a {
    float: left;
    font-size: 22px;
    color: #857970;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 22px;    
    border: none;
    outline: none;
    color: #857970;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
	text-transform: uppercase;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    color: #EB6551;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-transform: capitalize;
}

.dropdown-content a {
    float: none;
    color: #857970;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #edebea;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.reportPod a:hover {
    text-decoration: none;
    color: #FFF;
}

i.fas.fa-chevron-down {
    font-size: 14px;
}

table.methodCont td.bold {
    vertical-align: top;
	padding-right: 5px;
}

table.methodCont, table.methodTable {font-family:'TradeGothicCond', Helvetica, sans-serif; font-size:24px; line-height:26px; color:#A59D96; margin-top:0; border-collapse: collapse;}

table.methodTable td.bold {
    vertical-align: top;
}

table.methodTable td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
}

table.methodTable tr:nth-child(even) {
    background-color: #dddddd;
}

.imgCont {
    float: right;
    margin-left: 25px;
}

.imgCont img {
    margin-bottom: 15px;
}

.imgCont p {
    width: 120px;
    font-size: 16px;
    line-height: 20px;
}

.copyright-text {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    color: #C6C1BC;
    font-family: 'TradeGothicCond', Helvetica, sans-serif;
}

.privacy-policy {
    float: left;
    margin-top: 10px;
    font-size: 14px;
    font-family: 'TradeGothicCond', Helvetica, sans-serif;
}

.report-thumb {
	float: left;
	margin: 0 15px 0 0;
}

.coverThumbCont {
	width: 100%;
}

.rprtHgltCont-lt {
    width: 40%;
    float: left;
}

.rprtHgltCont-rt {
    width: 60%;
    float: left;
}

p.button-grey {
    background: #999;
}

p.button.button-grey:hover {
    background: #666;
}