/* Ocean Today Custom Styles */

body {
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h4.media-heading {
	font-size: 16px;
}

@media (min-width: 1200px)
.container {
    width: 1200px;
}

.header-container {
    max-width: 1200px;
}

.navbar-header {
    float: left;    
}

 /***************************************************
	FOR EXTERNAL NON GOV. LINK 
	***************************************************/ 

a:not([href*='https://oceantoday.noaa.gov/']):not([id]):not([href^='#']):not([href^='/']):not([name]):not([href*='.gov']):not([href*='.mil']):not([href*='https://twitter.com/']):not([href*='https://www.facebook.com/usoceangov/']):not([href*='https://www.facebook.com/usoceantodaygov/']):not([href*='https://www.youtube.com/playlist?list=PLelbJSOUpxx6iVnZQo8euYcfhI6l-IM-M']):not([href*='https://www.instagram.com/noaaocean/']):not([href*='https://www.youtube.com/user/usoceangov']):not([href*='https://www.flickr.com/photos/usoceangov']):not([href*='https://www.linkedin.com/company/noaa-national-ocean-service']):not([href*='https://www.linkedin.com/company/noaaocean']):not([href*='https://www.linkedin.com/company/noaaocean/']):not([href*='https://itunes.apple.com/ie/podcast/noaa-ocean-podcast/']):not([href*='https://podcasts.apple.com/us/podcast/noaa-ocean-podcast/id1309723167']):not([href*='https://podcasts.google.com/feed/']):not([href*='https://castbox.fm/channel/NOAA-Ocean-Podcast-id964578?country=us']):not([href*='https://overcast.fm/itunes1309723167/noaa-ocean-podcast']):not([href*='https://pca.st/RpP6']):not([href*='https://castro.fm/podcast/']):not([href*='https://docs.google.com/forms/']):not([href*='https://www.nejm.org/doi/full/10.1056/nejmc070913']):not([href*='https://docs.google.com/presentation/']):not([href*='https://drive.google.com/']):not([href*='https://app.powerbigov.us/']):not([href*='https://public.govdelivery.com/accounts/USNOAANOS/']):not([class='img-link']):not([id='ext-link']):not([href*='mailto']):not([href^='tel:']):after {       
  display: inline-block;     
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'  color='gray' class='bi bi-arrow-up-right-circle' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.854 10.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707l-4.096 4.096z'/></svg> "); 
   background-size: 18px 18px;
   height: 18px;
   width: 18px;
   margin-left: 3px;
   vertical-align: 0;
}

/*.navbar-nav.navbar-right:last-child {
margin-left: 10px; 
}*/

.video-page {
	background: #f3f3f3;
}

.video-page .container {
	max-width: 1170px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}

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

.navbar {
	background: #fff;
	margin-bottom: 0;	
	border-bottom: 3px solid #4f81bd;
}

.nav-bg { 
	background: #00a8e0;
}
	
.navbar-brand {
	font-size: 28px;
	line-height: normal;
}
.navbar-brand small {
  margin-left: 90px;
  display:block;
  font-size:14px;
}
.navbar-brand large {
  margin-left: 40px;
}
.navbar-brand img {
	margin-right: -25px;
}

.navbar .navbar-brand img {
	height: 70px;
}

.navbar, .navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
	font-size: 16px;
	font-weight: 600;
}

.navbar-nav {
		padding-top: 20px;	
	}
	
.navbar-social {
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
	}

.navbar-toggle .icon-bar {
	background: #008cba;   
}

.nav-pills {
	font-weight: normal;	
}

.btn-info  {
	border-radius: 8px;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.form-control {
	margin-top: 7px;	
}
 
aside .navbar-collapse {
		padding: 0;	}
	
footer {
	padding: 10px 0;
	margin-top: 20px;
	border-top: 1px solid #ddecf6;
	background-color: #000;
}
	footer p {
		color: #f3f3f3;
		word-wrap: break-word;
	}
	
	footer li {
		position: relative;
/*	display: inline-block;*/
		background: none;
		border-bottom: none;
		padding: 0 15px 0 0;
	}

.shrink-leading {
    line-height :.6;
}

/*style capture from home testing  */
   
    .navbar-brand {
  display:inline-block;
  padding-top:12px;
  padding-bottom:5px;
  margin-right:12px;
  font-size:20px;
  line-height:inherit;
  white-space:nowrap; 
}

#boxes-box-header_logo_blind {
	text-align: left;
	vertical-align: baseline;
	position: relative;
	height: 80px;
   
}
#boxes-box-header_logo a.logo, #boxes-box-header_logo_blind a.logo {
  margin: 0px 15px 5px;
  float: left;
   width: 74px;
  height: 74px;
  }
