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

h1, h2{
	color: #243847;
}

a {
	color: #000000;
}

a:hover,
a:focus {
	color: #c31010;
}

p > a,
i.fa-play-circle:before {
	color: #c31010;
}

p > a:hover {
	color: #000000;
}

.view-more a:hover,
.view-more a:focus {
    color: #c31010;
}

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

header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+10,f2f2f2+100 */
	background: #f2f2f2; /* Old browsers */
	background: linear-gradient(to right,  #f2f2f2 0%,#ffffff 10%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

footer{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1b1c+0,000000+100 */
	background: #243847; /* Old browsers */
  	background: linear-gradient( 90deg, rgb(23,35,45) 0%, rgb(36,56,71) 100%);
}

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

.logo-telemundowi{
	min-width: 200px;
	top: 13%; /* firebug */
	width: 21%; /* 252/1200 */
}

.main-nav-search-btn,
.header-search-input-wrap button{
	color: #000;
}

#main-nav {
	background-color: #c31010;
}

.main-nav-menu-btn {
	color: #c31010;
}

#main-nav .nav-transition {
	background-color: #fff;
    border-top: 5px solid #c31010;
    border-bottom: 5px solid #c31010;
}

#main-nav .nav-transition a {
	color: #000;
}

#main-nav a {
	color: #000;
	font-size: 1.5rem;
}

#main-nav a:hover,
#main-nav a:focus {
	color: #c31010;
}

.main-nav .submenu {
	top: 37px;
}

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

#main-nav .submenu-wrap-open > a,
#main-nav .submenu li a{
	color: #000;
}

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

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

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

.header-contact span span,
.header-contact span.header-contact-spacer,
.header-contact a:hover{
	color: #c31010;
}

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

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

.header-nav-search {
	color: #000;
}

.header-nav-icons i:hover, 
.header-nav-icons i:focus {
	color: #c31010;
}

.header-sponsor-ad {
	top: 0.5rem;
}

.header-social-search {
	margin: 4rem 12rem 0;
}

.breaking-news-wrap{
	padding-left: 415px;
}

.header-tips-links-btn {
	background-color: #c31010;
	color: #fff;
}

.header-tips-links-btn:hover, .header-tips-links-btn:focus {
	background-color: #fff;
	color: #c31010;
}


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

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

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

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

.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: #c31010;
}

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

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


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

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

.mod-section h1 {
	color: #243847;
}

.mod-section h1 a,
.mod-section h1 .view-more {
	color: #c31010;
}

.mod-section h1 a:hover,
.mod-section h1 .view-more:hover {
	color: #000000;
}

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

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

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

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


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

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

.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: #000;
}

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

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


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

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

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


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

.mod-section-3-list-row a:hover,
.mod-section-3-col a:hover{
	color: #c31010;
}


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



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

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

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

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

.primary-tags {
	background-color: #c31010;
	color: #ffffff;
}

.primary-tags-wrapper .primary-tags:hover {
	color: #000000;
}

.title-alert:before {
    background-color: #c31010;
}

.title-alert:after {
    border-color: #c31010;
}

.mobile-watch-links-bn,
.login-app-button {
	background: #c31010;
	color: #fff;
}

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

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

.content-date-posted{
	color: #000;
}

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

.content-slideshow{
	color: #666;
}

.content-slide-count{
	color: #c31010;
}

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

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

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

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

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

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

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

.content-listing li{
	border-color: #adadad;
}

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


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

.weather-today-temps{
	color: #c31010;
}

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

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

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


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

.takeover-wrapper .newsletter-signup-footer,
.takeover-wrapper .newsletter-signup-input-wrap input{
	color: #000;
}

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

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

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

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


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


aside h2 {
  color: #c31010;
}

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

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

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

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

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

#telemundowi_side {
	margin-bottom: 3rem;
}

.callout-box {
	font-weight: 600;
}

.callout-box:hover,
.callout-box:focus,
.callout-box a:hover,
.callout-box a:focus {
    background-color: white;
    color: #c31010;
}

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

.newsletter-signup-footer{
	color: #000;
}

.newsletter-signup-input-wrap{
	border-color: #000;
}

.newsletter-signup-input-wrap button:hover{
	background-color: #c31010;
}

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

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

.footer-logo-telemundowi{
	min-width: 100px;
	width: 14.25%; /* 171/1200 */
}


/* -------------- Live Streaming --------------- */

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

.live-stream-now {
	color: #ffffff;
}

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

@media screen and (max-width: 1200px), handheld and (max-device-width: 1200px){
	.breaking-news-wrap{
		padding-left: 390px;
	}
}
/* END 1200 */

@media screen and (max-width: 1000px), handheld and (max-device-width: 1000px){
	header{
		border-color: #c31010;
	}

	.logo-stacked-telemundowi{
		display: block;
		width: 140px;
	}
	
	#main-nav {
		background-color: #e7e7e7;
	}

	.main-nav li a {
		color: #000;
	}
	
	.main-nav-close-btn,
	#main-nav a {
		border-color: #fff;
	}
	
	.main-nav-close-btn{
		background-color: #ccc;
		color: #000;
	}
	
	#main-nav .submenu-wrap-open > a{
		background-color: #000;
	}
	
	#main-nav .submenu{
		background-color: #000;
	}
	
	#main-nav .submenu li.submenu-back-btn span,
	#main-nav .submenu li a{
		border-color: #666;
	}
	
	#main-nav .submenu li.submenu-back-btn span{
		background-color: #e7e7e7;
		color: #000;
	}
	
	#main-nav .submenu li.submenu-back-btn span:hover,
	#main-nav .submenu li a:hover{
		background-color: #c31010;
		color: #fff;
	}
	
	#main-nav .submenu li a{
		color: #fff;
	}
}
/* END 1000 */

@media screen and (max-width: 850px), handheld and (max-device-width: 850px){
	.header-contact,
	.header-social-search{
		width: 400px;
	}
	
	.logo-telemundowi{
		display: none;
	}
	
	.breaking-news-wrap{
		padding-left: 1rem;
	}
}
/* END 850 */

@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-contact{
		display: inline-block;
		width: auto;
	}
	
	.header-social-search{
		border-bottom: 4px solid #c31010;
		border-top: 4px solid #c31010;
		float: none;
		width: 100%;
	}
	
	.header-news-links-btn{
		background-color: #c31010;
		color: #fff;
	}
	
	.header-news-links-btn:hover{
		background: none;
		border-color: #c31010;
		color: #000;
	}

	.sticky-sponsor-ad-wrapper {
		bottom: 0;
	}
}
/* END 600 */