**
 * Place your custom styles here.
 */
body{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
} 
h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}@media print{.promo-banner,.site-header__top .input-search,.site-header__top .site-header__social,.site-header__main,.site-header__bottom,.site-header__menu,.content-header nav,.content-header--no-bottom-border nav,.content-header__footer,.hero__breadcrumb,.button--tag,.button--primary,.contact-card__footer,.subnav-tab__sidebar,.subnav-tab__extra-content,.sub-nav__footer-content,.addtoany_list,.brightcove,footer{display:none;}.subnav-tab__content{display:block;}.hero{color:#000000;}.hero__banner{-ms-flex-align:normal;align-items:normal;min-height:0;}.hero__content{width:100%;}.contact-card__header{padding:0;}.contact-card__header-label{color:#000000;}.office-about__more-information,.office-about__our-location .aspect-ratio--three-by-two,.office-about__leadership .aspect-ratio--one-by-one{display:none;}.insight__content-wrapper{padding-top:0;}.insight__card{margin:0;padding:0;}.insight__sidebar{display:none;}.office-contact__header-text nav,.office-contact__header-image{display:none;}.event__main--middle{display:none;}.longform__post-content,.longform__sidebar{display:none;}.management-plan__bottom{display:none;}.article__sidebar,.article__footer,.article__end{display:none;}.region__controls{display:none;}.resource__aside,.resource__bottom{display:none;}.species-help__image-container,.species-profile__related-species,.species-profile__view-content,.species-profile__sidebar,.species-profile #resources{display:none;}.species-profile #overview .species-profile__sidebar{display:block;}.topic-custom__controls{display:none;}}*{box-sizing:border-box;}*:before,*:after{box-sizing:border-box;}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857;color:#333333;background-color:#fff;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}a{color:#337ab7;text-decoration:none;}a:hover,a:focus{color:#23527c;text-decoration:underline;}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}figure{margin:0;}img{vertical-align:middle;}.img-responsive{display:block;max-width:100%;height:auto;}.img-rounded{border-radius:6px;}.img-thumbnail{padding:4px;line-height:1.42857;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto;}.img-circle{border-radius:50%;}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}[role="button"]{cursor:pointer;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-weight:normal;line-height:1;color:#777777;}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px;}h1 small,h1 .small,.h1 small,.h1 .small,h2 small,h2 .small,.h2 small,.h2 .small,h3 small,h3 .small,.h3 small,.h3 .small{font-size:65%;}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px;}h4 small,h4 .small,.h4 small,.h4 .small,h5 small,h5 .small,.h5 small,.h5 .small,h6 small,h6 .small,.h6 small,.h6 .small{font-size:75%;}h1,.h1{font-size:28px;}h2,.h2{font-size:24px;}h3,.h3{font-size:18px;}h4,.h4{font-size:18px;}h5,.h5{font-size:14px;}h6,.h6{font-size:12px;}p{margin:0 0 10px;}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4;}@media (min-width:768px){.lead{font-size:21px;}}small,.small{font-size:85%;}mark,.mark{background-color:#fcf8e3;padding:.2em;}.text-left{text-align:left;}.text-right{text-align:right;}.text-center{text-align:center;}.text-justify{text-align:justify;
}
#header{
background-color: #FFFFFF !important;
background-image: none !important;
color: black;
}
.Mfr-rows,.pp-row {
    margin-bottom: 40px;
    border-bottom: none !important;
}
.pp-title,.tm-title {
    display:block;
    width:170px;
    word-wrap:break-word;	
}
.image-placeholder {
    background-color: #eee;
    display: flex;
    height: 220px;
    margin: 5px;
    width: 165px;
}

.image-placeholder > h4 {
    align-self: center;
    text-align: center;
    width: 100%;
}
.page-title {
    font-size: 1.5em !important;
}
.site-branding__logo{
    max-width: 315px;
    width: 100%;
}
.site-branding__name a{
 color:black !important;
}    
select#edit-field-fishbull-issue, select#edit-field-mfr-issue, select#edit-field-legacy-series{
    height: 5.5em;
}
.field--type-entity-reference {
    margin: 0 !important;
}

img { /***** MODIFIED IMG TO MAKE ALL IMAGES RESPONSIVE *****/
	max-width: 100%;
	height: auto;
	
}

.imgShadow {
	box-shadow:0px 0px 10px #323232;
	margin-bottom:15px;
}

.imgBlueBorder {
	border: 1px solid #0980a1;
	padding: 5px;
}

.imgBlueBorderDouble {
	border: double #0980A1;
	padding: 5px;
}

.roundedCornersBlue2px {
    border-radius: 25px;
    border: 2px solid #0980A1;
    padding: 10px;   
}

.verticalAlignMiddle { /**** THIS WILL VERTICAL ALIGN TEXT AND IMAGES - /regions/hawaii/hi-esr*****/
	display:flex;
    align-items:center;
}

a.white {
	color:#FFF;
}

