/*  
Theme Name: Honolulu Star-Advertiser
Theme URI: http://www.staradvertiser.com
Author: Honolulu Star-Advertiser
Author URI: http://www.staradvertiser.com
Description: A theme for Star-Advertiser
Year: 2018
*/



/* @group CSS Reset - DO NOT TOUCH */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: normal;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

blockquote.paddingleft {
	float: left;
	margin-right: 3% !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
	font-size: 75%;
	vertical-align: baseline;
}

small {
	font-size: 0.714em; /* 10px */
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 2em; /* 32px */
}

h2 {
	font-size: 1.875em; /* 30px */
}

h3 {
	font-size: 1.75em; /* 28px */
}

h4 {
	font-size: 1.625em; /* 26px */
}

h5 {
	font-size: 1.5em; /* 24px */
}

h6 {
	font-size: 1.25em; /* 20px */
}

/* @end */



/* @group Master Elements */
/* These are generic elements that appear throughout the website. */

body {
	font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
	color: #3c3c3c;
	padding-top: 40px;
	
	/* Force text-align left to account for homepage responsive banner styles */
	text-align: left !important;
}

a {
	color: #008fd3;
	text-decoration: underline;
}

a:hover {
	color: #006b9e;
}

h1, h2, h3, h4, h5, h6 {
	font-family: mrs-eaves-xl-serif-narrow, Times, serif;
}

.sa-btn {
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	text-align: center;
}

.sa-btn:hover {
	color: #fff;
	text-decoration: none;
}

.blue.sa-btn {
	color: #fff;
	background: #0083de;
}

.blue.sa-btn:hover {
	background: #0064aa;
}

.grey.sa-btn {
	color: #1f1f1f;
	background: #ccc;
}

.grey.sa-btn:hover {
	background: #b6b6b6;
}

/* Full width button */
.sa-btn.block {
	display: block;
}

/* Non-full-width button */
.sa-btn.inlineblock {
	display: inline-block;
}

/* Colored text */
.blue {
	color: #0083de;
}

.red {
	color: #b90000;
}

/* Add borders for elements */
.rightborder {
	border-right: 1px solid #ebebea;
}

/* Back to top anchor link */
#top-anchor {
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-align: center;
	display: none;
	background: #080808;
	padding: 0 8px 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#top-anchor:hover {
	background: #2e2e2e;
}

#top-anchor a {
	color: #e1e1e1;
	text-decoration: none;
}

#top-anchor a:hover {
	color: #e1e1e1;
}

#top-anchor .fas {
	font-size: 2em;
}

#top-anchor p {
	font-size: 9px;
	text-decoration: underline;
	margin-top: -5px;
	margin-bottom: 5px;
}

/* Bootstrap carousels */
.carousel-control-next, .carousel-control-prev {
	text-decoration: none;
}

/* Apply class "clear" to container with floated elements to clear */
.clear:before, .clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* Bootstrap fluid container override */
/* Edit this to change maximum page width */
.container-fluid {
	max-width: 1350px;
}

/* @end */



/* @group Ad Elements */
/* These styles are reserved for ad units including house ads and all affiliate ads. */

/* Remove these styles, only for proofs */
/*.ad-unit.leader img {
	width: 100%;
	max-width: 728px;
	height: auto;
}

.ad-unit.sliding img {
	width: 100%;
	max-width: 982px;
	height: auto;
}*/
/* Remove these styles, only for proofs */

.ad-unit:before {
	content: "Advertisement";
	color: #ddd;
	font-size: 0.625em; /* 10px */
	display: block;
	text-align: center;
}

.ad-unit.leader {
	position: relative;
	background: url(../images/bg-ad.png);
	padding: 5px 0;
	line-height: normal;
	clear: both;
}

.ad-unit.sliding {
	position: relative;
	background: #2e2e2e url(../images/bg-ad-black.png);
	padding: 5px 0;
	clear: both;
}

.dark-style .ad-unit.leader {
	background: #2e2e2e url(images/bg-ad-black.png);
}

/* Smart Banner Ads */
.smart-adMed {
	width: 728px;
	height: auto;
	max-width: 100%;
	margin: auto;
}

.smart-adSml {
	width: 640px;
	height: auto;
	max-width: 100%;
	margin: auto;
	display: none;
}

/* Super Leaderboard Ads */
.super-adLrg {
	width: 970px;
	height: auto;
	max-width: 100%;
	margin: auto;
}

