/* Overrides to A&D CSS 

	D3 - 08/30/2016 - Add styles for the new scrolling navigation.
	D4 - 09/08/2016 - Fix issue on iphone 5 and the logo wrapping to a new line.

*/

body { font-family:Arial, sans-serif; }

footer {
    background-color: #2d437b;
}

footer a {
    color: #ffffff;
}
 
footer a:hover {
    color: #F7090D;
}
 
.header-top .topbar {background-color: #2d437b; }/* Desktop nav background color*/
.header-top .navbar-fixed-top {background-color: #2d437b; }/* Mobile/Collapse nav background color*/
.header-top .navbar-default .navbar-nav > li > a, 
.header-top .navbar-default .dropdown-menu a, 
.header-top .navbar-search a, 
.header-top .mega-nav a {
    color: #000000;
}

/*.header-top .navbar-default, 
.header-top .navbar-default .dropdown-menu, 
.header-top .navbar-search, 
.header-top .mega-nav {
    background-color: #eeeeee;
} */

.header-top .navbar-default .navbar-nav > li > a:hover,
.header-top .mega-nav a:hover  {
	/* Navigation links */
	color:	#F7090D;
	font-weight: bold;
}

.header-top .navbar-default .navbar-nav > li > a .mega-nav-btn {
  /* Main nav link color */
  color: #FFF; }

/* Logo size on mobile */
.header-top .navbar-header .navbar-brand img{height:25px;margin-top:5px;}

/* Menu on Table View */
.header-top .navbar-default .navbar-nav > li > .mobile-menu-button {
    color: #fff;
}

/* Menu on Mobile View */
.header-top .navbar-default .mobile-menu-button {
    color: #fff;
}

.header-top .hbi-mega-nav-col h5 {
		line-height: 2.0;
}

  /* Overrides the margin-bottom */
.navbar { margin-bottom: 0px; }

/* End of overrides to A&D CSS */

.header-top .topbar .logo {
    height: 65px;
}

/* D3 - Scrolling Navigation Block /*

/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (max-width: 1199px) {
	/* Reduce the size of the font on tablet navigation */
	.header-top .nav li {
		font-size: 85%;
	}
	.nav>li>a {
		padding: 10px 10px !important;	
	}
}

/* Overrides the margin-bottom */
.navbar { margin-bottom: 0px; }
/* End of overrides to A&D CSS */
.header-top .topbar .logo {height: 80px; margin-top:-5px;}
.dropdown-menu {}

/* Mobile Navigation */
/* Center the mobil navigation */
.mega-nav .mega-nav-row .mega-nav-col {
	text-align:center;	
} 

/* Related Stories */
.relatedstoriesheadlines {padding-top:10px;}
.relatedstoriesheadlines-left {float:left; clear: left;margin-right:10px;}
.relatedstoriesheadlines-right {float:right; clear: right;margin-left:10px;}
.relatedstoriesheadlines .detail  {background-color:#E0DEDE;border-top:#B3B0B0 1px solid;} 
.relatedstoriesheadlines .detail ul {margin-left:-15px;} 
.relatedstoriesheadlines .detail .media-heading {line-height:normal;} 
.relatedstoriesheadlines .panel-heading  {padding: 0px 0px;} 
.relatedstoriesheadlines .panel-title  {font-size: 80%;} 
.relatedstoriesheadlines a  {font-size: 75%;} 
/* END Related Stories */

/* Custom Carousel */
.custom-carousel {border:1px solid #000;padding-top:10px;padding-bottom:10px;}
.custom-carousel-left {float:left; clear: left;margin-right:10px;}
.custom-carousel-right {float:right; clear: right;margin-left:10px;}
.custom-carousel .carousel-inner {background-color:#E0DEDE;}
.custom-carousel .carousel-inner .item .slide-credit {color:#949292;font-size:10px;line-height: normal;}
.custom-carousel .carousel-inner .item.show-caption .caption {padding-left:10px;font-size:12px;color: #000;line-height: normal;}
/* END Custom Carousel */

/* Default Carousel */
.carousel .carousel-inner .item .slide-credit {text-align: left;}
/* Default Carousel */

/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (max-width: 768px) {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row { 
		margin-left: 0px;
		margin-right: 0px;
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
	}
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		margin-left: -30px;
		font-size: 125%;
	}

}
/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (min-width: 770px) and (max-width: 1024px)  {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 90%;
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row {
		margin-left: 0px;
		margin-right: 0px;
	    display:block; /* overrides display:table; from hubbard.min.css to fix spacing in ipad collapse nav.*/
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		/*
		list-style: none;
		display: none;
		*/
	}
	

}

@media screen and (min-width: 1025px)  {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 90%;
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
		text-align: left;
	}
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		margin-left: -40px;
		font-size: 90%;
	}

}


/* This media query affect screens of resolution equal or below 991px*/
@media screen and (max-width: 991px) {
	/* Tells the sticky header meganav to always fit the screen 100% vertically */
  	.header-top #sticky-header .mega-nav {
    	background-color: #fff;
	    bottom: 0;
    	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
	    left: 0;
    	overflow-y: scroll;
	    position: fixed;
    	top: 50px;
	    width: 100%;
  	}

	/* Left adjust the mobil navigation and add padding to the navigation */
	.mega-nav .mega-nav-row .mega-nav-col {
		text-align:left;	
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 0px;
	}

	/* Increase the size of the mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 150%;
	}

	.mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		font-size: 125%;
		font-weight: bold;
	}

}

/* D3 - End Scrolling Navigation Block /*


/* Element headers */
.panel .panel-heading .panel-title.text-muted {color: #000000;}
.panel .panel-heading .panel-title {font-weight: 700;}
.panel-title {font-size: 20px; }

#ADSPACE03 {/*padding-top:45px;*/} 


.hbi-nav-a:hover {color:#8A0205;}
.hbi-row-padding {padding-bottom: 10px;} 
.hbi-no-margins {margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}
.hbi-no-padding {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.hbi-hidden {display:none;}
/* CUSTOM HBI ALERT BANNERS */
.hbi-breaking-news {
	margin: 0px 0px 0px 0px;
	background-color: #f90e02;
	color: #FFFFFF;
	font-size: 34px;	 	
	padding: 5px 10px 5px 5px;
	background: #f90e02; /* For browsers that do not support gradients */
	text-transform: uppercase;
}
.hbi-breaking-news-gradient {
	background: -webkit-linear-gradient(left, #f90e02 , #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f90e02, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f90e02, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f90e02 , #FFFFFF); /* Standard syntax */	*/
}

.alert { padding: 5px !important; }

.hbi-breaking-news-link {color:#f90e02;}
.hbi-weather-alert {background-color: #A40404; /* height: 60px; */}

.hbi-weather-alert-link {color:#FFFFFF;font-size:17px;}
.hbi-weather-alert-link:link {color:#FFFFFF;font-weight:bold;}
.hbi-weather-alert-link:visited {color:#FFFFFF;font-weight:bold;}
.hbi-weather-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-weather-alert-link:active {color:#FFFFFF;font-weight:bold;}

.hbi-weather-alert-desc {color: #FFFFFF;}
.hbi-weather-alert-exp {color:#F7EE06;}
.alert-info .hbi-weather-alert-close {font-weight:bold;padding: 1px 1px 1px 1px;}
.hbi-amber-alert {background-color:#FFBF00;}
.hbi-amber-alert-link {color:#000000;font-weight:bold;}
.hbi-amber-alert-desc {color:#000000;}
.hbi-video-alert {}
.hbi-video-alert-link {color:#000000;font-weight:bold;}
.hbi-video-alert-desc {color:#000000;}
.hbi-site-alert {background-color: #A40404;}
.hbi-site-alert-link {color: #FFFFFF;font-weight: bold;}
.hbi-site-alert-desc {color: #FFFFFF;}
.hbi-site-alert-exp {color:#F7EE06;}

.hbi-video-alert-link {color:#FFFFFF;font-size:17px;}
.hbi-video-alert-link:link {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:visited {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:active {color:#FFFFFF;font-weight:bold;}

.hbi-video-alert-desc {color:#FFFFFF;font-size:17px;}
.hbi-video-alert-desc:link {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:visited {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:active {color:#FFFFFF;font-weight:bold;}

.hbi-site-alert {background-color: #A40404;}
.hbi-site-alert-exp {color:#F7EE06;}

.hbi-site-alert-link {color: #FFFFFF;font-size:17px;}
.hbi-site-alert-link:link {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:visited {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:active {color:#FFFFFF;font-weight:bold;}

.hbi-site-alert-desc {color: #FFFFFF;font-size:17px;}
.hbi-site-alert-desc:link {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:visited {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:active {color:#FFFFFF;font-weight:bold;}

.alert-info .hbi-video-alert-close {font-weight:bold;background-color:#2e4378;padding:1px 1px 1px 1px;}

.quicklinks-info { background-color:#ffffff;color:#777;border-color:#ffffff;padding-left:52px;padding-right:50px;}
.quicklinks-info .hbi-quicklinks-alert-desc {display:inline-block;font-weight:bold;}
.quicklinks-info a.hbi-quicklinks-alert-link {color:#777;}
.quicklinks-info a.hbi-quicklinks-alert-link:hover {color:#F80409;}

.hbi-auto-height {height: auto;}
/* WEATHER WIDGET */
.hbi-weather-widget-gradient {
	background: #067EFC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #067EFC , #2C02FD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #067EFC, #2C02FD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #067EFC, #2C02FD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #067EFC , #2C02FD); /* Standard syntax */	
}
.hbi-weather-widget-dsk {margin: 0px 0px 0px 0px;color: #FFFFFF;padding: 5px 5px 5px 5px;width: 640px;height: 70px;}
.hbi-weather-widget-tab {color: #FFFFFF;width:200px;height:50px;}
.hbi-weather-widget-tab a {color: #FFFFFF;}
.hbi-weather-widget-mob {color: #FFFFFF;width:85px;height:50px;display:inline-block;}
.hbi-weather-widget-align {text-align: center;vertical-align: middle;}
.hbi-weather-widget-icon-desk {padding-top: 0px;}
.hbi-weather-widget-icon1-desk {padding-top: 0px;}
.hbi-weather-widget-temp-desk {font-size: 34px;padding-top: 0px;}
.hbi-weather-widget-vari-desk {font-size: 12px;text-align: center;padding-top: 0px;}
.hbi-weather-widget-desc-desk {font-size: 12px;padding-top: 0px;}
.hbi-weather-widget-desc1-desk {font-size: 12px;padding-top: 1px;}
.hbi-weather-widget-desc2-desk {font-size: 12px;padding-top: 1px;}
.hbi-weather-widget-link-desk {font-size: 10px;}
.hbi-weather-widget-icon-tab {padding-top: 0px;}
.hbi-weather-widget-temp-tab {font-size: 34px;padding-top: 0px;}
.hbi-weather-widget-desc-tab {font-size: 12px;padding-top: 10px;}
.hbi-weather-widget-icon-mob {padding-top: 5px;text-align:right;}
/* BEGIN 6/16/2016 - Replaced this line */
/* .hbi-weather-widget-temp-mob {font-size: 15px;padding-top: 15px;color:#ffffff;} */
	/* ...with this line */
.hbi-weather-widget-temp-mob {font-size: 15px;padding-top: 15px;color:#ffffff; line-height: 15px;}
/* END 6/16/2016 */
.hbi-weather-widget-desc-mob {font-size: 12px;padding-top: 5px;}
.hbi-weather-widget-sponsord {/*background-color:#FFFFFF;*/}
.hbi-h2 {magin-top: 0px;}
.hbi-h2 a  {font-size: 80%;}
.hbi-h3 a,.hbi-h4 a,.hbi-h5 a {}
.hbi-h5-sm {font-size: 85%;}
.hbi-h6 a {display: block;line-height: 1.4;}
.hbi-h6-sm {font-size: 80%;}
.hbi-h5-sidebar a {font-size: 80%;}
.weatherMobileWidget {display: block;height: 50px;left: 0;margin: 0 auto 0 15;overflow: visible;padding-left: 5px;position: absolute;right: 0;text-align: center; top: 0;width: 100px;} 
/* END WEATHER WIDGET */
/* WEATHER EXTENDED */
.hbi-weather-extended-default-padding {padding-left:10px;padding-right:10px;}
/* END EXTENDED */
/* WEATHER CAMERAS */
.hbi-weather-camera-desc,
.hbi-camera-desc {font-weight: bold;margin-bottom: 10px;}
/* END WEATHER CAMERAS */
#hbi-long-date { display: none;}
#hbi-short-date { display: none;}
/* WEATHER WIDGET EXTENDED */
.hbi-main-weather-main {font-size: 20px;font-weight: bold;}
.hbi-main-weather-curr-temp {font-size: 25px;font-weight: bold;}
.hbi-main-weather-lohi-temp {font-size: 12px;}
.hbi-main-weather-desc-temp {font-weight: bold;}
.hbi-main-weather-tab {background-color: #D8D6D6;border:#939090 thin solid;padding: 5px 5px 5px 5px;font-weight: bold;font-size: 17px;}
.hbi-main-weather-tab-active {border-bottom: 0px;}
.hbi-main-weather-tab-table {width:100%;border:#939090 thin solid;padding:5px 5px 5px 5px;}
.hbi-main-weather-tab-content {font-size:14px;font-weight:normal;}
.hbi-main-weather-grad {background: #B1CCF1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#B1CCF1, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B1CCF1, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B1CCF1, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B1CCF1 white); /* Standard syntax */
}
/* INTERACTIVE WSI RADAR */
#wsimap{height: 350px;}
@media screen and (min-width: 400px) and (max-width: 1023px) {#wsimap{height: 700px;}}
@media screen and (min-width: 1024px) {#wsimap{height: 800px;}}
/* END INTERACTIVE WSI RADAR */
/* STORIES */ 
.hbi-img-caption,.hbi-img-caption  {font-size: 12px;}
.hbi-img-thumbnail {max-width: 100px;}
.hbi-story-body {padding-left:10px;padding-right:10px;}
.hbi-story-media-credit {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-media-caption {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-credits-h3 {margin-top: 0px;border-bottom: #070707 1px solid;font-size: 12px;}
.hbi-story-credits-p {font-weight:bold;font-size: 14px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-dates-p {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-copy-p {font-size: 11px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-img-author {	max-width: 70px;padding: 3px;border: 0;font-size: 12px;}
.hbi-story-time {font-size: 9px;color: #888;font-weight: normal;}

.media-heading .icon.play-video {
    display: inline-block;
    background: url(https://www.whec.com/whecimages/cs/camera.png) no-repeat 50% 50% transparent;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
}


.hbi-ad-advertiser {text-align: center; margin: 0; font-size: 8px;}
/* CAROUSEL 
#carousel-example-generic {margin: 20px auto;width: 100%;}
#carousel-custom {margin: 20px auto;width: 100%;}
#carousel-custom .carousel-indicators {margin: 10px 0 0;overflow: auto;position: static;text-align: left;white-space: nowrap;width: 100%;}
#carousel-custom .carousel-indicators li {background-color: transparent;-webkit-border-radius: 0;border-radius: 0;display: inline-block; height: auto;margin: 0 !important;width: auto;}
#carousel-custom .carousel-indicators li img {display: block;opacity: 0.5;}
#carousel-custom .carousel-indicators li.active img {opacity: 1;}
#carousel-custom .carousel-indicators li:hover img {opacity: 0.75;}
#carousel-custom .carousel-outer {position: relative;}
*/
.carousel .carousel-inner .item .slide-block img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
}
.carousel.loaded .carousel-inner .item .slide-block img {
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* Images for Featured Stories*/
.hbi-large-img-responsive {
	width: 825px;	
}

/* Images for Featured Stories*/
.hbi-xlarge-img-responsive {
	width: 1140px;	
}

.hbi-element-top-padding {padding-top:10px;}

/* Mobile Devices */
@media only screen and (max-width: 767px) {
	#ADSPACE03 {padding-top: 0px;}
	.hbi-weather-widget-mob {width: 100px; text-align:center;}
	.hbi-weather-widget-icon-mob {text-align:left;}
	.hbi-weather-widget-temp-mob {text-align:right;}
	.hbi-h1 {font-size: 1.5em; margin-bottom:10px;}
	.hbi-h2 a {font-size: 55%;display: block;line-height: 1;padding: 0px 0px 0px 0px;}
	.hbi-h3 a,.hbi-h4 a,.hbi-h5 a {font-size: 75%;}	
	.hbi-story-body {font-size: 14px;font-size: 75%;}
	.hbi-img-thumbnail {max-width: 65px;}
	.hbi-story-dates {font-size: 85%;}
	.hbi-story-media {max-width: 95%;}
	.hbi-story-body {font-size: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.hbi-story-media {max-width: 97%;}
}

@media only screen and (max-width: 375px) {
	.hbi-story-media {max-width: 94%;}
}


@media only screen and (max-width: 320px) {
	.hbi-story-media {max-width: 93%;}
	.hbi-weather-widget-mob {width: 85px; text-align:center;} /* D4 */
}

/* Desktop Devices */
@media only screen and (min-width: 768px) {
	.hbi-story-panel-body-before-ad {padding-bottom: 0px;}
	.hbi-story-panel-body-after-ad {padding-top: 0px;}
}

/* Google Search*/
  .gsib_a {padding-top: 0px;} /* remove extra padding before the input box */

  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #16285A;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #16285A;
    background-color: #16285A;
    background-image: none;
    filter: none;

  }
  .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
  }

	td.gsc-search-button input.gsc-search-button {
		  box-sizing: content-box;
		  border-color: #16285A;
		  background-color: #16285A;
		  color: #FFFFFF;
	}
/* End Google Search */

/* Custom Photo 04/16/2020 */
.custom-photo {padding-top:10px;padding-bottom:10px;}
.custom-photo-left {float:left; clear: left;margin-right:10px;width:100%;}
.custom-photo-right {float:right; clear: right;margin-left:10px;width:100%;}
@media only screen and  (min-width: 768px) { 
    .custom-photo-left {float:left; clear: left;margin-right:10px;width:50%;}
    .custom-photo-right {float:right; clear: right;margin-left:10px;width:50%;}
}
/* END Custom Photo */