.activeLink {
	background-color:#90d8f0;
	padding:8px;
}

.logo { /***** SIZE AND POSITION OF LOGO *****/
	width:200px;
}

.name { /***** DISPLAY SITE NAME NEXT TO LOGO *****/
	display:none;
}

.indent-20px {
	padding-left: 20px;
}

#block-alaskanavigation {
	position:relative;
	margin-top:-123px;
	background-image:url(/sites/default/files/images/subMenuBG-05617A-50opacity.png);
}

#block-alaskanavigation-menu {
	padding:0px 40px;
}

#block-californiacurrentnavigation-2 {
	position:relative;
	margin-top:-123px;
	background-image:url(/sites/default/files/images/subMenuBG-05617A-50opacity.png);
}

#block-californiacurrentnavigation-2-menu {
	padding:0px 40px;
}

#block-gulfofmexiconavigation {
	position:relative;
	margin-top:-123px;
	background-image:url(/sites/default/files/images/subMenuBG-05617A-50opacity.png);
}

#block-gulfofmexiconavigation-menu {
	padding:0px 40px;
}

#block-hawaiinavigation-2 {
	position:relative;
	margin-top:-123px;
	background-image:url(/sites/default/files/images/subMenuBG-05617A-50opacity.png);
}

#block-hawaiinavigation-2-menu {
	padding:0px 40px;
}

#block-northeastnavigation {
	position:relative;
	margin-top:-123px;
	background-image:url(/sites/default/files/images/subMenuBG-05617A-50opacity.png);
}

#block-northeastnavigation-menu {
	padding:0px 40px;
}
.block .content {
    margin-top:1px !important;

}
	.field__label {
	font-weight:bold !important;
	font-size:14px !important;
}
li.menu-item.menu-item--expanded.menu-item--active-trail-menu {
	background-color: #90d8f0 !important;
}
 .region-header .block {
    float: left !important; /* LTR */
    margin-top: 0.357em;
  }
.site-header__logo {
    margin-right: 10px;
}
.site-header__logo-text {
    margin-top: 10px;
    max-width: 315px;
    width: 100%;
}
.site-footer {
	background: #0071b3 !important;
}
.fish-bull-row{
background:aliceblue;
border-right:solid 1px white;
width:25%;
}
.field-type-image {
    float: left;
    margin-right: 20px;
}
.term-item-list img{
float:left;
width:18%;
margin-right: 20px;

}
.view-grouping-header img {
    float: left;
    width: 18%;
}
.paper-memo-left{
width:18% !important;
}
.paper-memo-right{
width:80% !important;
}

.term-item-list ul {
float:left;
width:80%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.term-item-list ul li {
  padding-bottom: 5px;
  margin-bottom:6px;
}
.form-item-field-fishbull-issue {
	clear: left;
}
.block-views-blocklegacy-publications-block-1 > .content {
  

}
.front-legacy-1, .front-legacy-2, .legacy-1 {
	float: left;
	width:33%;
}
.block-views-blocklegacy-publications-block-1 .views-field-title{
	margin-top:12px; 
	margin-bottom:2px;
	font-size: 1.2em;
	font-weight: bold;
} 
.sidebar h2 {
  margin: 0 0 0.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d6d6;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.5em !important;
  font-style: bold !important;
  line-height: 1.2;
}
.view-grouping-header img {
    margin-right:12px !important;
}
.paragraph--type--supplemental-material {
  padding-left:6px;
}
.item-list-related li {
    margin-bottom: 12px;
}
a.site-branding__logo img, #block-st-newfooter img {
    border: none !important;
}
a.main-menu-mobile {
    color: white !important;
}
/***************************************************
 * END CODE TO PLACE TEXT/REGION MENU OVER IMAGE
 **************************************************/
@media only screen and (max-width: 959px) {
    .regionName {
        display:none;
    
    }
}


/**********************************************************
   ALIGN MENU CENTER [ALEX VALDERRAMA | 13-MAR-19 ]
***********************************************************/
.clearfix .menu2 {
/*   padding:0px 300px;*/
   text-align:left;
}

/**********************************************************
   RESET MENU FOR TABLETS AND PHONES [ALEX VALDERRAMA | 13-MAR-19 ]
***********************************************************/
@media only screen and (max-width: 844px) {
    ul.clearfix.menu2.show-on-mobile {
      display: block !important;
      padding:0px;
      text-align:left;
    }

    body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide { /* REMOVES HIDE MENU TEXT */
      display: none !important;
    }

    body:not(:target) .region-primary-menu .menu-toggle{ /* REMOVES SHOW MENU TEXT */
      display: none !important;
    }

}



/***************************************************
 * HIGHLIGHT ACTIVE LINK ON MAIN MENU
 **************************************************/
.active{
  background-color:#90D8F0;
  color:#fff;
}

/*
.is-active {
	background:#90D8F0 !important;
}
*/

