/****************************
 * HEADER WRAPPER
 ****************************/

#header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:200;
}

#header.active-scroll .region-header-top {
  background-color:#000;
}

#header.small .region-header-top,
#header.small .nav-links-block ul#nav-tabs,
#header.small .nav-drop-wrapper {
  display:none;
}
  #header.small .nav-links-block {
    float:right;
  }

#header.small h1#site-name {
  width:110px;
  height:34px;
  margin:10px 10px 10px 0;
}



/*****************************
 * MAIN NAVIGATION
 ****************************/

.nav-links-block > ul#nav-tabs {
  margin:0;
  padding:0 0 0 2px;
  background:url(../images/nav-divider.gif) 0 0 no-repeat;
}
  .nav-links-block > ul#nav-tabs li {
    padding:0;
    margin:0;
    width:240px;
    float:left;
    list-style:none;
  }
    .nav-links-block > ul#nav-tabs li a {
      display:block;
      font-size:18px;
      line-height:100px;
      font-weight:600;
      color:#504b43;
      text-align:center;
      text-transform:uppercase;
      background:url(../images/nav-divider.gif) right 0 no-repeat;
      text-decoration:none;
      outline:none;
    }
    .nav-links-block > ul#nav-tabs li a.active,
    .nav-links-block > ul#nav-tabs li a:hover {
      background-color: #FFFFFF;
	    background-image: none;
	    box-shadow: 0 -6px 5px 1px rgba(24, 24, 25, 0.3);
	    color: #8C1515;
	    margin: 0 0 -4px -2px;
	    padding: 0 0 4px 2px;
    }


.context-section-fellows .nav-links-block > ul#nav-tabs li a.nav-link-fellows,
.context-section-publications .nav-links-block > ul#nav-tabs li a.nav-link-publications,
.context-section-research .nav-links-block > ul#nav-tabs li a.nav-link-research,
.context-section-library .nav-links-block > ul#nav-tabs li a.nav-link-library {
  color:#8c1515;
}

/******************************
 * NAVIGATION CONTAINER BLOCK
 ******************************/

.hide-until-ready {
  position:absolute !important;
  left:-9999px !important;
  right:-9999px !important;
  display:block !important;
}

.nav-container-block {
  padding:26px 0;
  float:left;
  width:100%;
  position:relative;
}
  .nav-container-block .list-wrap,
  .nav-research .topic-tree-view > .view-content {
    width:49%;
    float:left;
    position:relative;
  }
  .nav-fellows.nav-container-block .list-wrap {
    width:24.5%;
  }

.nav-section-title,
.nav-container-block.pane-views h2.pane-title,
.nav-container-block.panel-pane h2.pane-title {
  font:600 34px/38px "proxima-nova-condensed",Arial,Helvetica,serif;
}
.nav-container-block.pane-views h2.pane-title,
.nav-container-block.panel-pane h2.pane-title {
  padding:0;
  margin-left:20px;
  border-bottom:0;
  background-color:transparent;
  text-transform:none;
  width:47%;
}
  .nav-container-block.nav-fellows.panel-pane h2.pane-title {
    width:24.5%;
  }
  .nav-section-title:after,
  .nav-container-block h2.pane-title:after {
    content:'»';
    color:#007d93;
    margin-left:2px;
    vertical-align:bottom;
  }
    .nav-section-title a,
    .nav-container-block h2.pane-title a {
      color:#000;
    }

  .nav-container-block .item-list > ul {
    padding:0;
    margin:0;
  }
  .nav-container-block .item-list > ul.stem_class {
    border-left:1px #b1b1b1 solid;
    border-right:1px #b1b1b1 solid;
    width:50%;
    min-height:350px;
  }
  .nav-container-block.nav-fellows .item-list > ul.stem_class {
    width:100%;
    border-right:0;
  }
    .nav-container-block ul.stem_class li .item-list {
      width:294px;
      position:absolute;
      top:-9999px;
      left:-9999px;
    }
      .nav-container-block ul.stem_class li:hover .item-list,
      .nav-container-block ul.stem_class li.active .item-list {
        top:0;
        left:100%;
      }

    .nav-container-block .item-list > ul li {
      padding:0;
      margin:0;
      list-style:none;
      position:relative;
    }
      .nav-container-block .item-list > ul li a {
        display:block;
        font-size:20px;
        line-height:24px;
        font-weight:bold;
        padding:6px 15px 6px 21px;
      }
      .nav-container-block .item-list > ul.small-list li a {
        font-size:16px;
        line-height:18px;
      }

        .nav-container-block ul.stem_class a.external .ext-link {
          padding-right:21px;
          background:url(../images/ico-ext-link-16.png) right center no-repeat;
        }

        .nav-container-block .item-list > ul li a:hover,
        .nav-container-block .item-list > ul.stem_class > li:hover > a {
          color:#fff;
          background-color:#8c1515;
          text-decoration:none;
        }

