.integrated-site div.highlighted {
    background-color: var(--ltgrey);
}

.path-frontpage.integrated-site section.col-sm-12{
  margin-bottom: -34px;
}
.integrated-site span.slide-title{
  color:#ffffff;
	font-size:22px;
	padding: 0 0em 1em 0;
	font-family: 'Encode Sans Normal';
	text-transform:uppercase;
  display:block;
}

.integrated-site li.sf-depth-2 a{
  background-color: var(--ltgrey);
  color: var(--purple) !important;
  font-size: 17px;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  padding: 14px 8px 14px 20px;
}
.integrated-site li.sf-depth-3 a{
  background-color: var(--ltgrey);
  color: var(--purple) !important;
  font-size: 17px;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  padding: 14px 8px 14px 28px;
}

/*------Integrated site menus----*/
/*Fix ugly dropshadow around nav*/
body.integrated-site #navbar {
  border: 0px 0px 0px 0px;
  box-shadow: none;
}
body.integrated-site div.highlight{
  background-color: var(--purple);
}

/*Style main nav integrated site*/

body.integrated-site header#navbar{
  background-color: var(--ltgrey);
  border-radius: 0px;
}
body.integrated-site #block-mainmenu-4 .sf-style-none {
  float: left;
  margin: 7px 0px 0px 100px;
  padding: 0;
}
@media only screen and (max-width: 768px){
body.integrated-site #block-mainmenu-4 .sf-style-none {
  float: left;
  margin: 7px 0px 0px 15px;
  padding: 0;
}
}
body.integrated-site #block-mainmenu-4 .sf-style-none.sf-navbar {
  width: 100%;
}

body.integrated-site #block-mainmenu-4 .sf-depth-1 a.menuparent::after{
  content: "\2002\276F\00A0\002f";
  left: 0;
  line-height: 1;
  position: inline;
  text-indent: 0;
  top: 0;
  color: var(--dkgrey);
}

body.integrated-site #block-mainmenu-4 .sf-depth-2 a.menuparent::after{
  content: "\2002\276F";
  left: 0;
  line-height: 1;
  position: inline;
  text-indent: 0;
  top: 0;
  color: var(--dkgrey);
}
body.integrated-site #block-mainmenu-4 ul.sf-menu a:hover{
  background-color: var(--ltgrey);
  color: var(--dkgrey) !important;
  font-size: 17px;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  padding: 14px 8px 14px 7px;
}
body.integrated-site #block-mainmenu-4 ul.sf-menu a{
  background-color: var(--ltgrey);
  color: var(--dkgrey) !important;
  font-size: 17px;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  padding: 14px 8px 14px 7px;
}
body.integrated-site #block-mainmenu-4 #main-menu-link-contentde7f607e-7fdd-41eb-94cf-ad7485527866 a{
  background-color: var(--ltgrey);
  color: var(--dkgrey) !important;
  font-family: "Encode Sans Compressed";
  font-weight: 900;
  text-transform: uppercase;
  float:right;
  padding-left: 20px;
}
body.integrated-site  #block-mainmenu-4 #main-menu-link-contentde7f607e-7fdd-41eb-94cf-ad7485527866 a::after{
  content: "\2002\276F\00A0\002f";
  left: 0;
  line-height: 1;
  position: inline;
  text-indent: 0;
  top: 0;
  color: var(--dkgrey);
}
body.integrated-site #block-mainmenu-4 div#block-searchform, .block-views-exposed-filter-blocksearch-content-page-1 {
  margin-top: 40px;
  position:absolute;
  z-index: 1;
}
@media only screen and (max-width: 992px){
  .integrated-site .navbar,
  .integrated-site .block-superfish {
    position: relative;
    min-height: 20px;
    padding-bottom: 10px;
    border: 1px solid transparent;
    margin-bottom: 0px;
}
}

.integrated-site a#superfish-main-toggle{
  color: var(--dkgrey) ;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0px 0px 0px 10px;
  background-color: var(--ltgrey);
}

.integrated-site a#superfish-main-toggle:hover{
  background-color: var(--ltgrey);
  color:  var(--dkgrey);
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0px 0px 0px 10px;
}

.integrated-site a#superfish-main-toggle::after{
  content: "\2002\276F" !important;
  font-size: 18px;
}
.integrated-site a#superfish-main-toggle::before{
  content: "DEOHS "
}

