@charset "UTF-8";

/*
These styles are for the new 2018 redesigned navigation bar and menus. Keep this separate from sa-style.css until we switch completely to the 2018 redesign of HSA.
*/


/* @group Master Elements */

body {
	/* Padding to account for fixed nav bar */
	padding-top: 40px;
}

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

#slide-menu .sa-btn:hover, #slide-user-menu .sa-btn:hover {
	color: #fff;
	text-decoration: none;
}

#slide-menu .blue.sa-btn, #slide-user-menu .blue.sa-btn {
	color: #fff;
	background: #0083de;
}

#slide-menu .blue.sa-btn:hover, #slide-user-menu .blue.sa-btn:hover {
	background: #0064aa;
}

#slide-menu .grey.sa-btn, #slide-user-menu .grey.sa-btn {
	color: #1f1f1f;
	background: #ccc;
}

#slide-menu .grey.sa-btn:hover, #slide-user-menu .grey.sa-btn:hover {
	background: #b6b6b6;
}

/* Full width button */
#slide-menu .sa-btn.block, #slide-user-menu .sa-btn.block {
	display: block;
}

/* Non-full-width button */
#slide-menu .sa-btn.inlineblock, #slide-user-menu .sa-btn.inlineblock {
	display: inline-block;
}

/* Back to top anchor link */
#top-anchor-new {
	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-new:hover {
	background: #2e2e2e;
}

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

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

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

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

/* Bootstrap fluid container override */
.container-fluid {
	max-width: 1350px;
}

/* @end */



/* @group Ad Elements */

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

.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);
}

#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: 12px; /* 12px */
	margin-top: 30px;
}

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

/* @end */



/* @group Navigation Menus */

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

.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;
	left: auto;
	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: 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: 10px;
	font-style: italic;
	color: #888;
}

#notice-container .link-text {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #1f1f1f;
	font-family: "Open Sans", Arial, sans-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;
}

#notice-container .unread-mark .link-text {
	color: #008fd3;
}

/* @end */



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

.masthead-blurb {
	padding-left: 0;
}

.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;
}

.masthead-blurb .weather-icon img, .masthead-blurb .fas {
	margin-right: 4px;
}

/* @end */

/* Footer Ad */
.footer-ad{
	display: block;
}

/* @group Footer */

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

.footer a {
	color: #a7a7a7;
}

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

.footer ol, .footer ul {
	list-style: none;
	padding-left: 0;
}

.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;
}

/* @end */



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

/* Tablets */
@media (max-width: 768px) {
	/* Hide desktop menus */
	.primary-menu, .user-menu {
		display: none;
	}
	
	.super-adLrg {
		display: none;
	}
	
	.super-adMed {
		display: block;
	}

	/* Show mobile menus */
	.mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
	}

	#slide-user-menu {
		display: block;
	}
}

/* Small devices (landscape phones) */
@media (max-width: 576px) {
	.topnav .mobile-menu .logo {
		width: auto;
		padding-top: 0;
	}

	#slide-menu, #slide-user-menu {
		width: 100%;
	}
}

/* Even smaller Apple devices below 320px) */
@media (max-width: 320px) {
	#slide-menu .ad-unit {
		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;
	}
}

/* @end */

/*** SINGLE POST WITH SIDEBAR ***/

#story-section .post-single-container.container {
		margin-right: auto;
		margin-left: auto;
}
@media (min-width: 768px){

		#story-section .post-single-container.container {
				width: 750px !important;
		}
		#weather-section {
				width: 750px !important;
				max-width: auto !important;
				min-width: auto !important;
		}
}
@media (min-width: 992px){
		#story-section .post-single-container.container {
				width: 970px !important;
		}
		#weather-section {
				width: 970px !important;
				max-width: auto !important;
				min-width: auto !important;
		}
}
@media (min-width: 1200px){
		#story-section .post-single-container.container {
				width: 1170px !important;
		}
		#weather-section {
				width: 1170px !important;
				max-width: auto !important;
				min-width: auto !important;
		}
}

#section-front-sidebar {
	top: 20%;
	z-index: 1;
}

#inside-container {
		padding-right: 20px;
}
#story-section .post-single-container.container{
		width: 100%;
		max-width: 1170px;
}
#story-section .post-single-container.container #article-container {
		width: 70%;
		float: left;
}
#story-section .post-single-container.container #article-sidebar {
		width: 30%;
		float: left;
		max-width: 350px;
		padding: 0;
}
#story-section .post-single-container.container #article-sidebar .sidebar-wrapper{
		padding: 5px;
}
#story-section .post-single-container.container #article-container .byline > div {
		display: inline;
		padding-right: 5px;
}
#story-section .post-single-container.container #article-container .byline {
		color: #888888;
}
#story-section .post-single-container.container #article-container .custom_byline.postdate{
		border-left: 1px solid #dddddd;
		padding-left: 5px;
}
#story-section .post-single-container.container #article-container #h3_story_categories {
		text-transform: uppercase;
		font-size: 15px;
		color: #dddddd;
}
#story-section .post-single-container.container #article-container #h3_story_categories a {
		color: #8cabbf;
		padding-right: 5px;
}
.post-single-container .byline a{
		color: #5db0e2;
		text-decoration: underline;
}
.post-single-container .adblade-wrapper .zone .adbladetitle {
		text-transform: uppercase;
		color: #88a9bb !important;
		font-size: 20px;
		padding-bottom: 20px !important;
}
#article-sidebar .widget-title,  #article-sidebar .widget-title a {
		font-size: 20px;
		color: #88a9bb;
		display: inherit;
		line-height: 25px;
}
#article-sidebar .widget-title{
		padding-bottom: 10px;
}
#article-sidebar aside.widget {
		margin-bottom: 20px;
}
/*** END - SINGLE POST WITH SIDEBAR ***/