#boxes-box-header_logo a, #boxes-box-header_logo_blind a {
	display: block;
	text-decoration: none;
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
}

#boxes-box-header_logo a.site-name, #boxes-box-header_logo_blind a.site-name {
  padding-top: 5px;
  line-height: 1.10526;
  font-weight: 700;
  font-size: 32px;
  color: #0a4595;
  width: 390px;
  }

  #boxes-box-header_logo a.site-slogan, #boxes-box-header_logo_blind a.site-slogan {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #666464;
   padding-left: 112px;
}
 
  .navbar-nav>li>a {
   padding-top: 14px;
   padding-bottom: 12px;
   font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
   color: #666464;
   font-weight: 600;
}
      
      .label-new {
    font-weight: 700;
    font-size: 100%;
    border-radius: 5px;
}

.wp-block-info-over.right h5 .label-new {
    position: absolute;
    margin-top: 150px;
    right: 10px;
    padding: 0.2em 1.40em 0.2em 1.40em;
}

.wp-block-info-over.right h5 a {
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    }
    
  img.flag  {
  margin-right: 8px;
  width: 25px;
  vertical-align: top;
}

.usa-banner {
  background-color: #eaeaea;
  padding:6px 0 6px 0; 

}

.usa-banner p {
margin-bottom: 0; 
line-height:24px;
}
 

img.gov-icon {
  margin-left: 112px;
  width: 20%;
  padding: 20px 0;
}
        
svg {
    overflow: hidden;
    vertical-align: middle;
}
        
.text-center {
    text-align: center!important;
}
      
  .card {
      margin: 10px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;    
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
        
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
        }
  
        .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: .8rem;
    padding-left: 3rem;
            
        }
    
    .card-title {
    margin-bottom: .75rem;
}
  
        .text-uppercase {
    text-transform: uppercase!important;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
  
}
   
.input-search__button {
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 40px;
    top: 45px;
}  
     
    .navbar-brand {
	font-size: 28px;
	line-height: normal;
}
.navbar-brand small {
  margin-left: 90px;
  display:block;
  font-size:14px;
}
.navbar-brand large {
  margin-left: 40px;
}
.navbar-brand img {
	margin-right: -25px;
}

.navbar .navbar-brand img {
	height: 72px;
}

.navbar, .navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
	font-size: 14px;
	font-weight: 500;
}

.navbar-nav {
		padding-top: 20px;	
	}
    

footer.nav>li> a{
    position: relative;
      display: inline-block;
      padding: 15px;
    }

footer li {
    position: relative; 
    display: inline-block;  
    background: none;
    border-bottom: none;
    padding: 5px;
}
    
   
    btn {
      background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 25px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
    
    

footer {
    /* padding: 10px 0; */
    margin-top: 20px;
    border-top: 1px solid #ddecf6;
    background-color: #333333;
}
    
    
#footer-main {
    position: relative;
    background-color: #333333;
    color: #fff;
    line-height: 1.5em;
    padding-top: 35px;
}
    #footer-main a {
    color: #fff;
    text-decoration: underline !important;
    font-weight: bold;
}
    
    #footer-main li {
      display: block;
      background: none;
    border-bottom: none;
    padding: 5px;
}
      
    #footer-social {
         position: relative;
    background-color: #ccc;
     padding-top:15px;  
    }
    
   
footer #footer-top img {
  width: 50px;
}
/* footer a:hover {
    color: #e3ac71;
} */
#footer-top a {    
  text-decoration: none;  
}
#footer-main a:hover {
  color: #d2cfcf;
  text-decoration: underline !important;
}
footer #footer-main img {
  width: 74px;
}


#footer-top a:hover {
  color: #333333;
  background-color: #fff;
}


.btn-primary-alt {
  color: #333333;
  background-color: #d2cfcf;
}
.btn-primary-alt:hover {
  color: #333333;
  background-color: #ffffff;
}
footer #footer-social img {
    width: 50px;
  }

    footer #footer-main .footer-mainnav li::after {
    /* padding: 2px; */
    /* content: "|"; */
    color: #fff;
    list-style: none;
    /* margin-left: 2rem; */
}
footer .footer-mainnav li:not(:last-child)::after,
.site-footer .menu--footer-2 li:not(:last-child)::after {
  content: "|";
  margin-left: 1rem;
  color: #fff;
}

ul.nav.footer-mainnav {
   display: flex;
   justify-content: center;
}

 footer #footer-main .footer-mainnav  li{
     text-align: center;
    display: inline;
	padding-right: 5px;
    padding-bottom: 20px;
	margin-left: 5px;
}

 /* End style testing*/

/* hr style */
 hr.team-line {
    border: 0;
    height: 1px;
    width: 220px;
    margin: 20px auto 25px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}

