/* 
	Overrides to A&D CSS FOR WDIO
	
	Default Bootstrap view point breaks translate to media query
	
	Extra Small  	max-width:553px
	Small 			min-width:544px and max-width:767px
	Medium 			min-width:768px and max-width:991px
	Large 			min-width:992px and max-width:1199px
	X-Large 		min-width:1200px
	
	Changes
	
	DA1 - 09/01.2016 - Helps centering the weather widget on iphone 5.

	
	
*/
body { font-family:Arial, sans-serif; }
footer {
	    background-image: url(http://www.wdio.com/2016/images/header%20tile.jpg);
    background-repeat: repeat;
}
footer a {color: #ffffff;}
footer a:hover {color: #F7090D;}
/* .header-top .topbar {
    background-image: url(http://www.wdio.com/2016/images/header%20tile.jpg);
    background-repeat: repeat;
}/* Desktop nav background color*/
.header-top .topbar {
	background-image: url(http://www.wdio.com/2016/images/header%20tile.jpg);
    background-repeat: repeat;	
	background: linear-gradient(to bottom, #071131 0%,#0f2368 100%);
}
.header-top .navbar-fixed-top {background-color: #191B70; }/* 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;}


/* 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;
	}

}

/* Element headers */
.panel {box-shadow:none;} /* Remove the shadow box from the content blocks */
.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;
	text-align:center;
}

.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-breaking-news-box {
	border: #000 1px solid;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #A40404;
	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: #A40404;
	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: #A40404; height: 70px;}
.hbi-weather-alert-link {color: #FFFFFF; line-height: 24px;}
.hbi-weather-alert-desc {color: #FFFFFF;}
.hbi-weather-alert-exp {color:#F7EE06;}
.hbi-weather-alert-link:hover {color:#FFFFFF;}
.hbi-weather-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.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: #0f2368;}
.hbi-video-alert-link {color:#FFFFFF;font-size:13px;}
.hbi-video-alert-desc {color:#FFFFFF;font-size:13px;}
.hbi-video-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert {background-color: #A40404;}
.hbi-site-alert-link {color: #FFFFFF;font-size:13px;}
.hbi-site-alert-desc {color: #FFFFFF;font-size:13px;}
.hbi-site-alert-exp {color:#F7EE06;}
.hbi-site-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.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: #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: -5px 0px 0px 0px;color: #FFFFFF;padding: 0px 5px 5px 5px;width: 640px;height: 70px;}
.hbi-weather-widget-tab {color: #FFFFFF;width:225px;height:50px;}
.hbi-weather-widget-tab a {}
/* WW01 - To center the weather widget on iphone */
/* .hbi-weather-widget-mob {color: #FFFFFF;width:85px;height:50px;display:inline-block;} */
.hbi-weather-widget-mob {color: #FFFFFF;width: 100px;height: 50px;display: block;margin: 0 auto;}
/* WW01  */
.hbi-weather-widget-mobext {margin: -20px 0px 5px 0px;color: #191B70;background-color:#FFFFFF;padding: 0px 5px 5px 5px;width: 98%;height: auto;border:#191B70 thin solid;font-size:90%;}
.hbi-weather-widget-mobext .hbi-weather-widget-click-city {font-size: 11px; font-weight: bold; color: #191B70;}
.hbi-weather-widget-align {text-align: center;vertical-align: middle;}
.hbi-weather-widget-city-desk{padding-top: 0px;color:#dbff33;text-decoration:underline;}
.hbi-weather-widget-icon-desk {padding-top: 0px;color:#fff;}
.hbi-weather-widget-temp-desk {padding-top: 0px;color:#fff;}
.hbi-weather-widget-hilo-desk {padding-top: 0px;color:#fff;font-size: 11px;}
.hbi-weather-widget-change-city {font-size: 11px; font-weight: bold; color: #dbff33;}
.hbi-weather-widget-change-city:hover{color: #fff;}
.hbi-weather-widget-click-city {font-size: 11px; font-weight: bold; color: #dbff33;text-decoration:underline;}
.hbi-weather-widget-click-city:hover {color: #fff;}

.hbi-weather-widget-icon-tab {padding-top: 0px;}
.hbi-weather-widget-temp-tab {font-size: 34px;padding-top: 5px;color:#fff;}
.hbi-weather-widget-desc-tab {font-size: 12px;padding-top: 10px;color:#fff;}

.hbi-weather-widget-icon-mob {padding-top: 2px;text-align: right;}
.hbi-weather-widget-temp-mob {font-size: 15px;padding-top: 10px; color:#ffffff; line-height: 15px;}
.hbi-weather-widget-desc-mob {font-size: 12px;padding-top: 5px;}
.hbi-weather-widget-change-city-mob {font-size: 10px; font-weight: bold; color: #dbff33;}

.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-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;}
.play-video {
    display: inline-block;
    background: url(/wdioimages/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%);
}

/* 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;}
.hbi-read-more {text-align: center;}
.hbi-center-content {text-align: center;}

/* end */

/* 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-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 img{margin-top:-5px;}

}

@media only screen and (max-width: 375px) {
	.hbi-story-media {max-width: 94%;}
	
	#mobileWeatherWidget {
		width: 150px; 	
	}	
	
	.hbi-weather-widget-temp-mob {
        padding-top: 10px;
    }

	/* 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%;}
	
	/* WW01 - To center the weather widget on iphone */
	#mobileWeatherWidget {
        display: block;
        float: right;
        /* DA1 - width: 85px; */
        width: 130px; 
        padding-top: 0;
        margin: 0;
    }

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

	.hbi-weather-widget-temp-mob {
        padding-top: 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;}
}
/* 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 */

}


.hbi-div-image-OptA {width: 200px;}
.hbi-div-image-OptB {width: 88px;}
.hbi-div-image-OptC {width: 260px;}


@media only screen and (max-width: 1024px) {
.hbi-div-image-OptA {width: 193px;}
.hbi-div-image-OptC {width: 193px;}
}

@media only screen and (max-width: 640px) {
.hbi-div-image-OptA {width: 125px;}
.hbi-div-image-OptC {width: 125px;}
}


/* Google Search*/
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #666666;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #666666;
    background-color: #CECECE;
    background-image: none;
    filter: none;

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


/* School Alert List */

#schoolAlertList {}

#schoolAlertList td {font-size:125%;}

/* End School Alert List */

/* Google Search*/
.gsc-input input.gsc-input {
	line-height: normal;
}
/* END Google Search */