/******************************************************************
Stylesheet: 1030 AND UP
******************************************************************/

@media only screen and (min-width: 1200px) {
/******************************************************************/

/* =============================================================================
   #> 01. BODY + CORE STYLES
   ========================================================================== */


/* =============================================================================
   #> 02. TYPOGRAPHY, LINKS, FORMS, TABLES
   ========================================================================== */



/* =============================================================================
   #> 03. PAGE LAYOUT / GRID
   ========================================================================== */
#breadcrumbs {
  float: right;
  margin-top: 36px;
  color: #000333;
  width: auto;
}

.page-header {
  padding-top: 0;
}

.inner-header { 
  border-bottom: 0;

}
	
/* =============================================================================
   #> 04. NAVIGATION
   ========================================================================== */
.mobile-header {display: none;}

.nav-wrapper {
  display: block;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  background: #2e8c9d;
  min-height: 55px;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.hidenav {display: none;}

.nav-wrapper .main-nav{
  display: block;
}
/*hide mobile nav*/
.nav-toggle {
  display: none;
}


/*Main Nav styles*/
.main-nav {
  position: relative;
  height: auto;
  top: 0px;

} 
.main-nav > ul {
  background-color: transparent;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  height: 54px;
  width: 100%;
}
.main-nav > ul > li {
  display: table-cell;
  margin: 0;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 3px solid #2e8c9d;
  border-right: 1px solid #ccc;
}

.main-nav > ul > li:first-of-type {
  border-left: 1px solid #ccc;
}

.main-nav > ul > li > a {
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 1;
  margin: 0;
  text-align: center;
  
}

.main-nav > ul > li:last-of-type a {
  border-right: 0;
}


.main-nav > ul > li:hover {
  border-top: 3px solid #2e8c9d;
}

.main-nav > ul > li:hover a { 
  background: none;
}

.main-nav > ul > li > a:hover {
  color: #353939;
}

.main-nav > ul > li.current_page_item, .main-nav > ul > li.current_page_parent, .main-nav > ul > li.current_page_ancestor {
border-top: 3px solid #353939;

}

.main-nav > ul > li.current_menu_item > a,
.main-nav > ul > li.current_menu_parent > a,
.main-nav > ul > li.current_menu_ancestor > a,
.main-nav > ul > li.current_page_item > a,
.main-nav > ul > li.current_page_parent > a,
.main-nav > ul > li.current_page_ancestor > a {
  color: #353939;
}

.main-nav > ul li.externals ul li a:after {
  content:" (external link)";
  display: block;
  font-style: italic;
  margin-top: -9px;
}

.main-nav > ul > li.page_item_has_children > a:after {

}

/*>== main nav - drop down styles ==================================== */
.main-nav ul .parent-menu-item:hover > a {
/* insert styling to show active parent menu item */
}  
.main-nav ul li:hover ul {
  visibility: visible;
}
.main-nav ul ul {
  position: absolute;
  visibility: hidden;
  top: 100%;
  left: 0;
  width: auto;
  background: #2e8c9d;
  padding: 0;
  border-radius: 0;
  border-top: 1px solid #fff;
  overflow: visible;
  z-index: 500;
}

/*  .main-nav ul ul:after {
    position: absolute;
    content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 9px;
  border-color: transparent transparent #353939 transparent;
  top: -6px;
  left: 5px;
  }*/

.main-nav ul ul li {
  float: none;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;

}
.main-nav ul ul li a {
  font-size: 12px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  width: 100%;
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
.main-nav ul ul li a:hover,
.main-nav ul ul li.current_menu_item > a,
.main-nav ul ul li.current_menu_parent > a,
.main-nav ul ul li.current_menu_ancestor > a,
.main-nav ul ul li.current_page_item > a,
.main-nav ul ul li.current_page_parent > a,
.main-nav ul ul li.current_page_ancestor > a,
.main-nav ul ul li:hover > a {
  color: #353939;  
  text-decoration: none;
}


.main-nav ul li.externals > ul {
  left: inherit;
  right: 0;
}

.main-nav ul li.externals > ul:after {
  left: inherit;
  right: 5px;
}

.main-nav ul ul li.page-item-206 a:after {
  content:" (interactive timeline)";
  display: block;
  font-style: italic;
  margin-top: -9px;
}



/* =============================================================================
   #> 05. GLOBAL ELEMENTS
   ========================================================================== */



/* =============================================================================
   #> 06. HEADER
   ========================================================================== */
.title-wrap {
  margin-bottom: 50px;
}



/* =============================================================================
   #> 07. SIDEBAR STYLES
   ========================================================================== */



/* =============================================================================
   #> 08. HOME PAGE
   ========================================================================== */
.hp-background {
   height: 430px;
}

.image-tagline {
  height: 350px;
}

.image-tagline h2 {
   padding-top: 130px;
}

.hp-background--overlay p {
  font-size: 24px;
  line-height: 34px;
}

/* =============================================================================
   #> 09. INTERIOR PAGES
   ========================================================================== */



/* =============================================================================
   #> 10. FOOTER
   ========================================================================== */



} /* END 1030 AND UP */