.super-adMed {
	width: 728px;
	height: auto;
	max-width: 100%;
	margin: auto;
	display: none;
}

#slide-menu .ad-unit:before, .ad-unit.sliding:before, .dark-style .ad-unit:before {
	color: #808080;
}

/* Longs Drugs bug in nav bar */
.longs-bug-topnav {
	display: inline-block;
	text-indent: -9999px;
	background: url(../images/longs-drugs-logo.png) top left no-repeat;
	width: 96px;
	height: 20px;
}

/* Longs Drugs bug in hamburger menu */
.longs-bug-menu {
	font-size: 0.778em; /* 12px */
	margin-top: 30px;
}

.longs-bug-menu a {
	color: #ffe600;
	text-decoration: none;
}

/* Partner Content */
.sponsor .thumbnail {
	border-left: 3px solid #70b700;
}

.sponsor .tag-heading a, h5.sponsor a, .sponsor .tag-heading, .category-heading.sponsor {
	color: #70b700;
}

.sponsor .tag-heading a:hover, h5.sponsor a:hover {
	color: #568d00;
}

/* Single native ad */
.native.single {
	/* Remove top border if widget is below Top News divider */
	border-top: 0;
	/*border-top: 1px solid #ebebea;*/
	
	border-bottom: 1px solid #ebebea;
}

.native.single .thumbnail {
	width: 30%;
}

.native.single .thumbnail img {
	display: block;
}

.native.single .excerpt {
	font-size: 1em; /* 16px */
}

/* @end */



/* @group Navigation Menus */

.topnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: #080808;
	z-index: 52;
}

.topnav a {
	text-decoration: none;
	color: #e1e1e1;
}

.topnav a:hover, .topnav a.subscribe:hover {
	color: #fff;
}

.topnav ul li {
	list-style-type: none;
	display: inline-block;
	margin: 10px;
}

.topnav a.subscribe {
	color: #57baff;
}

/* Add search icon */
.topnav-search a:before {
	content: "\f002";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 4px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.primary-menu {
	height: 40px;
	overflow: hidden;
}

/* Slide-in Menus */
#slide-menu, #slide-user-menu {
	width: 350px;
	height: 100%;
	position: fixed;
	top: 0;
	background: #2e2e2e;
	padding: 50px 25px 25px;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	z-index: 51;
	font-size: 1.125em; /* 18px */
}

#slide-menu ul li, #slide-user-menu ul li {
	list-style-type: none;
}

#slide-menu ul li a, #slide-user-menu ul li a {
	color: #e1e1e1;
	font-weight: bold;
	text-decoration: none;
}

#slide-menu ul li a:hover, #slide-user-menu ul li a:hover {
	color: #fff;
}

#slide-menu hr, #slide-user-menu hr {
	margin: 25px 0;
	border-top: 1px solid #383838;
}

#slide-menu.hidden {
	position: fixed;
	left: -1000px;
	top: 0;
}

#slide-user-menu.hidden {
	position: fixed;
	right: -1000px;
	top: 0;
}

/* Bootstrap menu styles */
#slide-menu .nav {
	display: block;
}

#slide-menu .nav > li, #slide-user-menu .nav > li {
	position: relative;
	display: block;
	width: 100%;
}

#slide-menu .nav > li > a, #slide-user-menu .nav > li > a {
	position: relative;
	display: block;
	padding: 10px;
}

/* Link hover background color */
#slide-menu .nav > li > a:hover, #slide-user-menu .nav > li > a:hover {
	background: #000;
}

#slide-menu .toggle-custom, #slide-user-menu .toggle-custom {
	position: absolute !important;
	top: 0;
	right: 0;
}

/* Collapsible sub-menu */
#slide-menu .collapse, #slide-user-menu .collapse {
	display: none;
	visibility: hidden;
}

#slide-menu .collapse.show, #slide-user-menu .collapse.show {
	display: block;
	visibility: visible;
}

#slide-menu .nav .nav, #slide-user-menu .nav .nav {
	background: #000;
}

#slide-menu .nav .nav > li > a, #slide-user-menu .nav .nav > li > a {
	padding-left: 20px;
	font-size: 0.889em; /* 16px */
	font-weight: normal;
	border-bottom: 1px solid #151515;
}

#slide-menu .nav .nav > li > a:hover, #slide-user-menu .nav .nav > li > a:hover {
	background: #0b0b0b;
}