.toolbar-header-block .block-inner .content {
	position: relative;
}
.toolbar-header-block .block-inner .content .get-involved-dropdown {
	display: none;
	background: white;
	position: absolute;
	right: 1px;
	top: 40px;
	overflow: hidden;
	max-width: 795px;
	z-index: 10;
	box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.58);
}
@media screen and (max-width: 1280px) {
  .toolbar-header-block .block-inner .content .get-involved-dropdown {
    right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .toolbar-header-block .block-inner .content .get-involved-dropdown {
    right: 5px;
  }
}
.toolbar-header-block .get-involved-dropdown .half {
	float: left;
	box-sizing: border-box;
}
.toolbar-header-block .get-involved-dropdown .half:first-child {
  padding: 20px;
  max-width: 390px;
}
.toolbar-header-block .get-involved-dropdown .half:last-child {
  padding: 20px;
  width: 401px;
}
.toolbar-header-block .get-involved-dropdown .half:first-child a:after {
  content: " »";
}
.toolbar-header-block .get-involved-dropdown .half h3 {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.toolbar-header-block .get-involved-dropdown .half ul {
  margin: 0;
  padding: 0;
}
.toolbar-header-block .get-involved-dropdown .half li {
  font:700 16px/22px "museo-slab","Times New Roman",Times,serif;
  list-style-type: none;
  padding: 6px 0px;
}

.toolbar-header-block .get-involved-dropdown .panel-col-inner {
  border: 6px solid #efefef;
  color: #fff;
  padding: 40px 30px;
  cursor: pointer;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner h4 {
  text-transform: uppercase;
  font: bold 20px/24px "proxima-nova-condensed",Arial,Helvetica,sans-serif;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner p {
  font-size: 16px;
  line-height: 18px;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner .support-green-block {
  display: block;
  margin-top: 17px;
  margin-bottom: 2px;
  text-align: center;
  width: 200px;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner .support-green-block a {
  display: block;
  padding: 15px;
  background-color: #239E78;
  color: #FFF;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner .support-green-block a:hover {
  background-color: #48b48e;
}
.toolbar-header-block .get-involved-dropdown .panel-col-inner .support-green-block a:before {
  content: "";
  display: inline-block;
  background: url("/sites/all/themes/hoov/images/gift-icon.png") left bottom no-repeat;
  background-size: 100%;
  width: 16px;
  height: 18px;
  margin: 0px 8px 0px 0px;
  position: relative;
  top: 2px;
}

@media screen and (max-width: 1024px) {
	.toolbar-header-block .block-inner .content .get-involved-dropdown .half:first-child {
  	max-width: 355px;
	}
	.toolbar-header-block .block-inner .content .get-involved-dropdown .half:last-child {
  	max-width: 340px;
	}
}
@media screen and (max-width: 650px) {
	.toolbar-header-block .block-inner .content .get-involved-dropdown .half {
		float: none;
		width: 100%;
	}
}



.nav-featured {
  width:51%;
  float:right;
  margin-top:-47px;
}
.nav-fellows .nav-featured {
  width:75.5%;
}

.nav-featured .inside.loading,
.nav-featured .inside .loading {
  min-height:245px;
  background:url(../../hoover_core/images/spinner.gif) 50% bottom no-repeat;
}

.nav-featured h3.block-title {
  font-size:20px;
  line-height:24px;
  margin-bottom:20px;
  margin:12px 0 10px 12px;
}
.nav-fellows .nav-featured h3.block-title {
  margin-left:8px;
}
.nav-featured .views-row {
  float:left;
  margin-left:12px;
}
.nav-fellows .nav-featured .views-row {
  margin-left:8px;
}


.container-close {
  position:absolute;
  top:10px;
  right:20px;
  font-size:12px;
  font-weight:bold;
  cursor:pointer;
}
  .container-close:after {
    display:inline-block;
    margin-left:3px;
    content:'X';
    color:#fff;
    background-color:#8c1515;
    font-size:8px;
    line-height:8px;
    padding:2px 3px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    vertical-align:middle;
  }


/******************
 * MOBILE NAV
 ****************/
#header .mmenu-icon,
#header .msearch-icon{
  display:none;
  position:relative;
}
#header .mmenu-icon{
  display:none;
  float:right;
  height:26px;
  width:26px;
  padding:16px 17px 13px;
  border-left:1px #b7b7b7 solid;
  border-right:1px #b7b7b7 solid;
  cursor:pointer;
}
  #header.small .mmenu-icon {
    display:block;
  }

#header .msearch-icon{
  width:32px;
  height:32px;
  padding:20px;
  border-left:1px solid #B7B7B7;
}
#header .msearch-icon .search-icon-img{
  display:inline-block;
  height:32px;
  width:32px;
  background:url(/sites/all/themes/hoov/images/search.png) no-repeat;
  background-size:100%;
}
#header .mmenu-icon .hamburger{
  background:#007C93;
  display:block;
  height:2px;
  margin:0 auto 8px;
  width:100%;
  position:relative;
  top:2px;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#header .mmenu-icon.animate .hamburger{
  left:-3px;
  width:119%;
}
#header .mmenu-icon.animate .hamburger.topbun{
  top:12px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}
