/*******************************************************************************
* Filename:		ncei-static.css
* Imported by:	Ian Krintz, ian.krintz@noaa.gov
* Description:	Styles for NCEI header/footer, borrowed and modified from S2N
*******************************************************************************/

/*******************************************************************************
* Layout
*******************************************************************************/

/* ----------------------- begin ncei-static.css ----------------------- */
@import url(https://fonts.googleapis.com/css?family=Merriweather:700|Source+Sans+Pro:400,400i,700,700i);
html {
  height: 100%;
  /* This sets the basis for rem as used in general NCEI style.css. Without this, the computed value is 16px. It's a pretty big change; it affects the meaning of rem everywhere else. */
  /* font-size: 14px; */
}
body, #ncei-static-body, #ncei-static-body-inner {
  font-family: 'Source Sans Pro',sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
a, div, h1, h2, h3, h4, h5, h6, p, span, time {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.ncei-footer-container {
  width: 100%;
}
.ncei-static-skip-link {
  position: absolute;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.ncei-static-skip-link:active, .ncei-static-skip-link:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  color: white;
}

.ncei-static-container {
  background-color: #112e51;
  /*margin: 0;*/
  padding: 1px;
}
.ncei-static-container *:hover {
  background-color: inherit;
}

.ncei-static-grey-background {
  /* background-color: #323a45; */
  background-color: #071628;
}
.ncei-static {
  padding-top: 0;
  /* padding-left: 1em; */
  /*padding-bottom: 1ex;*/
  padding-bottom: 0;
  /* padding-right: 1em; */
  max-width: 1000px;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
  color: white;
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 19px;
  text-align: left;
}
.ncei-static li {
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 19px;
  margin: 0;
}
.ncei-static a, .ncei-static a:hover {
  font-family: 'Source Sans Pro',sans-serif;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  line-height: 4ex;
}
.ncei-static img {
  border-style: none;
}
.ncei-static-title {
  font-family: 'Source Sans Pro'!important;
  /* font-size: 18px; */
  font-size: 1.3em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.ncei-static input {
  border-width: 0;
  /* overflow: visible; */
}
.ncei-static ul {
  list-style-type: none;
  padding-inline-start: 0px;
  margin: auto;
}

/* the main content container */
#ncei-static-main-container {
  margin: 0;
  padding: 0;
  /*display: flex;*/
}
.ncei-static-stub-content {
  margin: 8px;
  border: 1px;
  border-color: gray;
  font-family: 'Source Sans Pro',sans-serif;
}

/* header-specific */
.ncei-static-header a {
  display: block;
}

/* menu and nav */
.ncei-static-nav {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  /*margin-top: 2px;*/
  /*margin-bottom: 2px;*/
  /*width: 100%;*/
}

.ncei-static-logo {
  display: flex;
  margin-right: auto;
}
.ncei-static-logo img {
  width: 300px;
  height: 60px;
  margin-top: 15px;
  margin-bottom: 12px;
}

/* the hamburger */
.ncei-static-mobile-menu {
  display: none;
  margin-bottom: 8px;
  margin-left: .5rem;
  padding-bottom: 0px;
}
.ncei-static-mobile-menu div, .ncei-static-mobile-menu div:hover {
  height: 4px;
  width: 32px;
  margin-top: 8px;
  border-radius: 2px;
  background-color: white;
}
.ncei-static-mobile-menu div:nth-child(1) {
  margin-top: 0;
}

.ncei-static-menu {
  display: flex;
  width: 100%;
}
.ncei-static-menu ul {
  display: inherit;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
}
.ncei-static-menu li {
  white-space: nowrap;
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}
.ncei-static-menu li li {
  display: block;
  background-color: #f1f1f1;
}
.ncei-static-menu a, .ncei-static-menu a:link, .ncei-static-menu a:visited {
  color: #f1f1f1;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 5ex;
}
.ncei-static-menu a:hover {
  color: #e1f3f8;
}
.ncei-static-menu a::before {
  background-color: #0071bc;
}
.ncei-static-menu a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s;
}
.ncei-static-menu a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}

a#site-search.site-search{
  padding-bottom: 46px;
  visibility: hidden;
}