#slide-menu .toggle-custom > .fas, #slide-user-menu .toggle-custom > .fas {
	-webkit-transition: .3s transform ease-in-out;
	-moz-transition: .3s transform ease-in-out;
	transition: .3s transform ease-in-out;
}

#slide-menu .toggle-custom.collapsed > .fas, #slide-user-menu .toggle-custom.collapsed > .fas {
	transform: rotate(180deg);
}

.menu-close {
	color: #e1e1e1;
	text-decoration: none;
	font-size: 0.778em; /* 14px */
}

.menu-close:hover {
	color: #fff;
}

/* Hide dropdown toggle icon for notification icon */
#notice-icon.dropdown-toggle:after {
	display: none;
}

/* Hide mobile menus on desktop */
.mobile-menu, #slide-user-menu {
	display: none;
}

/* Notifications icon */
#noti-counter.green {
	background: #1abb9c;
	font-size: 0.625em /* 10px */;
	color: #fff;
	padding: 0 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: -5px;
	display: none;
}

/* Notifications dropdown menu */
#notice-list-container {
	display: none;
	width: 300px;
	top: 30px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -150px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
	border-color: #ebebea;
	border-top: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.175);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.175)";*/
	zoom: 1;
}

#dropdown-parent.open > #notice-list-container { 
	display: block;
}


/* Notifications title bar */
#notice-window-title-bar {
	padding: 5px 10px;
	font-size: 0.75em /* 12px */;
	color: #3c3c3c;
	border-bottom: 1px solid #ebebea;
}

#notice-window-title {
	color: #749fb7;
	text-transform: uppercase;
	font-weight: bold;
}

#learn-more-button {
	color: #749fb7;
}

#learn-more-button:hover {
	color: #006b9e;
}

#notice-window-mute-button {
	color: #008fd3;
	text-decoration: underline;
}

#notice-window-mute-button:hover {
	color: #006b9e;
}

#account-alert {
	background: #fff3cd;
	color: #856404;
	padding: 5px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0;
	font-size: 0.75em /* 12px */;
}

#account-alert .close {
	color: #856404;
	line-height: 12px;
	text-shadow: none;
	font-size: 1.333em /* 16px */;
}

#loading-message {
	display: block;
	text-align: center;
	color: #888;
	font-style: italic;
}

#reset-notices {
	display: block;
	text-align: center;
	background: #0083de;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em /* 12px */;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #006899;
}

#reset-notices:hover {
	background: #0081be;
}

/* Notification stories */
#notice-container {
	height: 400px;
	overflow-y: scroll
}

#notice-container li {
	display: block;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ebebea;
}

#notice-container li:hover {
	background: #eee;
}

#notice-container li.unread-mark {
	background: #e9f7ff;
}

#notice-container li.unread-mark:hover {
	background: #dbf2ff;
}

#notice-container li.alert-post {
	background: #ecffe4;
}

#notice-container li.alert-post:hover {
	background: #e3fbd9;
}

#notice-container .cust-e-time {
	display: block;
	font-size: 0.625em; /* 10px */
	font-style: italic;
	color: #888;
}

#notice-container .link-text {
	display: block;
	font-weight: bold;
	color: #1f1f1f;
	font-family: mrs-eaves-xl-serif-narrow, Times, serif;
	margin-top: 5px;
}

#notice-container li:hover > .link-text {
	color: #000;
}

#notice-container .link-text img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 5px;
}

/* @end */



/* @group Header */
/* These styles are for the SA masthead on top of every page. */

.masthead-blurb li {
	list-style-type: none;
	display: inline-block;
	margin: 5px 0 0;
	color: #888;
	font-size: 0.875em; /* 14px */
}

.masthead-blurb li:after {
	content: "|";
	color: #ebebea;
	margin: 0 5px 0 8px;
}

.masthead-blurb li:last-child:after {
	content: "";
	margin: 0;
}

.masthead-blurb a {
	color: #888;
}

.masthead-blurb a:hover {
	color: #3c3c3c;
}

.weather-icon, .weather-icon:hover {
	text-decoration: none;
}

/* Breaking News Alert Bar */
#breaking-alert {
	width: 100%;
	margin: 15px auto;
}
	
.breaking-news-widget {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	display: -webkit-flex;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	overflow: hidden;
	-webkit-flex-direction: row;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}

.breaking-news-widget .breaking-news-story-container .arrow-right {
    display: none;
}

.breaking-news-widget .breaking-news-title-container {
	width: 100%;
	background-color: #080808;
}