/** Add OEM ? **/
a#superfish-menu-eohml-navigation-toggle,
a#superfish-menu-occepi-sub-site-menu-toggle,
a#superfish-menu-ptc-navgation-toggle,
a#superfish-menu-field-group-navigation-toggle,
a#superfish-menu-nwcohs-nav-toggle,
a#superfish-menu-mesa-air-navigation-toggle,
a#superfish-menu-eh-lab-navigation-toggle,
a#superfish-menu-pehsu-sub-site-menu-toggle, 
a#superfish-ceer-navigation-toggle {
  color: var(--purple) ;
  font-family: "Encode Sans Compressed";
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0px 0px 0px 10px;
}
a#superfish-menu-eohml-navigation-toggle::after,
a#superfish-menu-occepi-sub-site-menu-toggle::after,
a#superfish-menu-ptc-navgation-toggle::after,
a#superfish-menu-field-group-navigation-toggle::after,
a#superfish-menu-nwcohs-nav-toggle::after,
a#superfish-menu-mesa-air-navigation-toggle::after,
a#superfish-menu-eh-lab-navigation-toggle::after,
a#superfish-menu-pehsu-sub-site-menu-toggle::after, 
a#superfish-ceer-navigation-toggle::after {
  content: "\2002\276F" !important;
  font-size: 18px;
}
/*---end integrated sites menu styles---*/

.integrated-site h1.page-header{
  margin-top: 0px;
  position: relative;
  left: 0px;
  color: var(--purple);
  font-size: 40px;
  text-shadow: none;
}

.integrated-site div.highlight.container-fluid {
  background-color: #ffffff;
}

body.path-frontpage.integrated-site .main-container {
  margin-bottom: 0px !important;
}

.frcg h1.page-header::before{
  content: "Field Research and Consultation Group";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.xia h1.page-header::before{
  content: "Xia Lab";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.ptc h1.page-header::before{
  content: "Predictive Toxicology Center";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.nwcohs h1.page-header::before{
  content: "Northwest Center for Occupational Health and Safety";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.occepi h1.page-header::before{
  content: "Occupational Epidemiology and Health Outcomes Program";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.eohml h1.page-header::before{
  content: "Environmental and Occupational Health Microbiology Lab";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.mesa h1.page-header::before{
  content: "Multi-Ethnic Study of Atherosclerosis and Air Pollution";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.ehlab h1.page-header::before{
  content: "Environmental Health Laboratory and Trace Organics Analysis Center";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.oem h1.page-header::before{
  content: "Occupational & Environmental Medicine";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.cangelosi-lab h1.page-header::before{
  content: "Cangelosi Lab";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.ept h1.page-header::before{
  content: "Environmental Pathology/Toxicology Training Program";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.bebteh h1.page-header::before{
  content: "Biostatistics, Epidemiologic and Bioinformatic Training in Environmental Health";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.ceer h1.page-header::before{
  content: "Collaborative on Extreme Event Resilience";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}
.ceer div.title-image img{
  opacity: 1;
}

.prehs h1.page-header::before{
  content: "UW Pediatric and Reproductive Health Scholars K12 Program";
  display: block;
  margin-top: -250px;
  position: absolute;
  left: 17px;
  color: #ffffff;
}

.frcg h1.page-header > span, .xia h1.page-header > span, .ptc h1.page-header > span, .nwcohs h1.page-header > span, .occepi h1.page-header > span, .eohml h1.page-header > span, .mesa h1.page-header > span, .ehlab h1.page-header > span, .oem h1.page-header > span, .cangelosi-lab h1.page-header > span, .ept h1.page-header > span {
  text-shadow: none!important;
}

.frcg > div.dialog-off-canvas-main-canvas > div.highlight.container-fluid > div.row > div.highlighted > div {
  float: none!important;
}

body.integrated-site.path-frontpage > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div > section > div > h1 > span,
body.integrated-site.intpath-frontpage > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div > section > div > h1 > span,
body.no-h1 > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div > section > div > h1 > span {
  display: none;
}

  @media (max-width: 992px) {
    .integrated-site h1.page-header{
      margin-top: 0px;
      position: relative;
      left: 0px;
      color: var(--purple);
      font-size: 30px;
    }
  }