/* submenu stuff */
.ncei-static-menu ul ul {
  display: none;
  background-color: #f1f1f1;
  position: absolute;
  color: black;
  z-index: 100;
}
.ncei-static-menu li:hover ul, li:focus-within > ul  {
  display: block;
}
.ncei-static-menu li:hover {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 999;
}
.ncei-static-menu ul ul a, .ncei-static-menu ul ul a:link, .ncei-static-menu ul ul a:visited {
  color: black;
  line-height: 5ex;
}
.ncei-static-menu ul ul li:hover {
  background-color: #007ec6;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.ncei-static-menu ul ul li:hover a, .ncei-static-menu ul ul li:hover a:link, .ncei-static-menu ul ul li:hover a:visited {
  color: #e1f3f8;
  background-color: transparent;
}
.ncei-static-menu ul ul a::before {
  background-color: #9bdaf1;
}
.ncei-static-menu ul ul a:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
li.ncei-static-search {
  margin-left: auto;
  border-radius: 5px;
  height: 3.5ex;
}
li.ncei-static-search, li.ncei-static-search:hover {
  background-color: #f1f1f1;
}
.ncei-static-search form, .ncei-static-search form:hover {
  max-width: 300px;
  display: inline;
  align-items: center;
  border-radius: 5px;
}
.ncei-static-search input[type="text"] {
  font-family: inherit;
  font-size: 16px;
  border-width: 0;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  color: #323a45;
}
.ncei-static-search input[type="text"]:hover {
  border-width: 0;
}
.ncei-static-search input[type="text"]:focus, .ncei-static-search input[type="text"]:active {
  border-width: 0;
}
.ncei-static-search input::placeholder {
  color: #aeb0b5;
  transition: .2s color ease;
}
.ncei-static-search button {
  background-color: transparent;
  cursor: pointer;
  display: block;
  border-width: 0;
  font-size: 0;
  line-height: normal;
/* !important needed if including general NCEI style.css */
/*  padding: 0 !important; */
  padding: 0;
  margin: 0;
  height: 36px;
  width: 42px;
  opacity: .5;
  -webkit-transition: .4s opacity ease;
  transition: .4s opacity ease;
}
.ncei-static-search img {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
}
.ncei-static-menu ~ .ncei-static-menu li {
  font-size: 90%;
}

/* stretch div to allow footer to migrate to bottom of window */
.ncei-static-stretch {
  margin: auto;
}