.breaking-news-widget .breaking-news-story-container {
	padding: 0;
	background-color: #6b0000;
	position: relative;
}

.breaking-news-widget .breaking-news-title {
	color: #fff;
	text-align: center;
	overflow: hidden;
}

.breaking-news-widget .breaking-news-title h4 {
	font-weight: bold;
	font-size: 1.125em; /* 18px */
	font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 10px 0;
}

.breaking-news-widget .breaking-news-story-container {
	width: 100%;
	margin-right: 0;
}

.breaking-news-widget .breaking-news-story {
    color: #fff;
	text-align: center;
	padding: 0 35px;
	overflow: hidden;
	text-align: left;
}

.breaking-news-widget .breaking-news-story h4 {
	color: #fff;
	font-weight: bold;
	font-size: 1.25em; /* 20px */
	margin: 10px 0;
}

.breaking-news-widget .breaking-news-story a {
	text-decoration: none;
}

.breaking-news-widget .breaking-news-story a:hover, .breaking-news-widget .breaking-news-story h4:hover {
	color: yellow;
	text-decoration: none;
	cursor: pointer;
}

.breaking-news-widget > .breaking-news-title-container {
	flex-basis: 170px;
	-webkit-flex-basis: 170px;
	order: 1;
	-webkit-order: 1;
	padding: 0 10px;
}

.breaking-news-widget > .breaking-news-story-container {
	flex-basis: 1;
	-webkit-flex-basis: 1;
	order: 2;
	-webkit-order: 2;
	margin-left: 0;
	background: #711c1a;
	width: 100%;
	flex: 1;
	-webkit: flex:1;
}

.breaking-news-widget > .breaking-news-story-right {
	flex-basis: 200px;
	-webkit-flex-basis: 200px;
	order: 3;
	-webkit-order: 3;
}

.breaking-news-widget .breaking-news-story-container .arrow-right {
	display: block;
	width: 0px;
	height: 0px;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 23px solid #080808;
	position: absolute;
	left: 0px;
}

/* @end */



/* @group Homepage Body Elements */
/* These styles apply specifically to homepage elements. */

/* Top News Multi-column Widget */
.top-news .middle {
	border-right: 1px solid #ebebea;
	border-left: 1px solid #ebebea;
}

/* Topics Bar */
.topics-menu {
	border-top: 1px solid #ebebea;
	border-bottom: 1px solid #ebebea;
	height: 40px;
	overflow: hidden;
}

.topics-menu:before {
	content: "Topics";
	text-transform: uppercase;
	color: #fff;
	background: #ccc;
	font-size: 0.875em; /* 14px */
	font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 1px 6px;
}

.topics-menu li {
	list-style-type: none;
	display: inline-block;
}

.topics-menu li a {
	padding: 10px;
	display: inline-block;
	text-decoration: none;
	color: #1f1f1f;
}

.topics-menu li a:hover {
	background: #ebebea;
}

.topics-menu li.red a {
	color: #b90000;
}

/* The Big Q */
.big-q {
	background: #eee;
	display: block;
	width: 100%;
}

.big-q .logo {
	width: 10%;
}

.big-q .question {
	display: inline-block;
	width: 60%;
}

.big-q .question a {
	color: #1f1f1f;
	text-decoration: none;
}

.big-q .button {
	width: 20%;
}

/* @end */



/* @group Story Elements */
/* These styles control the display of each article listing throughout the website. */

/* Story Headlines */
.story {
	padding: 15px 0;
	border-top: 1px solid #ebebea;
}

.story.feature {
	border-top: 0;
	padding-top: 0;
}

.story h1 a, .story h2 a, .story h3 a, .story h4 a, .story h5 a, .story h6 a {
	color: #1f1f1f;
	text-decoration: none;
}

.story h1 a:hover, .story h2 a:hover, .story h3 a:hover, .story h4 a:hover, .story h5 a:hover, .story h6 a:hover {
	color: #000;
	text-decoration: none;
}

.story .byline li {
	display: inline-block;
	margin-top: 10px;
	color: #888;
	font-size: 0.875em; /* 14px */
}

.up-4 .story .byline li {
	font-size: 0.75em; /* 12px */
}

.story .byline li:after {
	content: "\2022";
	color: #ebebea;
	margin: 0 5px 0 8px;
}

.story .byline li:last-child:after {
	content: "";
	margin: 0;
}

.story p .modified {
	font-size: 0.875em; /* 14px */
	margin-top: 5px;
	display: inline-block;
}