#header .mmenu-icon.animate .hamburger.patty{
  top:-1px;
  opacity:0;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}
#header .mmenu-icon.animate .hamburger.botbun{
  top:-8px;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}
#header .mmenu{
  display:none;
  background:#D7D7D7;
  height:100%;
  position:fixed;
  overflow-y:auto;
  top:0;
  width:75%;
  right:-75%;
  z-index:9;
}
#header .mmenu ul{
  margin:0;
  padding:0;
}
#header .mmenu ul li form.search-form{
  margin-bottom:0;
  position:relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header .mmenu ul li form.search-form input{
  width:100%;
  background:#fff;
  color:#999;
  padding:11px 43px 6px 8px;
  font-size:28px;
  line-height:28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  border-radius:none !important;
}
#header .mmenu ul li form.search-form input[type="submit"]{
  position:absolute;
  top:24px;
  right:28px;
  display:block;
  width:25px;
  height:25px;
  background:url(../images/search.png) no-repeat;
  background-size:25px 25px;
  text-indent:-9999px;
  -webkit-appearance:none;
  padding:0;
  margin:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #header .mmenu ul li form.search-form input{
    line-height:inherit;
  }
}
#header .mmenu ul li a{
  display:block;
  text-decoration:none;
}
#header .mmenu ul li a.parent,
#header .mmenu ul li form.search-form{
  padding:20px 18px;
  font-size:28px;
  line-height:32px;
  font-weight:600;
  color:#000;
  border-bottom:1px solid #ccc;
}
#header .mmenu ul li form.search-form{
  padding-top:9px;
  padding-bottom:10px;
}
#header .mmenu ul li a.parent:after{
  content:' »';
  color:#007C93;
  display:inline-block;
  margin-left:4px;
}
#header .mmenu ul li ul{
  background:#fff;
  padding:15px 0;
  display:none;
}
#header .mmenu ul ul.extra{
  padding:15px 0;
}
#header .mmenu ul li ul li a,
#header .mmenu ul ul.extra li a{
  padding:10px 18px;
  font-size:19px;
  color:#007C93;
  border-bottom:none;
}
#header .mmenu ul ul.extra li a{
  padding:5px 18px;
}
#header .mmenu ul ul.extra li a{
  font-family:"museo-slab","Times New Roman",Times,serif;
  font-weight:100;
  font-size:15px;
}

/** style for specific page for ticket 148 **/
body.page-node-146016 #header .mmenu {
  display: block;
}
@media screen and (min-width: 801px) {
body.page-node-146016 #header .mmenu {
  top: 54px;
  width: auto;
}
body.logged-in.page-node-146016 #header .mmenu {
  top: 78px;
}
}