/* 
	
	Overrides to A&D CSS FOR KOB
	
	D1 - 08/03/2016 - Fix logos.
	D2 - 08/08/2016 - Fix Story padding and marging on on screens <= 320.
	D3 - 08/29/2016 - Add styles for the new scrolling navigation.
	D4 - 08/29/2016 - Remove padding for quicklinks and hide the quicklinks.
*/
body { font-family:Arial, sans-serif; }
footer {background-color: #000000;}
footer a {color: #ffffff;}
footer a:hover {color: #F7090D;}
/* REM D4 - .header-top .topbar {background: linear-gradient(to bottom, #000000 0%,#666666 100%);margin-top:-10px;}  Desktop nav background color, margin-top needed because quicklinks above the nav*/ 
 .header-top .topbar {background: linear-gradient(to bottom, #000000 0%,#666666 100%);}
.header-top nav.navbar {margin-bottom: 15px; } /* Add when quicklinks on top of nav*/
.header-top .navbar-fixed-top {background: linear-gradient(to bottom, #000000 0%,#666666 100%); }/* 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;}
/* 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: 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 {height: 80px; margin-top:-5px;}
.dropdown-menu {}

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

/* 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: 28px;	 
	padding: 3px 3px 3px 3px;
	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:#A40404;}
.hbi-weather-alert {background-color: #A40404;}
.hbi-weather-alert-link {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; 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 {}
.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;}
.alert-info .hbi-video-alert-close {font-weight:bold;background-color:#000000;padding:1px 1px 1px 1px;}

.quicklinks-container {margin-bottom: 0px;}
/* rem D4 - .quicklinks-info {background-color:#f7f7f7;color:#777;border-color:#f7f7f7;text-align:center;max-height:35px;} */
.quicklinks-info {background-color:#f7f7f7;color:#777;border-color:#f7f7f7;text-align:center;max-height:35px;display:none;}
.quicklinks-info .hbi-quicklinks-alert-desc {display:inline-block;font-weight:bold;}
.quicklinks-info a.hbi-quicklinks-alert-link {color:#000;font-weight:bold;}
.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: 670px;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 !important;height: 50px;display: block;margin: 0 auto;}
.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;}
.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-h3-md { font-size: 90%;}
.hbi-h5-sidebar a {font-size: 80%;}
/* WW01 - To center the weather widget on iphone */
.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 WW01  */
/* 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: #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(/kobtvimages/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-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%);
}

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

/* Google Search*/
	input.gsc-input {
		border-color: #BBBBBB;
	}
	input.gsc-search-button {
		border-color: #000000;
		background-color: #333333;
	}
	.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: #000000;
		  background-color: #333333;
		  color: #FFFFFF;
	}
/* End Google Search */


/* Mobile Devices */
@media only screen and (max-width: 767px) {
	#ADSPACE03 {padding-top: 0px;}
	.hbi-weather-widget-mob {width: 75px; text-align:center;}
	.hbi-weather-widget-icon-mob {text-align:right;}
	.hbi-weather-widget-temp-mob {text-align:left;}
	.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-h6 a {font-size: 115%;}	
	.hbi-img-thumbnail {max-width: 65px;}
	.hbi-story-dates {font-size: 85%;}
	.hbi-story-media {max-width: 95%;}
	.hbi-story-body {font-size: 110% !important;}
}
@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%;}
	
	/* WW01 - To center the weather widget on iphone */
	#mobileWeatherWidget {
        display: block;
        float: right;
        width: 85px;
        padding: 0;
        margin: 0;
    }

    .hbi-weather-widget-icon-mob {
        padding-top: 2px;
        text-align: right;
    }
	/* end WW01 */

	/* D2 */
	#ADSPACE03 {
	   padding: 0 !important;
	   margin-left: -10px !important;
	}
	/* End D2 */

}
/* 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;}
}
/* 640px and below */
@media only screen and (max-width: 640px) {
	/* WW01 - To center the weather widget on iphone */
    header .navbar-brand {
        padding: 10px 10px 4px 0px !important;
    }
	/* end WW01 */
}