/* footer */
.ncei-static-footer, .ncei-static-footer-links {
}
.ncei-static-footer {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  white-space: nowrap;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ncei-static-footer .ncei-static-logo img {
  width: 320px;
  height: 69px;
}
.ncei-static-footer li {
  height: 28px;
  font-size: inherit;
}
.ncei-static-footer a, .ncei-static-footer a:link, .ncei-static-footer a:visited {
  color: #9bdaf1;
  line-height: 3ex;
  height: fit-content;
}
.ncei-static-reference a:hover {
  text-decoration: underline;
  color: #f1f1f1;
}
.ncei-static-reference {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding-left: 3rem;
  padding-bottom: 8px;
}
.ncei-static-reference li {
  padding-left: 0;
  padding-right: 0;
}
.ncei-static-reference img {
  display: inherit;
  width: auto;
  height: 18px;
  vertical-align: text-bottom;
  margin-left: 4px;
}
a.ncei-static-contact::after {
  width: 10px;
  height: 10px;
  padding-left: 12px;
  text-decoration: none;
  display: inline-block;
  content: "";
  margin-left: 2px;
}
a.ncei-static-mailto::after {
  background: url(https://www.ncei.noaa.gov/themes/custom/ncei/images/icons/extlink_s.png) no-repeat -21px center transparent;
}
a.ncei-static-telephone::after {
  background: url(https://www.ncei.noaa.gov/themes/custom/ncei/images/icons/extlink_s.png) no-repeat -42px center transparent;
}

/* footer links */
.ncei-static-footer-links {
  display: flex;
  flex-direction: row;
}
.ncei-static-footer-links ul {
  display: table;
  font-size: 0;
  padding: 4px 0px;
}
.ncei-static-footer-links li {
  list-style: none;
  font-size: 12px;
  display: inline-block;
  border-right: 1px solid #5b616b;
}
.ncei-static-footer-links li:last-child {
  border-right: 0px;
}
.ncei-static-footer-links a, .ncei-static-footer-links a:link, .ncei-static-footer-links a:visited {
  /* color: #aeb0b5; */
  color: #ffffff;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}
.ncei-static-footer-links a:hover {
  /* color: #f1f1f1; */
  color: #face00;
}

/* site alert stuff */
.ncei-static-site-alert {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 16px;
}
.ncei-static-alert-wrapper {
  background-repeat: no-repeat;
  background-size: 42px 42px;
  background-position: 3% 50%;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.ncei-static-alert-wrapper.severity-low {
  background-color: #2e8540;
  background-image: url(/themes/custom/ncei/images/alerts/low.svg);
}
.ncei-static-alert-wrapper.severity-medium {
  background-color: #fdb81e;
  background-image: url(/themes/custom/ncei/images/alerts/medium.svg);
}
.ncei-static-alert-wrapper.severity-high {
  background-color: #cd2026;
  background-image: url(/themes/custom/ncei/images/alerts/high.svg);
}
.ncei-static-alert-body {
  padding: 1.2rem 2.4rem;
  margin: 0 auto;
  /* font-size: 1rem; */
  max-width: 90%;
}
.ncei-static-alert-text {
  font-size: 19px;
  margin: 0;
}
.ncei-static-alert-text p:nth-last-child(1) {
  margin-bottom: 0;
}

/* middling page width */
@media only screen and (max-width: 800px) {
  .ncei-static-footer  {
    flex-direction: column;
  }
  .ncei-static-footer-links li {
    display: block;
    border-right: 0;
  }
  .ncei-static-reference {
    padding-left: 1em;
  }
}

/* narrow page width */
@media only screen and (max-width: 659px) {
  .ncei-static-logo img {
    width: 200px;
    height: 40px;
  }
  .ncei-static-mobile-menu {
    display: inherit;
  }
  .ncei-static-nav {
    display: inherit;
    margin-bottom: 4px;
  }
  .ncei-static-menu {
    display: none;
    background-color: #112e51;
  }
  .ncei-static-nav:hover .ncei-static-menu, .ncei-static-nav:focus-within .ncei-static-menu {
    display: inherit;
    /*position: absolute;*/
  }
  .ncei-static-menu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .ncei-static-menu li {
    display: inline;
  }
  .ncei-static-menu li:hover ul {
    display: none;
  }
  .ncei-static-footer .ncei-static-logo {
    display: none;
  }
  li.ncei-static-search {
    margin-left: 0;
  }
}

/* ----------------------- end ncei-static.css ----------------------- */

/* ----------------------- begin submit.css ----------------------- */
form.submitform button, form.submitform input.button, button {
	padding: 7px 15px;
    background: #4075a4;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.ui-tooltip,			/* tooltips */
.ui-autocomplete,		/* autocomplete */
.ui-dialog			/* dialogs */
{
	font-size: 90%;
}
/* ----------------------- end submit.css ----------------------- */

/* ----------------------- begin 960.css -----------------------*/
body {
	min-width: 960px;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}
/* ----------------------- end 960.css ----------------------- */

/* -----------------------begin style.css ----------------------- */
html { }

div { text-align:left;}
.ncei-static-header img, .ncei-static-header object { display:block;}
a:visited {}
h2 { font-family:"Times New Roman", Times, serif; font-weight:bold;}
ul, ol { font-size:1em; margin:0 10px 15px 20px;}
ul li, ol li { line-height:1.65;}
form { border:0px; margin:0; padding:0px; position:relative;}
form input { border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form button { padding:5px 10px;}
form input[type="button"]:focus, form input[type="button"]:focus-visible, form input[type="submit"]:focus, form input[type="submit"]:focus-visible {
	outline: thick auto black
}

th:focus, th:focus-visible {
	outline: thick auto black
}
/* -----------------------end style.css ----------------------- */
/* EOF */