.story .byline .author, .story .byline .comments {
	color: #888;
}

.story .byline .author:hover, .story .byline .comments:hover {
	color: #3c3c3c;
}

.story .byline .comments .fas {
	padding-right: 4px;
}

.story .excerpt {
	margin-top: 5px;
	font-size: 0.875em; /* 14px */
}

.top-news .story .excerpt {
	margin-top: 10px;
}

/* Category headings within story box, only for Latest Columns on homepage */
.story .category-heading {
	font-size: 0.75em; /* 12px */
	font-weight: bold;
}

/* Top news story with thumbnail */
.feature .thumbnail {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
}

/* Stories with left-aligned thumbnail */
.story .thumbnail.small {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 15px;
	margin-bottom: 0;
}

.story .thumbnail.medium {
	float: left;
	width: 90px;
	height: 90px;
	margin-right: 15px;
	margin-bottom: 0;
}

/* 2-col stories with thumbnails */
.up-2 .feature .thumbnail {
	height: 300px;
}

/* 4-col stories inside left rail with thumbnails */
.col-12 .up-4 .feature .thumbnail {
	height: 150px;
}

/* 4-col stories with thumbnails */
.up-4 .feature .thumbnail {
	height: 200px;
}

/* Icons on thumbnails */
.thumbnail .icon {
	color: #e1e1e1;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: #080808;
	padding: 5px;
	opacity: 0.9;
	font-size: 0.75em; /* 12px */
}

.top-news .thumbnail .icon, .up-2 .thumbnail .icon, .up-4 .thumbnail .icon {
	font-size: 1.125em; /* 18px */
}

.col-12 .up-4 .thumbnail .icon {
	font-size: 0.75em; /* 12px */
}

/* Font size for 4-col stories inside left rail */
.col-12 .up-4 h6 {
	font-size: 1.125em; /* 18px */
}

.thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Premium stories tooltips */
.story .fa-star {
	font-size: 0.417em; /* 10px */
	vertical-align: middle;
	margin-bottom: 5px;
}

.premium {
	cursor: auto;
}

.tooltip-inner {
	background: #006b9e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 0.875em; /* 14px */
	font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
}

.tooltip, .tooltip.in {
	opacity: 1 !important;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
	border-top-color: #006b9e;
}

/* Categories */
.category-heading {
	text-transform: uppercase;
	color: #749fb7;
	font-size: 1.375em; /* 22px */
	font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

.up-4 .category-heading {
	font-size: 1.125em; /* 18px */
}

.category-heading a {
	color: #749fb7;
	text-decoration: none;
}

.category-heading a:hover {
	color: #006b9e;
	text-decoration: none;
}

/* Tag heading under headlines */
.tag-heading {
	font-size: 0.875em; /* 14px */
	color: #0083de;
	margin-bottom: 5px;
}

.tag-heading a {
	text-decoration: none;
}

article .post-block i.fa-star {
	font-size: 0.417em;
	vertical-align: middle;
	margin-bottom: 5px;
}

/* @end */



/* @group Widgets */
/* These styles apply to right rail sidebar elements. */

.right-rail .thumbnail {
	height: 200px;
}

/* Newsletter Signup Widget */
.breaking-news-signup {
	background: #f4f4f4;
}

.breaking-news-signup .sa-btn {
	padding: 3px 6px;
	margin-top: 5px;
	font-size: 0.875em; /* 14px */
}

/* Most Read Widget */
.most-read .category-heading {
	border-bottom: 0;
	margin-bottom: 0;
}

.most-read li {
	clear: both;
	padding: 10px 0;
}

.most-read h6 {
	font-size: 1em; /* 16px */
}

.most-read .num {
	background: #f1f1f1;
	color: #888;
	font-size: 0.875em; /* 14px */
	font-weight: bold;
	padding: 3px 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	clear: both;
}

.most-read .fa-star {
	font-size: 0.625em; /* 10px */
	vertical-align: middle;
	margin-bottom: 3px;
}

/* DBN Minute */
.dbn-minute iframe, .right-rail .video-embed {
	width: 100%;
	height: auto;
	display: block;
}

.sponsor.dbn-video .video-embed #sponsored-video-ads-thumbnail, .sponsor.dbn-video .video-embed #partners-video-ads-thumbnail {
	border-left: 3px solid #70b700;
}

.dbn-video .thumbnail, .thumbnail.float-left {
	width: 40%;
	height: auto;
}

