/* 

	Overrides to A&D CSS 

	D1 - 08/03/2016 - Fix logos.
	D3 - 08/30/2016 - Add styles for the new scrolling navigation.
*/
body { font-family:Arial, sans-serif; }
footer {background-color: #000;}
footer a {color: #ffffff;}
footer a:hover {color: #F7090D;}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #ED181F;
}
.header-top .topbar {background-color:#000; }/* Desktop nav background color*/
.header-top .navbar-fixed-top {background-color: #000; }/* 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 .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;} */ /* D1 */
/* 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 */
/* .dropdown-menu {background-color: #eeeeee;} */
/* D3 - Scrolling Navigation Block */

.header-top .navbar-header .navbar-brand img {height: 30px;margin-top:7px; margin-left: 10px;}

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

/* Overrides the margin-bottom */
.navbar { margin-bottom: 0px; }
/* End of overrides to A&D CSS */
.header-top .topbar .logo {max-height: 60px; 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: #A40404;
	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 */	
}
.hbi-breaking-news-link {color:#ED181F;}
.hbi-breaking-news-link:hover {color:#000;}

.hbi-breaking-news-box {
	border: #000 1px solid;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #ED181F;
	padding: 2px 2px 2px 10px;
	text-transform: uppercase;
	text-align:left;
	width: 50%;
	margin-top: -38px;
	margin-left: 0px;
	font-weight: bold;
}
.hbi-breaking-news-headline {
	margin: 0 0 0 0;
	background-color: #ED181F;
	padding: 5px 5px 5px 5px;
	margin-left: -10px;
	margin-top: -10px;
	margin-right: -10px;
}

.hbi-breaking-news-headline a{
	color: #FFFFFF;
}

.hbi-breaking-news-headline a:hover{
	color: #000000;
}


.hbi-weather-alert {background-color: #ED181F; height: 60px;}
.hbi-weather-alert-link {color: #FFFFFF;font-weight: bold;}
.hbi-weather-alert-link:hover {color: #000;}
.hbi-weather-alert-desc {color: #FFFFFF;}
.hbi-weather-alert-exp {color:#F7EE06;}
.alert-info .hbi-weather-alert-close {font-weight:bold; background-color: #000000;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 {background-color:#1815a6;}
.hbi-video-alert-link {color:#FFF;font-weight:bold;}
.hbi-video-alert-desc {color:#FFF;}
.hbi-site-alert {background-color: #ED181F;}
.hbi-site-alert-link {color: #FFFFFF;font-weight: bold;}
.hbi-site-alert-link:hover {color: #000;font-weight: bold;}
.hbi-site-alert-desc {color: #FFFFFF;}
.hbi-site-alert-desc:hover {color: #000;font-weight: bold;}
.hbi-site-alert-exp {color:#F7EE06;}
.alert-info .hbi-video-alert-close {font-weight:bold;background-color:#000000;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: ##c4cdd2 ; /* 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;}
.hbi-weather-widget-temp-mob {font-size: 15px;padding-top: 15px;color:#ffffff; line-height: 15px;}
.hbi-weather-widget-desc-mob {font-size: 12px;padding-top: 5px;color:#ffffff;}
.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-h3-bkn  {font-size: 120%;}
.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-weathe-grad {background: #c4cdd2 ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c4cdd2, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c4cdd2, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c4cdd2, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c4cdd2 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-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;}
.play-video {
    display: inline-block;
    background: url(/kaalimages/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;}
*/
.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;margin-left: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%;}
	.header-top .navbar-header .navbar-brand {margin-left:-10px; padding-left:0px;} /* D1 */	
}

@media only screen and (max-width: 375px) {
	.hbi-story-media {max-width: 94%;}
	
	/* For iOS, avoid zooming of input elements by simply allocating a font size of 16px; */
	input, select, textarea {
    	font-size: 16px;
	}
}

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

	#ADSPACE03 {margin-left: -10px;}
	
	/* For iOS, avoid zooming of input elements by simply allocating a font size of 16px; */
	input, select, textarea {
    	font-size: 16px;
	}

}

/* 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*/
.gsc-input input.gsc-input {
	line-height: normal;
}

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