/**
 * Place your custom styles here.
 */
 
body {

   font-family: 'Open Sans', Helvetica, sans-serif;
   font-weight: 400;
   font-style: normal;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
p {
 
  font-size:18px;
  
}

ul {
    font-size:18px;

}

.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%;
}

#main-container {
 
    width:100%;
}

.search-info {
 
 display:none;   
    
}





#block-views-more-from-noaa-satellites-block {
 
    margin-top:-30px;   
}

#block-views-more-from-noaa-satellites-block a {
    
  font-size:14px;   
}

#block-views-more-from-noaa-satellites-block h2 {
    
  font-size:18px; 
  font-weight:bold;
}

.news-articles-heading {

	width:630px;	
	
}

.nesdis_logo {
	
	background-image: url("/sites/default/files/assets/images/logo.png");

}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
	padding-bottom:10px;
}

.news-articles-hr {
	


}

.noaa_view {
    
background:#f2f2f2; 
width:3000px; 
margin-left:-1000px;

}

.noaa_view2 {


}

.ipad_photo {
 
 margin-left:950px; 
 padding-bottom:0px; 
 padding-top:40px; 
 max-width:700px; 
 width:100%; 
 height:auto; 
 padding-right:190px    
}

.full_screen {
    
    max-width:620px;
    
}

.field-teaser p {

	width:620px;
	font-family: lucida sans unicode,lucida grande,sans-serif;
	font-size:22px;
	padding-bottom:40px;
	
}

.field-news-articles-body p {

	width:500px;
	font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
}



figcaption {

	
	font-size:14px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	padding-bottom:10px;
	padding-top:5px;	
	
}

.news-articles-heading {

	font-size:40px;
	color:#154E80;
	font-family:proxima-nova, sans-serif;
	font-weight:bold;

	
}


.news_articles_body {

}

span.date-display-single {
    font-weight: bold;
    line-height: 3.0;
}

.field-news-articles-body ul {
 
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;   
    
}

.latest_news {
	
	margin-top:20px;
	
}

#given_date {

	word-spacing: 10px;
	
}

.counter_text {
    margin-left:3px;
	padding-left:6px;
	padding-right:16px;
	padding-top:5px;
	text-align:center; 
    vertical-align:middle;
	font-size:16px; 
	color:#ffffff;
	
}


.satellite_font {

	font-size:18px;	

}



 .container {
	 
	 width:1200px;

 }
 
 .body_paragraph {
	 font-family: 'Open Sans', Helvetica, sans-serif;
	 font-size:22px;
 	 padding-top:30px;
	 padding-bottom:10px;
  
}

 .body_paragraph_small {
	 font-family: 'Open Sans', Helvetica, sans-serif;
	 font-size:18px;
	 font-weight:300;
  
}
 
 
.navbar {

	background:#029FD8;
	padding:0px;
	margin-bottom:10px;	
	
}


 .navbar-nav {
    float: left;
    
 }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    font-family: proxima-nova, sans-serif;
	color: #FFFFFF;
    background-color: #154e80; 
  
}

.navbar-default .navbar-nav > li a {
  font-family: proxima-nova, sans-serif;
  padding-right:23px;
  padding-left:23px;
  border-right: 1.5px solid #FFFFFF;
  line-height:3px;
  text-align: center;
  
}

.navbar-default .navbar-nav > li:last-child a {

  border-right: none;

  
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
	font-weight:600;
	font-size:18px;
	padding-top:24px;
	padding-bottom:24px;
	line-height:0.9px;

	
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
  
}

#block-search-form {
	
	width:60%;
	margin-top:0px;
	margin-left:155px;
    margin-right:350px; 
	
}


.form-search {
    
	width:335px;
	float:right;
    padding-top:42px;
	
}

.noaa_logo {
     
	width:auto;
	height:auto;
	float:left;
	margin-left:-35px;
}


#block-block-7 {
	min-height:430px;
	
}

.banner_promotion {
   
	background-image:url(/sites/default/files/assets/images/goes-16-big_satellite_image.jpg);	
	background-repeat: no-repeat;
	background-position:center;
	min-height:430px;
	width:100%;
	
}

.promo_text {
	
	width:650px;
	margin-top:160px;
	margin-left:500px;
	
}

.promo_text:hover { 
    
    
 outline:1px solid white;
    
} 

    

.counter {
    
	margin-top:-255px;
	margin-left:785px;	
	padding-top:176px;
	min-width:550px;
	background-image:url(/sites/default/files/assets/images/jpss-1-front-page_400.png);
	background-repeat: no-repeat;
	
}

.counter_heading {
	
	margin-left:25px;
	margin-top:-20px; 
	font-weight:bold; 
	font-size:23px; 
	color:#ffffff;
	
}



.title_bar {
	
	min-height:60px;
	padding-top:10px;
	color:#393939;
	background:transparent;
	margin-bottom:20px;
	
	
}

.title_bar h3 {
	font-family: proxima-nova, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:#393939;
}

.page-header {
    padding-top:0px;
    padding-left:35px;
	padding-bottom: 0px;
    font-family: proxima-nova, sans-serif;
	font-size:35px;
	font-weight:bold;
	color:#393939;
    border-bottom: 0px solid #eee;
    
}

.breadcrumb {
    padding-left:35px;
    margin-bottom: 5px;
    list-style: none;
	font-family: proxima-nova, sans-serif;
	color:#000000;
    background-color: transparent;
    border-radius: 4px;
    margin-top:20px;
}

.breadcrumb a {

	color:#000000;	
}

.breadcrumb a:active {

	color:#0B39B5;	
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">\00a0";
}


/*  SECTIONS  FOR THE OTHER STORIES BLOCK*/


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 780px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}




/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
 
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-left:15px;
  height: 300px;
  width:450px;
  margin-bottom: 60px;
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 46px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #6B6B6B;
    text-align: center;
    text-shadow: none;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;

}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 10px;
    color: #7A7A7A;
    text-align: center;
    text-shadow:none;
    filter: alpha(opacity=50);
	background-color:transparent;
    opacity: .5;
}

.carousel-control:hover, .carousel-control:focus {
    color:#363636;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

.carousel-control.left {
    
   background-color:transparent;
   background-image:none;
}

.carousel-control.right {
    
   background-color:transparent;
   background-image:none;
}
}


.navbar {

	background:#029FD8;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;	
	
}



@media screen and (min-width: 768px)

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
}
@media screen and (min-width: 768px)
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	
  	
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.4;
	
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}