.dbn-video .thumbnail, .dbn-video .thumbnail img, .thumbnail.float-left img {
	display: block;
}

.dbn-video.sponsor .tag-heading a {
	text-decoration: underline;
}

.dbn-video .byline {
	font-size: 0.875em; /* 14px */
	color: #888;
	margin-top: 10px;
}

/* Photo Galleries Widget */
.right-rail .carousel {
	min-height: 290px;
}

.right-rail .carousel .story {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
}

.right-rail .carousel .thumbnail {
	margin-bottom: 10px;
}

.right-rail .carousel .carousel-control-next, .right-rail .carousel .carousel-control-prev {
	opacity: 1;
	color: #3c3c3c;
	bottom: auto;
	width: auto;
}

.right-rail .carousel .carousel-control-prev {
	left: auto;
	right: 25px;
}

.right-rail .carousel .carousel-control-next:hover, .right-rail .carousel .carousel-control-prev:hover {
	color: #000;
}

/* Special Sections Widget */
.right-rail .special-sections .story {
	border: 0;
	padding: 10px 0;
}

.right-rail .special-sections .thumbnail {
	height: 140px;
}

.right-rail .special-sections h6 {
	font-size: 1.125em; /* 18px */
}

/* EvieSays widgets */
.evie-widget {
    margin-bottom: 30px !important;
    padding-left: 15px;
    padding-right: 15px;
}

.evie-widget .evie-widget-sponsored-container .evie-banner {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    font-size: 22px !important;
    line-height: normal;
    color: #f3bd2b !important;
    padding: 0 0 5px 0 !important;
    background: none !important;
}