/*
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:visited {
    color:#000;
}

.menu nav {
    padding:10px;
    border:solid 1px #c0c0c0;
    border-radius:5px;
    float:left;
}
.menu nav li {
    list-style-type:none;
    float:left;
    margin:0 10px;
}
.menu nav li a {
    text-align:center;
    width:55px;
    float:left;
}
.menu nav li.active {
    background-color:green;
}
.menu nav li.active a {
    color:#fff;
    font-weight:bold;
}
*/


/********************************************************
 * REDUCE SPACE BETWEEN REGIONAL NAVIGATION AND CONTENT
 ********************************************************/
.region .region-region-bar {
	border:1px solid red;
	background-color:lime;
}

/********************************************************
 * MAKE ALL VIDEOS RESPONSIVE
 ********************************************************/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/********************************************************
 * CODE BELOW USED ON NORTHEAST SUB-REGIONS PAGE
 ********************************************************/
.greenBG {
	background-color: #bfd38b;
	border-radius: 5px;
	padding: 10px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	opacity: 0.7;
}
		
.orangeBG {
	background-color: #fbb344;
	border-radius: 5px;
	padding: 10px;
	text-transform: uppercase;
	color: #daf2fe;
	font-weight: bold;
	opacity: 0.7;
}
		
.redBG {
	background-color: #e61616;
	border-radius: 5px;
	padding: 10px;
	text-transform: uppercase;
	color: #daf2fe;
	font-weight: bold;
	opacity: 0.7;
}

.blueBG {
	background-color: #0055a0;
	border-radius: 5px;
	padding: 10px;
	text-transform: uppercase;
	color: #daf2fe;
	font-weight: bold;
	opacity: 0.7;
}

/*
span:hover {
	color: white;
	text-decoration: underline;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	opacity: 1;
}
/*

/********************************************************
 * CODE BELOW USED ON PROJECTS AND PUBLICATIONS PAGES
 ********************************************************/
.blueRoundedBorder {
	border-radius: 5px;
	border: 1px solid #0980a1;
	padding: 10px;
}

.greyButton {
	background-color: #5c697b;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
}


/********************************************************
 * CODE BELOW USED FOR SEARCH FIELD
 ********************************************************/
.input-group input[type=search] {
	width: 150px;
	float: right;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

.input-group input[type=search]:focus {
	width: 100%;
}

.dimmed {
	filter: blur(3px);
	opacity: .2;
	transition: all .3s;
}

.sbox {
	transform: translate(0, -5em);
	-webkit-transition: transform 1s ease-in-out;
	-moz-transition: transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
}


/********************************************************
 * BEGIN HOVER IMAGES - /regions/alaska/ebs-ecosystem-status-report
 ********************************************************/
.hoverImage img:last-child{
	display:none;
}
.hoverImage:hover img:first-child{
	display:none;
}
.hoverImage:hover img:last-child{
	display:inline-block;
}
/********************************************************
 * END HOVER IMAGES - /regions/alaska/ebs-ecosystem-status-report
 ********************************************************/

body:not(:target) .region-primary-menu .menu-item {
  height: auto !important;
  overflow: hidden;
}  

/**********************************************************
   REALIGNED TEXT LOGO NEXT TO LOGO FOR TABLETS AND PHONES [ALEX VALDERRAMA | 13-MAR-19 ]
***********************************************************/
@media only screen and (max-width: 844px) {
    .site-header__logo-text {
      max-width: 315px;
      width: 65%;
      margin: 30px 0px;
    }
}




@media all and (min-width: 560px) {
  .node .field--type-image {
    float:none !important; /* LTR */
    margin: 0 1em 0 0; /* LTR */
  }
  [dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em;
  }
  .node .field--type-image + .field--type-image {
    clear: both;
  }
}
.ds-2col-stacked-fluid > .group-left {
  float: left; /* LTR */
  width: 30%;
}

[dir="rtl"] .ds-2col-stacked-fluid > .group-left {
  float: right;
}

.ds-2col-stacked-fluid > .group-right {
  float: right; /* LTR */
  width: 70%;
}.field--type-entity-reference .field__label, .field--type-entity-reference ul.links {
font-size: 1em !important;
font-weight:bold !important;
}  
.taxonomy-term h2 a{
font-size:.75em;

margin-top:-2px !important;
margin-bottom:0 !important;
line-height:1 !important;
} 
.field--type-entity-reference{
margin:0 !important;
}
.field__item h2{
margin: 0 0 0.5em !important;
}
audio::-internal-media-controls-download-button {
    display:none !important;
} 
audio::-webkit-media-controls-enclosure {
    overflow:hidden !important;
}
audio::-webkit-media-controls-panel {
    width: calc(100% + 30px) !important; /* Adjust as needed */
}
.footer__logo-text {
    color: #ffffff;
    font-style: italic;
    font-size: 18px;
}
.footer__links-item {
    display: inline-block;
}
.footer__links {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    color: #ffffff;
 }   
@media screen and (min-width:1200px){.footer__logo{-ms-flex-preferred-size:30%;flex-basis:30%;text-align:left;}}