/* video */
.video-js {
	margin-bottom: 20px;
}

/* video thumbnails */
		.vidlist {
			text-align: center;
		}
		
		.vidlist h3 {
			margin-top: 5px;
			margin-bottom: 20px;
		}
		.vidlist a {
			text-decoration:none;
		}
		
		.vidlist img, .vidlist-xl img { 
			width: 100%;
			/*border: 1px solid #eef5fa;*/
			-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}

		.vidlist img:hover, .vidlist-xl img:hover { 
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
		}


.breadcrumb {
	background-color: transparent;
	border: none;
	font-weight: normal;
	font-size: 11px;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.tab-pane {
	padding-top: 20px;	
}

.well-sm h3 {
	margin-top: 0;
}

#btn-language {
	height: 43px;	
}

.media-list {
	margin-bottom: 30px;	
}

.media a {
	color: inherit;
	display: block;
	min-height: 68px;
}

.media a:hover {
	background: #DDECF6;
	text-decoration: none;
}

.media .pull-left {
	margin-right: 10px;
}

/* Social */

.facebook:hover {
	background:#ffffff;
}
/* Facebook hover orig #2ca9e1 */


.twitter:hover {
	background:#ffffff;
}
/* Twitter hover orig #2ca9e1 */


.rss:hover {
	background:#ffffff;
}
/* RSS hover orig #fba933 */


.email:hover {
	background:#ffffff;
} 
/* email hover */


.navbar-form {
    margin: 0 10px 10px 0;
    width: 260px;
    color: black;   
}
	footer p {
		padding: 0 0 10px;
	}
	footer .nav {
		margin-bottom: 20px;
	}
	footer .nav-pills > li > a {
		background: #dfecf6;
	}
	footer .nav > li > a {
		padding: 10px;
		margin: 3px 2px;
	}	

/* Theme pages */

	.jumbotron { 
		color: #fff;
		margin-bottom: 40px;
		padding: 0;	
	}
	
	.fullmoon, #fullmoon .jumbotron {
		background: url('/every-full-moon/lovetheocean1.jpg') top right no-repeat;	
		background-size: cover; 
	}
	
	.lobster, #lobster .jumbotron {
		background: url('/img/ml-hawaiianspinylobster-540w.jpg') top right no-repeat;	
		background-size: cover; 
	}
	
	.planewreck, #planewreck .jumbotron {
		background: url('/img/nos_planewreck_theme_exploration-768w.jpg') top center no-repeat;	
		background-size: cover; 
	}
	
	.fishing, #fishing .jumbotron {
		background: url('/img/nos_jroberts_theme_gofish-768w.jpg') top center no-repeat;	
		background-size: cover; 
	}
	
	.dangerzone, #dangerzone .jumbotron {
		background: url('/img/nos_texas_theme_dangerzone-768w.jpg') top center no-repeat;	
		background-size: cover; 
	}
	
	.fix, #fix .jumbotron {
		background: url('/img/nos_coralrestoration_theme_fix-768w.jpg') top center no-repeat;	
		background-size: cover; 
	}
	
	.ship, #ship .jumbotron {
		background: url('/img/nos_hiialaki_theme_research-768w.jpg') top center no-repeat;	
		background-size: cover; 
	}

.featured, #featured .jumbotron {
		background: url('/img/fullmoon-trashtalk_768x432.jpg') right top no-repeat;	
		background-size: cover; 
		background-position: top right;
	}

	//**	.featured, #featured .jumbotron {
		background: url('/teekandtom/teek-and-tom-trailer-poster-nowords.jpg') right top no-repeat;	
		background-size: cover; 
		background-position: top right;
	}**//

	.jumbotron .breadcrumb>li+li:before,.jumbotron .breadcrumb>.active {
		color: #ccc;
	}	
	.jumbotron h1 {
		font-size: 34.5px;
	}
		
	.jumbotron p {
		font-size: 16px;
	}
	.jumbo-gradient {
		background: rgba(0,0,0,0.4);
		min-height: 300px;	
	}
  	
	.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
	.panel-default { border-color: #ebedef !important; }
	.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
	.panel .panel-body a { overflow: hidden; }
	.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
		transition: all 0.5s; 
		-moz-transition: all 0.5s; 
		-webkit-transition: all 0.5s; 
		-o-transition: all 0.5s; 
	}
	.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
	.panel .panel-footer { padding: 8px !important; background-color: #ebedef !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
	.panel .panel-footer h4 { font-weight:bold;}  
	
	
.box {min-height:310px;}

.box.series {min-height:290px;}

.wp-block-info-over.right {
    background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    bottom: 180px;
    right: 0;
}
/* NEW LABEL */
  .label-new {
    font-weight: 700;
    font-size: 100%;
    border-radius: 5px;
}

.wp-block-info-over.right h5 .label-new {
    position: absolute;
    margin-top: 150px;
    right: 10px;
    padding: 0.2em 1.40em 0.2em 1.40em;
}

.wp-block-info-over.right h5 a {
    margin: 0;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 700;
    color: #fff;
    }


#OTposter{
	display:inline-block;
	position: relative;
	background: url('/every-full-moon/hurricane-safe-BG.jpg') right top no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 600px;
	min-width: 660px;
	margin-bottom: 30px;
}