.evie-widget .evie-widget-sponsored-container .evie-banner:after {
    content: " Events";
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller {
	height: auto !important;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event {
    padding: 0 !important;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event .evie-thumb, .evie-widget .evie-content .evie-tab .evie-tab-content .evie-event .evie-thumb {
	width: 70px !important;
	height: 70px !important;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event h2.evie-title, .evie-widget .evie-content .evie-tab .evie-tab-content .evie-event h2.evie-title {
    font-family: mrs-eaves-xl-serif-narrow, Times, serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-style: normal;
    color: #1f1f1f !important;
    line-height: normal;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event a:hover, .evie-widget .evie-content .evie-tab .evie-tab-content .evie-event a:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event p.evie-venue-title, .evie-widget .evie-content .evie-tab .evie-tab-content .evie-event {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: italic;
    line-height: normal;
    padding-top: 5px;
}

.evie-widget .evie-content:before {
    content: "Upcoming Events";
    text-transform: uppercase;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
    color: #749fb7;
    padding: 0 0 5px 0;
    display: block;
}

.evie-widget .evie-content .evie-tab .evie-header {
    padding: 0;
    margin-bottom: 10px;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    color: #555;
}

.evie-widget .evie-content .evie-tab .evie-tab-content .evie-event .evie-date, .evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event .evie-date {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    color: #555 !important;
}

.evie-widget .evie-content .evie-tab .evie-tab-content .evie-event, .evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event {
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
}

.evie-widget .evie-widget-sponsored-container .evie-widget-sponsored-scroller .evie-event {
	border-bottom: 1px solid #ddd;
}

.evie-widget .evie-content .evie-links {
    background: none !important;
    height: auto !important;
}

.evie-widget .evie-content .evie-links .button {
    display: block !important;
    height: auto !important;
    line-height: normal !important;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    margin-top: 10px !important;
    padding: 10px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -ms-filter: none !important;
    filter: none;
    background-color: #0083de !important;
    cursor: pointer;
}

.evie-widget .evie-content .evie-links .button:hover {
    background-color: #0064aa !important;
}

.evie-widget .evie-content .evie-links .button span {
    display: none;
}

/*.evie-widget .evie-widget-ad {
    margin: 0 auto !important;
    height: auto !important;
}*/

.evie-widget .evie-widget-loading h4 {
    text-indent: -9999px;
    margin: 0 !important;
}

.evie-widget .evie-widget-loading:before {
    display: block;
    text-align: center;
    content: "\f110";
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    font-weight: 900;
    color: #ccc;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* @end */



/* @group Footer */

.footer {
	background: #080808;
	color: #a7a7a7;
	font-size: 0.875em; /* 14px */
}

.footer a {
	color: #a7a7a7;
}

.footer a:hover {
	color: #fff;
}

.footer li {
	line-height: 1.5em; /* 24px */
}

.footer .social li {
	display: inline-block;
	margin-right: 15px;
	font-size: 1.875em; /* 30px */
	line-height: normal;
}

.footer .fb:hover a {
	color: #3b5998;
}

.footer .tw:hover a {
	color: #1da1f2;
}

.footer .gplus:hover a {
	color: #ea4335;
}

.footer .ig:hover a {
	color: #c13584;
}

.footer .yt:hover a {
	color: #ff0000;
}

.footer .li:hover a {
	color: #0077b5;
}

/* @end */



/* @group Internet Explorer Adjustments */

.ie8 .topnav .row {
	max-width: none;
}

.ie8 .topnav .col-xl-8 {
	width: 66.666667%;
}

.ie8 .topnav .col-xl-4 {
	width: 33.333333%;
}

/* Account extra space for outdated browser alert */
.ie-alert {
	background: #fff3cd;
	color: #856404;
	text-align: center;
	padding: 10px;
	width: 100%;
	min-height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 52;
}

.ie .topnav {
	top: 40px;
}

.ie body {
	padding-top: 80px;
}

/* Breaking News Alert Bar fix for IE9 */
@media all and (min-width:0\0) and (min-resolution: .001dpcm)
{
	.breaking-news-widget{
		display: block;
		overflow: hidden;
	}
	
	.breaking-news-widget > div{
		overflow: hidden;
	}
	
	.breaking-news-widget > .breaking-news-title-container, .breaking-news-widget > .breaking-news-story-container {
		width: 100%;
	}

	.breaking-news-widget .breaking-news-story { 
		text-align: center !important;
	}
	
	.breaking-news-widget .breaking-news-story-container .arrow-right {
		display: none;
	}
}

/* @end */



/* @group All Media Queries */
/* These media queries uses breakpoints from Bootstrap's responsive Layout Grid. PLEASE REFRAIN FROM ADDING UNNECESSARY BREAKPOINTS. */

/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	/* Force Top News multi-column to 2 columns */
	.top-news .col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.top-news .col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}
	
	.top-news .col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}
	
	.top-news .middle {
		margin-bottom: 1.5rem;
	}
	
	.col-12 .ad-unit {
		background: url(../images/bg-ad.png);
		padding: 5px 0;
		line-height: normal;
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}
}

/* Widescreen devices */
@media (max-width: 1024px) {
	.top-news .feature .thumbnail {
		height: 300px;
	}
	
	/* Stories with left-aligned thumbnail */
	.story .thumbnail.medium {
		width: 70px;
		height: 70px;
	}
	
	/* Set 4-col stories inside left rail as half width */
	.col-12 .up-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	/* 2-col stories inside left rail with thumbnails */
	.up-2 .feature .thumbnail, .col-12 .up-4 .feature .thumbnail {
		height: 200px;
	}
}

/* Desktop */
@media (max-width: 992px) {
	.col-12 .ad-unit {
		background: url(../images/bg-ad.png);
		padding: 5px 0;
		line-height: normal;
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}

	.top-news .middle {
		border-right: 0;
	}
	
	/* 2-col stories with thumbnails */
	.up-2 .feature .thumbnail, .col-12 .up-4 .feature .thumbnail, .right-rail .special-sections .thumbnail {
		height: 250px;
	}
	
	.right-rail .thumbnail, .right-rail .video-embed, .dbn-video .thumbnail, .dbn-minute iframe {
		height: 250px;
	}
}

/* Tablets */
@media (max-width: 768px) {
	/* Hide desktop menus */
	.primary-menu, .user-menu {
		display: none;
	}
	
	.smart-adLrg, .super-adLrg {
		display: none;
	}
	
	.smart-adMed, .super-adMed {
		display: block;
	}
	
	.football-fever .d-none {	
		display: none !important;
	}
	
	.football-fever .ff-logo {
		display: block;
		margin: auto;
		text-align: center;
	}
	
	/* Show mobile menus */
	.mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
	}
	
	#slide-user-menu {
		display: block;
	}
	
	.col-sm-12 .ad-unit {
		background: url(../images/bg-ad.png);
		padding: 5px 0;
		line-height: normal;
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}
	
	.top-news .feature .thumbnail, .up-4 .feature .thumbnail, .col-12 .up-4 .feature .thumbnail {
		height: 250px;
	}
	
	/* Breaking News Alert Bar */
	.breaking-news-widget {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		overflow: visible;
	}
	
	.breaking-news-widget .breaking-news-title-container, .breaking-news-widget .breaking-news-story-container {
		flex: auto;
		-ms-flex: auto;
	}
	
	.breaking-news-widget .breaking-news-story {
		text-align: center;
		padding: 0;
		overflow: visible;
	}
	
	.breaking-news-widget .breaking-news-story-container .arrow-right {
		display: none;
	}
	
	/* Stories with left-aligned thumbnail */
	.story .thumbnail.medium {
		height: 70px;
	}
	
	.up-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 1.5rem;
	}
	
	.story h2 {
		font-size: 1.625em; /* 26px */
	}
	
	.story h4 {
		font-size: 1.5em; /* 24px */
	}
	
	.most-read h6, .col-12 .up-4 h6, .big-q .button, .dbn-video.sponsor .tag-heading {
		font-size: 1.25em; /* 20px */
	}
	
	.right-rail .thumbnail, .right-rail .video-embed, .dbn-video .thumbnail, .dbn-minute iframe {
		height: 350px;
	}
	
	#top-anchor {
		right: 10px;
		bottom: 10px;
	}
}

