/* -------------- Global Styles --------------- */

body {
	font-family: 'Open Sans', sans-serif;
}

h1, h2{
	color: #000;
}

a,
i.fa-play-circle:before{
	color: #194787;
}

a:hover{
	/*color: #000;*/
}

h1 {
	font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
}

h1.page-heading-abc57,
h1.page-heading-abc57 span {
	color: #194787;
}

.lg-col-wrapper-no-space {
    max-width: 1250px;
    margin: 0 auto;
    padding:  0;
    position: relative;
    clear: both;
}


/* -------------- Main Styles --------------- */

header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,3e4e63+10,000000+100 */
	background: #194787; /* Old browsers */
}

footer{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e4e63+0,000000+100 */
	background: #194787; /* Old browsers */
}


/* -------------- Header --------------- */

.logo-abc57 {
	max-width: 550px;
}

.nav-transition .sticky-header-logo img {
	width: 75px;
}

.header-nav-search {
    color: #0e256b;
}

.nav-transition .header-nav-search {
    color: #fff;
}

.nav-transition .header-nav-search:hover,
.nav-transtition .header-nav-search:focus {
    color: #000;
}

.main-nav {
	border: none;
}

.main-nav a{
	color: #194787;
	letter-spacing: 0.07rem;
}

.main-nav .submenu-wrap-open a,
.main-nav a:hover,
.main-nav a:focus {
	color: #d49719;
}

.main-nav .submenu-wrap-open a:hover
.main-nav .submenu-wrap-open a:focus {
	color: #d49719;
}

.main-nav .submenu li a {
	color: #194787;
}

.main-nav.submenu li:last-child a {
	border-bottom: 1px solid #194787; /* border for last item in submenu dropdown list */
}

.main-nav .submenu li a:hover,
.main-nav .submenu li a:focus,
.main-nav .submenu li a:active {
	color: #d49719;
}

.abc57_nav li a:hover i,
.abc57_nav li a:focus i {
    color: #e8ba55;
}

.abc57_nav .submenu li a:hover,
.abc57_nav .submenu li a:focus {
    color: #e8ba55;
}

.abc57_nav.nav-transition {
    background: #194787;
}

.abc57_nav.nav-transition li a {
    color: #fff;
}

.abc57_nav.nav-transition li a:hover,
.abc57_nav.nav-transition li a:focus {
	color: #e8ba55;
}

.abc57_nav.nav-transition .submenu li a {
	color: #194787;
}

.abc57_nav.nav-transition .submenu li a:hover,
.abc57_nav.nav-transition .submenu li a:focus {
	color: #000;
}

.static_background_desktop {
	background: #194787;
}

.header-contact,
.header-contact a{
	color: #fff;
}

.header-contact a:hover,
.header-contact a:focus{
	color: #d49719;
}

.header-news-links-btn{
	border-color: #194787;
}

.header-news-links-btn:hover,
.header-news-links-btn:focus{
	border-color: #194787;
	color: #fff;
}

.breaking-alert,
.header-contact span.header-contact-spacer,
.header-contact span span {
	color: #fff;
}

.breaking-news-container,
.weather-alert-banner,
.school-closings {
	background-color: #8e1213;
}