/** Social **/
#article-content {
		position: relative;
}
#single-social-media {
		position: absolute;
		left: -50px;
		text-align: center;
		top: -15px;
		z-index: 50;
}
#single-social-media ul li {
		border-bottom: none;
		padding-bottom: 15px;
}
#single-social-media hr {
		margin: 0;
}
#single-social-media .share-text{
		font-size: 9px;
		color: #888888;
		font-weight: bold;
}
#single-social-media a {
		font-size: 25px;
}
#single-social-media .fa:hover {
		color: #000000;
}
#single-social-media .fa-facebook-official {
		color: #3b5998;
}
#single-social-media .fa-twitter-square {
		color: #1da1f2;
}
#single-social-media .fa-google-plus-square {
		color: #dd4b39;
}
#single-social-media .fa-linkedin-square{
		color: #0077b5;
}
#single-social-media .fa-envelope, #single-social-media .fa-print, #single-social-media .fa-commenting {
		color: #333333;
}
#single-social-media.fixed-social {
		position: fixed;
		top: 80px;
}
#single-bottom-ads.fixed-ads {
		position: fixed;
		top: 80px;
}
#single-social-media #social-separator {
		width: 30px;
		height: 2px;
		background-color: #dadada;
}
/** Social END **/
/** Comments **/
.comments-wrapper {
		padding-bottom: 30px;
		margin:15px auto;
}
.comments-wrapper #comments-tab{
		position: relative;
		z-index: auto;
		width: 100%;
		height: auto;
		right: 0;
		display: block;
		background-color: #0083de;
		padding-bottom: 12px;
		border-radius: 0;
}
.comments-wrapper #comments-tab.gray{
		background-color: #888888;
}
.comments-wrapper #comment-arrow, .comments-wrapper .fa-comment-o{
		display: none;
}
.comments-wrapper #comments-count{
		text-align: center;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
		color: #ffffff;
		padding: 5px;
}
.comments-wrapper #comments {
		margin-top: 0;
}
/** Comments End **/
/** Post Navigation **/
.single-navigation {
		padding: 20px 0;
}
.single-navigation .nav-left{
		display: inline;
		float: left;
		width: 50%;
		padding-bottom: 20px;
}
.single-navigation .nav-right{
		display: inline;
		width: 50%;
		float: left;
		text-align: right;
		padding-bottom: 20px;
}
.single-navigation .post-nav-title a {
		font-size: 22px;
		color: #1f1f1f;
		font-weight: bold;
}
.single-navigation, .single-navigation a {
		color: #88a9bb;
		font-size: 18px;
		font-weight: bold;
		line-height: 26px;
}
/** Post Navigation END **/

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

/** responsive **/

@media only screen and (max-device-width: 1024px){

		#single-social-media{
				position: relative;
				display: table;
				left: 0;
				margin-top: 25px;
		}
		#single-social-media ul{
				display: table-cell;
				padding-right: 15px;
		}
		#single-social-media ul li {
				display: table-cell;
				padding-right: 6px;
		}
		#single-social-media #social-separator {
				width: 2px;
				height: 18px;
				background-color: #dadada;
		}
		#single-social-media.fixed-social {
				position: relative;
				top: 0;
		}

}
@media only screen and (max-width: 768px){

		#single-social-media{
				position: relative;
				display: table;
				left: 0;
				margin-top: 25px;
		}
		#single-social-media ul{
				display: table-cell;
				padding-right: 15px;
		}
		#single-social-media ul li {
				display: table-cell;
				padding-right: 6px;
		}
		#single-social-media #social-separator {
				width: 2px;
				height: 18px;
				background-color: #dadada;
		}
		#single-social-media.fixed-social {
				position: relative;
				top: 0;
		}
		#single-bottom-ads.fixed-ads {
				position: relative;
				top: 0;
		}
		#story-section .post-single-container.container #article-container {
				width: 100%;
				float: none;
		}

		#story-section .post-single-container.container #article-sidebar{
				width: 100%;
				float: none;
				margin: 0 auto;
		}
		#inside-container {
				padding-right: 0;
		}

}

@media only screen and (max-width: 576px){
		.single-navigation .nav-left, .single-navigation .nav-right {
				width: 100%;
				text-align: left;
		}
}

/** Single story MOst read widget **/
.post-single-container.container .most-read .num{
		background: #eee;
		color: #888;
		font-weight: 600;
		padding: 3px 8px;
		margin-right: 8px;
		margin-bottom: 15px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		float: left;
		clear: both;
}
.post-single-container.container .most-read ol {
		margin: 0;
		padding: 0;
		list-style: none;
}
.post-single-container.container .most-read ol li a {
		color: #1f1f1f;
		text-decoration: none;
}
.post-single-container.container .most-read ol li {
		font-size: 14px;
		line-height: 17px;
		clear: both;
		margin: 0 0 3% 0;
		padding: 0 0 3% 0;
		list-style-type: none;
		color: #1f1f1f;
		border-bottom: 1px solid #ddd;
		font-weight: 600;
}
/** Single story MOst read widget END **/

.news-archive-right {
		margin-bottom: 5%;
}
@media (min-width: 751px) {
		#section-before-comments {
				display: block;
				content: " ";
				margin-top: -85px;
				height: 85px;
				visibility: hidden;
				pointer-events: none;
		}
}
@media (max-width: 750px) {
		#section-before-comments {
				display: block;
				content: " ";
				margin-top: -65px;
				height: 65px;
				visibility: hidden;
				pointer-events: none;
		}
}

/*** @END SINGLE POST WITH SIDEBAR ***/