/* Small devices (landscape phones) */
@media (max-width: 576px) {
	.smart-adMed {
		display: none;
	}
	
	.smart-adSml {
		display: block;
	}
	
	.rightborder {
		border-right: 0;
	}
	
	.topnav .mobile-menu .logo {
		width: auto;
		padding-top: 0;
	}
	
	#slide-menu, #slide-user-menu {
		width: 100%;
	}
	
	.top-news .middle {
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #ebebea;
	}
	
	/* Set 4-col stories inside left rail as half width */
	.col-12 .up-4, .up-4  {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	/* Add bottom margin for 2-col stories inside left rail */
	.col-12 .up-2 {
		margin-bottom: 1.5rem;
	}
	
	.col-12 .up-2:last-child {
		margin-bottom: 0;
	}
	
	.story h2 {
		font-size: 1.5em; /* 24px */
	}
	
	.story:last-child {
		border-bottom: 1px solid #ebebea;
	}
	
	.border-bottom, .top-news .middle {
		border-bottom: 0 !important;
	}
	
	.story h6 {
		font-size: 1.25em !important; /* 20px */
	}
	
	.most-read li {
		padding: 15px 0;
	}
	
	.dbn-video .thumbnail, .dbn-minute iframe, .right-rail .thumbnail, .right-rail .video-embed {
		height: 250px;
	}
	
	.right-rail .carousel .story:last-child {
		border-bottom: 0;
	}
	
	/* The Big Q */
	.big-q .logo {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.big-q .logo img {
		width: 35px;
		height: auto;
	}
	
	.big-q .question {
		font-size: 1.5em; /* 24px */
		display: block;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	
	.big-q .button {
		width: 50%;
		margin: auto;
	}
	
	/* Single native ad */
	.native.single {
		border-top: 0;
	}
	
	.native.single .thumbnail {
		width: 100%;
		height: 250px;
		margin-bottom: 10px;
	}
	
	.tgif-photos {
		border-top: 0 !important;
	}
}

/* Even smaller Apple devices below 320px) */
@media (max-width: 320px) {
	.ad-unit, .ad-unit.leader {
		margin-left: 0 !important;
		background: none;
	}
	
	.topnav .mobile-menu .logo {
		width: 120px;
		height: auto;
		padding-top: 5px;
	}

	#slide-menu, #slide-user-menu {
		padding: 50px 10px 10px;
	}
	
	#slide-menu .row, #slide-user-menu .row {
		margin-left: 0;
		margin-right: 0;
	}
	
	#slide-menu ul li > a, #slide-user-menu ul li > a {
		padding-bottom: 30px;
	}
	
	.story h2, .story h4 {
		font-size: 1.375em; /* 22px */
	}
	
	.story h5, .story h6 {
		font-size: 1.125em !important; /* 18px */
	}
	
	.feature .thumbnail, .dbn-minute iframe, .right-rail .thumbnail, .right-rail .video-embed {
		height: 200px !important;
	}
	
	.right-rail .special-sections .thumbnail {
		height: 130px !important;
	}
	
	.dbn-video .thumbnail {
		height: auto !important;
	}
	
	/* The Big Q */
	.big-q .question {
		font-size: 1.25em; /* 20px */
	}
	
	/* Show only the top story for 4-box and 2-box news widgets */
	.up-2 .story:not(.feature), .up-4 .story:not(.feature) {
		display: none;
	}
}

/* @end */