@media (max-width: 768px) {	
	.navbar-brand {
		font-size: 24px;
		padding: 12px 0 15px;
	}
	
	.navbar .navbar-brand img {
		height: 40px;
		margin: 0 10px -10px 0;
		border: 0;
		padding: 0;
		vertical-align: top;
	}
     .navbar-header {
    float: left;
         margin-left: -15px;
    }
	

	.video-js {
	max-width:98%;
	
}


}
@media (max-width: 768px) and (min-width: 375px) 
 {	

	.video-js {
	max-width:98%;
     }
     
.navbar-header {
    float: left;   
   margin-left: -15px;
   }
   
}	



@media (min-width: 475px) {
/* Theme pages */
	.jumbotron {
		margin-bottom: 0;
	}
		.jumbotron h1 {
			font-size: 44.5px;
		}
		
		.jumbotron p {
			font-size: 18px;
		}
		
	.jumbo-gradient {
		min-height: 400px	
	}
	
	.panel-navbar {  
		background-color: #ebedef;
		min-height: 20px; 
	}
	.panel-navbar .btn {
		padding: 14px;
	}

.lt-grey-bg-collections {
	display: inherit;
	background: #ddd;
	margin-bottom: 0px;
}

.lt-grey-bg {
	display: inherit;
	background: #ddd;
	margin-bottom: 40px;
}
.theme .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
.theme .controls li {
    display: table-cell;
    width: 1%;
	margin: 5px 0;
}
.theme .controls li:hover {
	
    background-color:#eee;
}

.theme .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}

@font-face {
    font-family: "norwester";
    src: url("/fonts/Norwester.ttf.woff") format('woff');
}

	.norwester {
		font-family: norwester;
	}

}
@media (min-width: 992px) {
	.lobster, #lobster .jumbotron {
		background: url('/img/ml-hawaiianspinylobster-600h.jpg') top center no-repeat;	
		background-size: auto; 
	}
	
	.planewreck, #planewreck .jumbotron {
		background: url('/img/nos_planewreck_theme_exploration-600h.jpg') top center no-repeat;	
		background-size: auto; 
	}
	
	.fishing, #fishing .jumbotron {
		background: url('/img/nos_jroberts_theme_gofish-600h.jpg') center center no-repeat;	
		background-size: auto; 
	}
	
	.dangerzone, #dangerzone .jumbotron {
		background: url('/img/nos_texas_theme_dangerzone-600h.jpg') center right no-repeat;	
		background-size: auto; 
	}
	
	.fix, #fix .jumbotron {
		background: url('/img/nos_coralrestoration_theme_fix-600h.jpg') center center no-repeat;	
		background-size: auto; 
	}
	
	.ship, #ship .jumbotron {
		background: url('/img/nos_hiialaki_theme_research-600h.jpg') bottom center no-repeat;	
		background-size: auto; 
	}
    
    .featured, #featured .jumbotron {
		background: url('/img/fullmoon-trashtalk_1280x600.jpg') right top no-repeat;	
		background-size: auto;
		background-position: top center;
	}
	 
	//*.featured, #featured .jumbotron {
		background: url('/teekandtom/teek-and-tom-trailer-poster-nowords.jpg') right top no-repeat;	
		background-size: auto;
		background-position: top center;
	}**//

}

@media (min-width: 1200px) {

}

@media (min-width: 1280px) {
	
	.jumbo-gradient {
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 30%, rgba(0,0,0,0) 55%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(0,0,0,1)), color-stop(55%,rgba(0,0,0,0))) fixed; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 55%) fixed; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 55%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 55%); /* IE10+ */
		background: linear-gradient(to right, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 55%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */	
	}
	 .lobster, #lobster .jumbotron, .planewreck, #planewreck .jumbotron {
		background-position: top right;
	}
	
	.dangerzone, #dangerzone .jumbotron, .fix, #fix .jumbotron, .fishing, #fishing .jumbotron, .featured, #featured .jumbotron {
		background-position: center right;
	}
	
	.ship, #ship .jumbotron {
		background-position: bottom right;
	}
}