.live-stream-container {
	background: #0d2038;
	background: linear-gradient(to right, #0d2038 0%,#17427d 25%,#17427d 50%,#17427d 75%,#0d2038 100%);
	background: -moz-linear-gradient(left, #0d2038 0%, #17427d 25%, #17427d 50%, #17427d 75%, #0d2038 100%);
	background: -webkit-linear-gradient(left, #0d2038 0%,#17427d 25%,#17427d 50%,#17427d 75%,#0d2038 100%);
}

.mobile-only.header-social-search {
	display: none;
}

.share-btn {
	background-color: #194787;
	text-transform: uppercase;
	border-radius: 20px;
}

.share-btn:hover {
	filter: brightness(125%);
}

.mobile-floating-nav.mobile-floating-navdesktop2 .content-native-share {
   margin-bottom: 0;
   margin-top: 0.2rem;
}

.main-nav .content-native-share .share-btn {
	position: absolute;
	right: 15px;
	padding: 1rem 2.5rem 0.8rem;
	background-color: #fff;
	font-size: 1.4rem;
}

.main-nav .content-native-share .share-btn,
.main-nav .content-native-share .share-btn i {
	color: #194787;
}


/* -------------- Homepage --------------- */

.hp-twitter-wrap{
	background-color: #000;
}

.hp-twitter-wrap h1,
.hp-twitter-wrap h1 a:hover{
	color: #194787;
}

.hp-twitter-wrap h1 a{
	color: #fff;
}

.hp-twitter-carousel{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212222+0,000000+100 */
	background: #212222; /* Old browsers */
	background: -moz-linear-gradient(top,  #212222 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #212222 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #212222 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-color: #194787;
}

.hp-twitter-carousel li span,
.hp-twitter-carousel li a{
	color: #194787;
}

.hp-prev-twitter-slide:hover,
.hp-next-twitter-slide:hover{
	background-color: #194787;
	border-color: #194787;
}


/* -------------- Modular Sections --------------- */

/* ----- mod section general ----- */

.mod-section h1,
.mod-section h1 a:hover{
	color: #194787;
}

.mod-section h1 a{
	color: #000000;
}

.mod-section > a {
	color: #000000;
}

.mod-section a:hover,
.mod-section a:focus,
.mod-section a:active {
	color: #194787;
}

.trending-now-circle:before {
    background-color: #194787;
    color: #fff;
    font-size: 1.8rem;
    width: 18px;
    height: 18px;
    padding: 3px 5px 7.5px 5px;
}


/* ----- mod section 1 ----- */

.mod-section-main-item{
	background-color: #000000;
}

.mod-section-main-item-title a{
	color: #9dbcd9;
}

.mod-section-main-item-title a:hover{
	color: #ffffff;
}


/* ---- Mod main weather  ---- */

.mod-section-main-weather.mod-section-main-item{
	background-color: #194787;
}

.mod-section-main-item-weather-temp,
.mod-section-main-item-weather-info-temps a,
.mod-section-main-1 .mod-section-main-item-weather-temp{
	color: #000000;
}

.mod-section-main-item-weather-high-low,
.mod-section-main-1 .mod-section-main-item-weather-high-low{
	color: #194787;
}

.mod-section-main-item-weather-info-temps a:hover{
	color: #000000;
}

.mod-section-main-1 .mod-section-main-item-title .mod-section-main-item-weather-see-more{
	color: #ffffff;
}

.mod-section-main-1 .mod-section-main-item-title .mod-section-main-item-weather-see-more:hover{
	color: #000000;
}


/* ----- mod section 2 ----- */


.mod-section-2-alt-color .mod-section-2-item{
	border-color: #194787;
}

.mod-section-2-alt-color .mod-section-2-item-title a{
	color: #000000;
}

.mod-section-2-alt-color .mod-section-2-item-title a:hover{
	color: #194787;
}

.mod-section-2-weather-high-low{
	color: #000000;
}

.mod-section-2-alt-color .mod-section-2-weather-temp{
	color: #000000;
}

.mod-section-2-alt-color .mod-section-2-weather-high-low{
	color: #194787;
}


/* ----- mod section 3 ----- */

.mod-section-3 h1,
.mod-section-3 h1 a:hover{
	color: #194787;
}

.mod-section-3 h1 a{
	color: #ffffff;
}

.mod-section-3-col a:hover{
	color: #194787;
}


/* ----- mod section 4 ----- */

.mod-section-4 h1,
.mod-section-4 h1 a:hover{
	color: #194787;
}

.mod-section-4-col a:hover{
	color: #194787;
}


/* ----- mod section "one-off" ----- */

.mod-single{
	border-color: #194787;
}

.mod-single h3 a:hover{
	color: #194787;
}



/* ----- misc -----  */

.primary-tags-wrapper .primary-tags {
    background-color: #194787;
    color: #ffffff;
    letter-spacing: 0.03rem;
}

.primary-tags-wrapper .primary-tags:hover {
	background-color: rgba(25,71,135, 0.8);
	color: #ffffff;
}

.content-header .primary-tag a {
	background-color: #194787;
	color: #fff;
	font-size: 1.5rem;
	padding: 0.6rem 2rem 0.5rem;
	border-radius: 20px;
    text-decoration: none;
}

.content-header .primary-tag a:hover {
	filter:brightness(125%);
}

/* -------------- News --------------- */

.content-body p {
    font-size: 1.7rem;
    line-height: 2.6rem;
}

.content-byline-author:hover{
	color: #194787;
}

.content-date-posted span{
	color: #194787;
}

.content-slideshow{
	color: #194787;
}

.content-prev-slide,
.content-next-slide{
	background-color: #000;
}

.content-prev-slide:hover,
.content-next-slide:hover{
	background-color: #194787;
}

.content-quote i,
.content-see-also-single,
.content-see-also-single a:hover{
	color: #000000;
}

.content-quote,
.content-see-also-single a{
	color: #194787;
}

.content-see-also-single a:hover{
	text-decoration: none;
}

.content-see-also li{
	border-color: #194787;
}

.content-see-also-title:hover{
	color: #194787;
}

.content-listing-title:hover{
	color: #194787;
}

blockquote {
    color: #194787;
    font-weight: 600;
}


/* -------------- Weather --------------- */

.weather-today-temps,
.weather-section-title{
	color: #194787;
}

.weather-today-temps span,
.weather-forecast th,
.weather-forecast-date span,
.weather-maps-tabs li a{
	color: #000000;
}

.weather-maps-tabs li a:hover,
.weather-maps-tabs li a.active,
.weather-maps-btn:hover{
	background-color: #194787;
}

.weather-maps-btn:hover{
	border-color: #194787;
}

.weather-video-article-title a {
	color: #000000;
}

.weather-video-article-title a:hover {
	color: #194787;
}


/* weather app */

.weather-view-column > a {
    color: #194787;
}

.weather-view-column > a:hover {
    color: #000000;
}

/* -------------- Takeovers --------------- */

.takeover-wrapper .newsletter-signup-footer{
	background-color: #194787;
}

.takeover-wrapper .newsletter-signup-input-wrap input{
	color: #ffffff;
}

.takeover-wrapper .newsletter-signup-input-wrap button:hover{
	background-color: #194787;
	color: #194787;
}


/* -------------- Sidebar --------------- */

aside h2,
aside a:hover {
  color: #194787;
}

.aside-local-news a:hover,
.aside-top-news-title:hover,
.aside-weather-copy h3 a:hover,
.aside-weather-copy a{
	color: #194787;
}

.aside-top-news li,
.aside-weather-bio{
	border-color: #194787;
}

.aside-weather-copy h3 a,
.aside-weather-copy a:hover{
	color: #000000;
}

.aside-weather-copy span{
	color: #194787;
}

.aside-newsletter-title span,
.aside-newsletter-title > i,
.aside-newsletter-signup-thanks,
.aside-newsletter-signup-input-wrap button:hover {
	color: #194787;
}

.callout-item-title-link > a {
	color: #000000;
}

.callout-item-title-link > a:hover {
	color: #194787;
}

/* -------------- Footer --------------- */

#footer-nav a{
	color: #ffffff;
}

#footer-nav a:hover,
.footer-contact-info span{
	color: #d49719;
}

.footer-logo-abc57{
	min-width: 100px;
	width: 19.166666666667%; /* 230/1200 */
}

.footer-text,
.footer-text a {
	color: #ffffff;
	text-decoration: none; /* special case for safari inserting links into phone numbers */
}

.footer-station-logos {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}


/* -------------- Live Stream --------------- */

.live-stream-container {
	background-color: #194787;
}

/* -------------- Miscellaneous --------------- */

.title-alert-notification:before,
.title-alert:before {
    background-color: #194787
}

.title-alert-notification:after,
.title-alert:after {
    border-color: #194787;
}

.zergnet-ad-unit{
	margin-top: 20px;
}

.sweepstakes-item{
	margin-right: 0;
	width: 48.475609756098%; /* 318/656 */
}

.sweepstakes-item:nth-child(2n+0){
	float: right;
}

.view-more a:hover {
    color: #194787;
}

.contact-form input[type="submit"] {
	background-color: #194787;
}

.contact-form input[type="submit"]:hover {
	background-color: #194787;
	opacity: 0.9;
}


/* -------------- Media Queries --------------- */

@media screen and (max-width: 500px), handheld and (max-device-width: 500px){

	.logo-stacked-abc57 {
		max-width: 120px;
	}

    .sweepstakes-item {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .footer-station-logos {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 1000px), handheld and (max-device-width: 1000px){

	.logo-abc57 {
		display: none;
	}

	.logo-stacked-abc57 {
		display: block;
		width: 80px;
	}

	.mobile-floating-nav {
		background: #194787;
	}
	
	#main-nav {
		background-color: #fff;
	}

	#main-nav a {
		color: #194787;
	}

	.abc57_nav a {
		color: #0e256b;
	}
	
	#main-nav a:hover,
	#main-nav a:focus {
		color: #194787;
	}
	
	#main-nav .submenu li.submenu-back-btn span,
	#main-nav .submenu li a{
		border-color: #194787;
	}

	.main-nav-menu-btn {
		color: #fff;
	}
	
}
/* END 1000 */

@media screen and (max-width: 650px), handheld and (max-device-width: 650px){
	.weather-maps-tabs li a:hover,
	.weather-maps-tabs li a.active{
		color: #fff;
	}
}
/* END 650 */

@media screen and (max-width: 600px), handheld and (max-device-width: 600px){
	
	.header-social-search{
		border-color: #194787;
	}
	
	.header-news-links-btn:hover,
	.main-nav-search-btn {
		color: #194787;
	}
}
/* END 600 */