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


/* source-serif-pro-600 - latin */
@font-face {
    font-family: 'Source Serif Pro';
    font-style: normal;
    font-weight: 600;
    src: url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-600italic - latin */
@font-face {
    font-family: 'Source Serif Pro';
    font-style: italic;
    font-weight: 600;
    src: url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://staradvertiser.wpenginepowered.com/wp-content/themes/hsa-redesign/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-600italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}


/* General Elements */
body {
    font: 16px Helvetica, Arial, sans-serif;
    /* padding-top: 330px; */
    /* padding-top: 50px; fixed navbar height */
}

body.page-no-ads { padding-top: 0; }

.text-sml { font-size: 0.875em; }

a { color: #007bb6; text-decoration: underline; }
a:hover, a:focus { color: #000; }
.no-underline { text-decoration: none; }

.btn {
    border-radius: 50px;
    font-weight: bold;
}
.btn-primary {
    background: #007bb6;
    color: #fff;
    border-color: #007bb6;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:focus {
    background: #006b9e;
    color: #fff;
    border-color: #006b9e;
}
.btn-outline-primary {
    color: #007bb6;
    border-color: #007bb6;
}
.btn-yellow { background: #ffe600; }
.btn-yellow:hover, .btn-yellow.focus { background: #ffc000; }
.btn-native { background: #458500; color: #fff; }
.btn-native:hover, .btn-native:focus { background: #305d00; color: #fff; }

.bg-light-blue {
    background: #e5f6ff;
    border-radius: 3px;
}

.bg-light-green {
    background: #ecfae5;
    border-radius: 3px;
}

/* Set global divider color */
.border-top, .border-bottom, .border-start, .border-end { border-color: #e3ddd3 !important; }

/* Hide left and right dividers for mobile and tablets */
.col-12.border-start, .col-12.border-end { border: 0 !important; }

/* Form validation */
form .validationMessage {
    color: #dc3545;
    display: block;
    margin-top: 5px;
}

/* Hide elements from subscribers */
body.logged-in .hide-from-subscribers { display: none; }

/* Hide Recaptcha logo */
.grecaptcha-badge { display: none; }

/* Header Elements */
#navbar-logo {
    opacity: 1;
    transition: opacity 0.1s linear;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.navbar-dark {
    background: #000;
    color: #fff;
    font-size: 1.5em; /* 24px */
}

.navbar-dark.fixed-top { z-index: 1100; }

.navbar-dark .container { position: relative; }

.navbar-dark .navbar-toggler {
    color: #fff;
    border: 0;
    font-size: 1em; /* 30px */
}

.navbar a { text-decoration: none; }

.navbar-dark .icons.navbar-nav .nav-link, .top-sub-nav.navbar-dark .nav-link {
    color: #fff;
    font-weight: bold;
}

.navbar-dark .icons.navbar-nav .nav-link:hover, .navbar-dark .icons.navbar-nav .nav-link:focus, .navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus {
    color: #5cc8ff;
    text-decoration: none;
}

.navbar-dark .btn {
    font-size: 0.583em; /* 14px */
    font-weight: bold;
}

.navbar-toggler:focus { box-shadow: none; }

.top-sub-nav.navbar-dark {
    background: #3c3c3c;
    font-size: 1em; /* 16px */
}

.top-sub-nav.navbar-dark ul {
    height: 20px;
    overflow: hidden;
}

.top-sub-nav.navbar-dark .nav-item { display: inline-block; }

.top-sub-nav.navbar-dark .nav-link:hover, .top-sub-nav.navbar-dark .nav-link:focus { color: #c3e6f8; }

.longs-logo {
    width: 108px;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

/* Hamburger menu */
#flyoutMenu {
    background-color: #a8e1ff;
    padding-top: 51px;
    transition: none;
}
#flyoutMenu .offcanvas-body {
    overflow-y: scroll;
    scrollbar-color: #2196d4 #d6f1ff;
}
#flyoutMenu .offcanvas-body::-webkit-scrollbar { width: auto; }
#flyoutMenu .offcanvas-body::-webkit-scrollbar-track { background: #d6f1ff; }
#flyoutMenu .offcanvas-body::-webkit-scrollbar-thumb {
    background: #2196d4;
    border: 3px solid #d6f1ff;
    border-radius: 10px;
}
#flyoutMenu .offcanvas-body::-webkit-scrollbar-thumb:hover { background: #005785; }
.offcanvas-backdrop.fade { transition: none; }

/* Hamburger main menu with accordion */
#flyoutMenuSubMenu { list-style: none; }
#flyoutMenuSubMenu li {
    position: relative;
    display: block;
    width: 100%;
}
#flyoutMenuSubMenu a {
    position: relative;
    display: block;
    background: #6ec6f5;
    padding: 0.75rem;
    color: #000;
    text-decoration: none;
    font-size: 1.125em;
    font-weight: bold;
    border: 1px solid #a8e1ff;
    transition: 0.3s;
}
#flyoutMenuSubMenu a:hover, #flyoutMenuSubMenu a:focus {
    background: #46afe7;
}
#flyoutMenuSubMenu .toggle-custom {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid #a8e1ff;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #46afe7;
}
#flyoutMenuSubMenu .toggle-custom:hover, #flyoutMenuSubMenu .toggle-custom:focus { background: #000; color: #ddd; }
#flyoutMenuSubMenu .toggle-custom .icon-chevron-right {
    display: inline-block;
    transform: rotate(270deg);
}
#flyoutMenuSubMenu .toggle-custom.collapsed .icon-chevron-right {
    display: inline-block;
    transform: rotate(90deg);
}
#flyoutMenuSubMenu .sub-menu a {
    background: #f1f1f1;
    color: #333;
    font-size: 1em;
}
#flyoutMenuSubMenu .sub-menu a:hover, #flyoutMenuSubMenu .sub-menu a:focus { background: #c4ebff; }

/* Hamburger menu other links */
#flyoutMenu ul { list-style: none; }
#flyoutMenu .menu-box a {
    display: block;
    padding-bottom: 1em;
    margin: 1rem 0;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #6ec6f5;
}
#flyoutMenu .menu-box a:hover, #flyoutMenu .menu-box a:focus { text-decoration: underline; }
#flyoutMenu .menu-box li:nth-of-type(2) a {
    padding-top: 1em;
    border-top: 1px solid #6ec6f5;
}
#flyoutMenu .menu-box .text-dark { color: #005785 !important; }

/*#flyoutMenu .collapsing {
    // Animation effect for submenus
    -webkit-transition: none;
    transition: none;
    display: none;
}*/

.flyoutMenuClose {
    border: 0;
    background: none;
    color: #555;
    font-size: 2em;
}
.flyoutMenuClose:hover, .flyoutMenuClose:focus { color: #333; }

#flyoutMenu.show, #flyoutMenu.show .offcanvas-body {
    height: 100vh;
}
#flyoutmenu.show #flyoutMenuSubMenu { font-size: 0.75em; }
#flyoutmenu.show .menu-box { font-size: 0.667em; }

.masthead p {
    font-size: 0.875em; /* 14px */
    color: #666;
}
.masthead a { color: #666; }
.masthead a:hover, .masthead a:focus { color: #000; }
.masthead hr { display: none; }

.ggp-dnsmpi a {
    color: #fff;
    text-decoration: none;
}

/* Topics Bar */
#topics-menu .splide__track:before, #section-page-menu .splide__track:before {
    position: absolute;
    content: '';
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, #fff 100%);
    top: 0;
    left: 0;
    height: 100%;
    width: 1.5em;
    z-index: 1;
}

#topics-menu .splide__track:after, #section-page-menu .splide__track:after {
    position: absolute;
    content: '';
    background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
    top: 0;
    right: 0;
    height: 100%;
    width: 1.5em;
    z-index: 1;
}

#topics-menu .splide__slide, #section-page-menu .splide__slide {
    overflow: hidden;
    position: relative;
    padding: 0 1.25em;
    margin: 0 0.5em;
    height: 40px;
    background: #e5f6ff;
    border-radius: 50px;
}

#topics-menu .splide__slide.text-red { background: #f8d7da; }
#topics-menu .splide__slide.text-red:focus, #topics-menu .splide__slide.text-red:hover { background: #f5c2c7; }

#topics-menu .splide__slide:hover, #topics-menu .splide__slide:focus, #section-page-menu .splide__slide:hover, #section-page-menu .splide__slide:focus { background: #a8e1ff; }

#topics-menu .splide__slide a, #section-page-menu .splide__slide a {
    font-family: 'Source Serif Pro', Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: bold;
    line-height: 40px;
    text-decoration: none;
    display: block;
}

#topics-menu .splide__arrow:hover, #topics-menu .splide__arrow:focus, #section-page-menu .splide__arrow:hover, #section-page-menu .splide__arrow:focus {
    background: #a8e1ff;
    color: #000;
}

#topics-menu .splide__arrow svg, #section-page-menu .splide__arrow svg { fill: #1562a7; }

#topics-menu .splide__arrow--prev, #section-page-menu .splide__arrow--prev {
    left: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background: #e5f6ff;
    border-radius: 50%;
}

#topics-menu .splide__arrow--next, #section-page-menu .splide__arrow--next {
    right: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    background: #e5f6ff;
    border-radius: 50%;
}


/* News Elements */
.section-heading {
    border-top: 3px solid #1562A7;
    margin-bottom: 0.75rem;
}
.section-heading h2 {
    color: #1562A7;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.125em; /* 18px */
    font-weight: bold;
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
}
.section-heading [class^="icon-"], .section-heading [class*=" icon-"] { font-size: 0.833em; /* 15px */ }
.section-heading a {
    color: #1562A7;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-top: 5px;
}
.section-heading a:hover, .section-heading a:focus { color: #000; }

.news-story .thumbnail.med {
    width: 100%;
    height: 190px;
    overflow: hidden;
}

.page .news-story .thumbnail.med { height: auto; }

.news-story .thumbnail.small {
    width: 70px;
    height: 70px;
    float: left;
}

.news-story .thumbnail img, .author-meta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.news-story .story-title a, .post-entry-wrapper h1.story-title, .post .related-story .story-title a {
    font-family: 'Source Serif Pro', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    line-height: 1em;
}
.news-story .story-title a:hover, .news-story .story-title a:focus { color: #000; }
.news-story .story-title {
    font-size: 1.125em; /* 18px */
    margin-bottom: 0;
}
.native .news-story .story-title a {
    font-family: Helvetica, Arial, sans-serif;
}
.subscriber-faves .news-story .story-title {
    font-size: 0.875em; /* 14px */
    line-height: 1em;
    margin-bottom: 0;
}
.col-middle .news-story .story-title {
    font-size: 1.375em; /* 22px */
    line-height: 1em;
}

.news-story .thumbnail {
    position: relative;
    height: 250px;
}

.news-story .thumbnail .icon-play-circle {
    position: absolute;
    color: #fff;
    font-size: 3em;
    bottom: 8px;
    left: 15px;
    text-shadow: 0 0 5px rgb(0 0 0 / 35%)
}

.news-story.feature .thumbnail { height: 250px; }

.news-story.feature .story-title { font-size: 1.75em; /* 28px */ }

.news-story .excerpt {
    font-size: 0.938em; /* 15px */
    line-height: 1.333em; /* 20px */
}

.news-story .byline {
    font-size: 0.75em; /* 12px */
    color: #666;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.news-story .byline li {
    display: inline;
    word-break: break-word;
}
.news-story .byline a, .post-entry-wrapper .author a { color: #666; }
.news-story .byline a:hover, .news-story .byline a:focus, .post-entry-wrapper .author a:hover, .post-entry-wrapper .author a:focus { color: #000; }

.news-story.gallery-overlay { position: relative; }
.news-story.gallery-overlay .thumbnail { background: #333; }
.news-story.gallery-overlay .thumbnail img { opacity: 0.5; }
.news-story.gallery-overlay .story-title {
    position: absolute;
    bottom: 1em;
    left: 1em;
}
.news-story.gallery-overlay .story-title a {
    color: #fff;
    text-shadow: 1px 1px #333;
}
.news-story.gallery-overlay .gallery-overlay-arrow {
    text-decoration: none;
    color: #fff;
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.news-story.gallery-overlay .gallery-overlay-arrow span { font-size: 2.5em; }

.todays-paper small { font-size: 0.75em; /* 12px */ }

.subscriber-faves .num {
    background: #e5f6ff;
    color: #6fa4b7;
    font-family: 'Source Serif Pro', Georgia, sans-serif;
    font-weight: bold;
    font-size: 1.5em; /* 24px */
    font-style: italic;
    line-height: normal;
    padding: 0.5em 0.8em 0.4em;
    margin-right: 15px;
    border-radius: 50%;
}

.big-q img {
    width: 40px;
    height: auto;
}

.big-q .story-title { font-size: 1em; }


/* Article Elements */
.post-entry-wrapper .btn.tag {
    background: #e5f6ff;
    border: 2px solid #008fd3;
    margin-right: 10px;
    margin-bottom: 4px;
    color: #0076ae;
    font-size: 0.75em; /* 12px */
    text-transform: uppercase;
}

.post-entry-wrapper .btn.tag:hover, .post-entry-wrapper .btn.tag:focus {
    background: #008fd3;
    color: #fff;
}

.post-entry-wrapper .post-meta .tag {
    background: #555;
    color: #eee;
    text-decoration: none;
    padding: 2px 5px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.post-entry-wrapper .post-meta .tag:hover, .post-entry-wrapper .post-meta .tag:focus {
    background: #000;
}

.post-entry-wrapper h1.story-title {
    margin: 1em 0 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #f1f1f1;
    display: block;
}

.post-entry-wrapper .meta-info { color: #666; }
.post-entry-wrapper .author { font-size: 0.875em; /* 14px */ }
.post-entry-wrapper .author-img {
    border-radius: 50%;
    border: 4px solid #e5f6ff;
}
.post-entry-wrapper .post-meta { font-size: 0.75em; }
.post-entry-wrapper .edit-date { color: #a82e2e; }

.post-entry .share {
    list-style: none;
    padding: 0.5em;
    text-align: center;
    background: #e5f6ff;
}

.post-entry .share li {
    display: inline-block;
    margin: 0 1em;
}

.post-entry .share a {
    text-decoration: none;
    color: #29547b;
    font-size: 2.5em; /* 40px */
}

.post-entry .share a:hover, .post-entry .share a:focus { color: #000; }

.post-entry .share.sticky-top { top: 50px; z-index: 1010; }

.post-entry .share .dropdown-toggle:after { display: none; }
.post-entry .share .dropdown-item {
    font-size: 1em;
    color: #333;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.post-entry .share .dropdown-item:hover, .post-entry .share .dropdown-item:focus { background: #e5f6ff; color: #000; }
.post-entry .share .dropdown-item span {
    font-size: 1.5em; /* 30px */
    vertical-align: middle;
    margin-right: 10px;
}
.post-entry .share .dropdown-item .icon-facebook-square { color: #1877f2; }
.post-entry .share .dropdown-item .icon-twitter-square { color: #1da1f2; }
.post-entry .share .dropdown-item .icon-envelope-o {
    font-size: 1.35em;
    color: #29547b;
}
.post-entry .share .dropdown-menu li { margin-bottom: 0; }

.post {
    font-size: 1.125em; /* 18px */
    line-height: 1.5em; /* 27px */
    color: #3c3c3c;
}

.post p, .post ul, .post ol { margin-bottom: 1.25rem; }

.post ul li, .post ol li { margin-bottom: 0.75rem; }

.post ins { text-decoration: none; }

.post .wp-caption { margin-bottom: 3rem; }

.post .wp-caption-text {
    font-size: 0.778em; /* 14px */
    line-height: 1.333em; /* 24px */
    color: #666;
    margin-top: 0.5rem;
}

.post small {
    font-size: 0.667em; /* 12px */
    line-height: 1.5em; /* 18px */
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    font-weight: bold;
    margin-top: 2rem;
}

.post h6 { font-size: 1em; /* 18px */ }

.post .alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.post .alignright {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

.post .related-story { font-size: 0.75em; /* 12px */ }
.post .related-story .text-muted { color: #1562A7 !important; }
.post .related-story h6 {
    margin-top: 0;
    font-size: 1rem;
}

.post .related-story.election {
    background: rgb(255,239,238);
    background: -moz-linear-gradient(339deg, rgba(255,239,238,1) 0%, rgba(229,246,255,1) 100%);
    background: -webkit-linear-gradient(339deg, rgba(255,239,238,1) 0%, rgba(229,246,255,1) 100%);
    background: linear-gradient(339deg, rgba(255,239,238,1) 0%, rgba(229,246,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffefee",endColorstr="#e5f6ff",GradientType=1);
    padding: 1em;
}

.post .alignnone {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    max-width: 100%;
    height: auto;
    display: block;
}

#article-content .corrections {
    background: #d7efd3;
}

.email-form {
    background: #e5f6ff url(../jpg/bg-email-widget.jpg) no-repeat left -30px;
}

.email-form .email-form-blurb {
    line-height: normal;
}

.email-form h6 { color: #1562a7; }

.email-form input[type=text] {
    border-radius: 50rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-color: #8bcceb;
}

.email-form button {
    border-radius: 50rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.single .email-form h6 {
    font-size: 1em !important;
}

.single .email-form .email-form-blurb {
    font-size: 0.875em;
}

.comments-wrapper .nocomments {
    color: #141619;
    background-color: #d3d3d4;
    position: relative;
    padding: 1rem;
    border: 1px solid #bcbebf;
    border-radius: 0.25rem;
    font-style: italic;
}

/* Old comments system pre-2017 */
.comments-wrapper h3#comments {
    background: #e5f6ff;
    color: #29547b;
    margin: 0;
    padding: 0.75em 1.5em;
    cursor: pointer;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
}

.comments-wrapper ol.commentlist, .comments-wrapper #respond {
    background: #f8f9fa;
    padding: 1.5rem;
    list-style: none;
    font-size: 0.7777777777777778em; /* 14px */
    line-height: 1.25em;
}

.comments-wrapper .comment-author .fn {
    font-weight: bold;
    font-style: normal;
    color: #000;
}

.comments-wrapper .comment-author .says {
    font-style: italic;
    color: #888;
    font-size: 0.8571428571428571em; /* 12px */
}

.comments-wrapper .comment-meta {
    font-style: italic;
    color: #888;
    font-size: 0.8571428571428571em; /* 12px */
    margin-bottom: 1em;
}

.comments-wrapper .comment-meta a { color: #888; }
.comments-wrapper .comment-meta a:hover { color: #333; }

.comments-wrapper .comment-body p { margin-bottom: 1em; }

.comments-wrapper ul.children {
    padding-left: 20px;
    padding-top: 1em;
    list-style: none;
}

.comments-wrapper .depth-2 .comment-body {
    border-left: 3px solid #212121;
    padding-left: 15px;
}

.comments-wrapper .depth-3 .comment-body {
    border-left: 2px solid #212121;
    padding-left: 15px;
}

.comments-wrapper .depth-1 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.comments-wrapper .depth-2, .comments-wrapper .depth-3, .comments-wrapper .depth-4 { margin-bottom: 25px; }

.comments-wrapper h3#reply-title { margin-top: 0; }

.comments-wrapper p.comment-form-comment, .comments-wrapper p.form-submit { margin-bottom: 1em; }

.comments-wrapper .comment-form-comment .required, .comments-wrapper #respond .required { color: #dc3545; }

.comments-wrapper textarea {
    display: block;
    padding: 1rem .75rem;
    margin-top: .5rem;
    width: 100%;
    color: #212529;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    min-height: calc(1.5em + .75rem + 2px);
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

.comments-wrapper p.form-submit #submit {
    background: #e0e0e0;
    padding: 10px;
    border-radius: 2px;
    border: 0;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    color: #4f5c67;
}

.comments-wrapper p.form-submit #submit:hover { background: #d6d5d5; }


/* Image carousel */
#single-img-carousel .splide__slide .img-wrapper {
    overflow: hidden;
    max-height: 300px;
}
#single-img-carousel .wp-caption-text p { margin-bottom: 0.5rem; }
#single-img-carousel .splide__arrow {
    top: 430px;
    opacity: 1;
    background: none;
    display: none;
    width: auto;
    height: auto;
}
#single-img-carousel .splide__arrow span {
    color: #008fd3;
    font-size: 2.5em;
}
#single-img-carousel .splide__arrow span:hover, #single-img-carousel .splide__arrow span:focus { color: #29547b; }
#single-img-carousel .splide__arrow:disabled { pointer-events: none; }
#single-img-carousel .splide__arrow:disabled span { color: #ccc; }
#single-img-carousel .splide__arrow--prev { right: 3em; left: auto; }
#single-img-carousel .splide__arrow--next { right: 0em; }

.sidebar .widget { margin-bottom: 3em; }


/* Paywall */
.blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#paywall-screen .modal-dialog {
    max-width: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0;
    pointer-events: auto;
}

#paywall-screen .bg-primary, #paywall-screen .bg-light {
    background: none !important;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

#paywall-screen .bg-primary p, #paywall-screen .bg-light p {
    font-size: 0.889em;
    line-height: normal;
}

#paywall-screen .btn { font-size: 1em; }

#paywall-screen .logo {
    width: 75%;
    height: auto;
}

.js-hsa_polls__vote-btn { width: 100%; }


/* Page Elements */
.section-page-heading {
    text-transform: uppercase;
    font-size: 1.875em; /* 30px */
    font-weight: bold;
    color: #29547b;
}

#section-page-menu {
    background: #e5f6ff;
    border-radius: 50px;
    padding: 5px 0;
}

#section-page-menu .splide__track:before { background: linear-gradient(to left, rgba(229,246,255,0) 0%, #e5f6ff 100%); }

#section-page-menu .splide__track:after { background: linear-gradient(to left, #e5f6ff 0%, rgba(229,246,255,0) 100%); }

#section-page-menu .splide__slide {
    background: #fff;
    border: 2px solid #008fd3;
    text-transform: uppercase;
    padding: 0 0.75rem;
    height: 30px;
}

#section-page-menu .splide__slide a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.75em; /* 12px */
    line-height: 27px;
    color: #0076ae;
}

#section-page-menu .splide__slide:hover, #section-page-menu .splide__slide:focus { background: #008fd3; }

#section-page-menu .splide__slide a:hover, #section-page-menu .splide__slide a:focus, #section-page-menu .splide__slide:hover > a, #section-page-menu .splide__slide:focus > a { color: #fff; }

#section-page-menu .splide__slide.section-page-menu-heading {
    background: none;
    border: 0;
    color: #29547b;
    font-weight: bold;
    line-height: 30px;
}

#section-page-menu .splide__track {
    margin-left: 1em;
    margin-right: 1em;
}

.author-meta .thumbnail {
    width: 80px;
    height: 80px;
}

.author-meta h1 {
    color: #29547b;
    font-size: 1.875em; /* 30px */
    font-weight: bold;
}

.author-meta .social {
    font-size: 1.875em;
    vertical-align: middle;
}

.newsletter-container .thumbnail {
    width: 80px;
    height: 80px;
}

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

/* Weather */
.masthead .wi, #daytime_forecast .wi, #nighttime_forecast .wi { color: #007bb6; }

#daytime_forecast .wi.big {
    font-size: 5em;
    color: #ff8813;
}

#nighttime_forecast .wi.big {
    font-size: 5em;
    color: #007bb6;
}

#daytime_forecast .text-low, #nighttime_forecast .text-low { color: #00a3f1; }

#daytime_forecast small, #nighttime_forecast small { font-size: 1em; }

#daytime_forecast .bg-light, #daytime_forecast .bg-light-blue, #nighttime_forecast .bg-light, #nighttime_forecast .bg-light-blue {
    width: 93%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.masthead .wi { color: #007bb6; }

.forecast.form-switch { padding-left: 3.5em; }

.form-switch #forecast_toggle {
    width: 3em;
    margin-left: -3.5em;
    height: 1.5em;
    cursor: pointer;
}

.form-switch #forecast_toggle:checked {
    background-color: #ff8813;
    border-color: #ff8813;
}

.forecast.form-switch .form-check-label { cursor: pointer; }

/* Search Elements */
#search-icon {
    border-radius: .25rem;
    font-size: 1.5em;
    margin-left: 0.5em;
    padding: .375rem 1rem;
}

.search-form .accordion-button {
    background: none;
    padding: 0;
}

.search-form .accordion-button::after { display: none; }

.search-form .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    margin-right: 0.75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.search-form .accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/* Advanced options link on hover text substitution */
.search-form a.collapsed .show, .search-form a:not(.collapsed) .hide {
    display: inline-block !important;
}

.search-form a:not(.collapsed) .show {
    display: none !important;
}


/* Ad Elements */
.int-container { height: 0; }
.promo-container.bg-light {
    position: relative;
    height: 380px;
}
.promo-container.promo-top {
    position: relative;
}
.promo-container.bg-light > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.promo-container.promo-top > div {
	padding: 1rem;
}
.promo-container > div:before {
    content: "Advertisement - scroll down to continue";
    display: block;
    font-size: 0.688em; /* 11px */
    color: #8b8b8b;
}
.promo-sm-container > div:before {
    content: "Advertisement";
    display: block;
    font-size: 0.688em; /* 11px */
    color: #8b8b8b;
}
#div-gpt-ad-ear-right, #div-gpt-ad-ear-left {
    min-height: 120px;
}
/* Football Fever ads */
.ad-unit.ff iframe {
	width: 100%;
	height: 320px;
}
.native { height: auto; }
.native .section-heading { border-color: #6fb723; }
.native .section-heading a, .section-page-heading.native { color: #458500; }
.native .section-heading a:hover, .native .section-heading a:focus { color: #000; }
.native-content .section-heading { border: 0; }
.teads-player, .teads-inread { margin-bottom: 1.25rem !important; }


/* STN Videos */
body {
    --stn-player-adProgressBarTrackColor: #008fd3;
    --stn-player-progressBarTrackColor: #008fd3;
    --stn-player-timeElapsedColorMini: #008fd3;
    --stn-player-adVolumeBarTrackColor: #fff;
    --stn-player-volumeBarTrackColor: #fff;
    --stn-player-adProgressBarTrackTimeLeftColor: #003e5c;
    --stn-player-progressBarTrackTimeLeftColor: #003e5c;
    --stn-player-timeRemainingColorMini: #003e5c;
    --stn-player-adVolumeBarTrackUnusedColor: #003e5c;
    --stn-player-volumeBarTrackUnusedColor: #003e5c;
    --stn-player-barkerSelectedPlaylistItemLeftBorderColor: #000;
    --stn-player-hoveredPlaylistItemTitleColor: #000;
    --stn-player-bigPlayButtonBackground: #008fd3;
    --stn-player-controlbarActiveButtonsColour: #008fd3;
    --stn-player-subtitleCueBackgroundColor: #000;
    --stn-player-titleBarBackground: #000;
    --stn-player-upNextBannerBackground: #000;
    --stn-player-floatZIndex: 1000;
}


/* Footer Elements */
footer {
    color: #ccc;
    line-height: 1.5em;
}

footer ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

footer ul li { margin: 1em 0; }

footer .social li {
    display: inline-block;
    margin-right: 1.5em;
}

footer .social li a {
    color: #ccc;
    text-decoration: none;
}

footer a { color: #ccc; }

footer .social li a:hover, footer .social li a:focus, footer a:hover, footer a:focus { color: #fff; }

footer .social li span {
    font-size: 2.5em;
}

footer .disclaimer { font-size: 0.75em; }


/* Responsive Media Queries */
/* For iPad and larger */
@media (min-width: 768px) {
    #navbar-logo { opacity: 0; }
    .masthead hr {
        border-top: 2px solid #e3ddd3;
        display: block;
        margin-bottom: 0;
        opacity: 1;
    }
    .breaking-bar .badge { font-size: 1em; }
    .post-entry .share { background: none; padding: 0; }
    .post-entry .share li { display: block; margin: 0 0 1.75em; }
    .post-entry .share a { font-size: 1.875em; /* 30px */ }
    .post-entry .share.sticky-md-top {
        top: 5em;
        z-index: 1010;
        align-self: flex-start;
    }
    .news-story.feature .thumbnail { height: 350px; }
    .news-story .thumbnail.archive { height: 290px; }
    #single-img-carousel .splide__arrow { display: block; }
    #single-img-carousel .splide__slide .img-wrapper { max-height: 400px; }
    #single-img-carousel .wp-caption-text { width: 80%; }
    #paywall-screen .logo { width: 40%; }
    .js-hsa_polls__vote-btn { width: auto; }
    .section-page-heading { font-size: 2.5em; /* 40px */ }
    .btn-native.cta {
        font-size: 1.5em;
        padding: 0.5rem 2rem;
    }
    #search-field { font-size: 1.5em; /* 24px */ }
    .author-meta .thumbnail {
        width: 310px;
        height: 310px;
    }
    .newsletter-container .thumbnail { width: auto; height: auto; }
}

/* For desktops and larger */
@media (min-width: 992px) {
    .promo-container.bg-light { height: 160px; }
    #div-gpt-ad-ear-right, #div-gpt-ad-ear-left { min-height: 0; }
    /*.promo-container.promo-top { height: 345px; padding: 0.5rem; }*/
    /* body { padding-top: 51px; fixed navbar height } */
    .row.lg-margin > * {
        /* Enlarge Bootstrap column margins */
        padding-left: calc(var(--bs-gutter-x) * .75);
        padding-right: calc(var(--bs-gutter-x) * .75);
    }
    .border-lg-bottom { border: 0 !important; }
    .btn { line-height: normal; }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }
    #flyoutMenu .offcanvas-body {
        background: #a8e1ff url(../gif/bg-menu.gif) bottom right no-repeat;
    }
    #topics-menu, #section-page-menu {
        padding-left: 45px;
        padding-right: 45px;
    }
    #section-page-menu .splide__track {
        margin-left: 0;
        margin-right: 0;
    }
    .col-12.border-start { border-left: 1px solid #e3ddd3 !important; }
    .col-12.border-end { border-right: 1px solid #e3ddd3 !important; }
    .news-story.gallery-overlay .thumbnail img { height: 265px; }
    .news-story.gallery-overlay .story-title a:hover, .news-story.gallery-overlay .story-title a:focus { color: #e5f6ff; }
    .page .news-story .thumbnail.med { height: 250px; }
    .news-story.feature .thumbnail { height: 415px; }
    .news-story.archive .story-title { font-size: 1.5em; /* 24px */ }
    .news-story .thumbnail.archive {
        width: 310px;
        height: 200px;
        float: left;
    }
    .post-entry-wrapper { padding-right: 5em; }
    .post-entry-wrapper .author-img { width: 75px; height: 75px; }
    .page-no-ads .post-entry-wrapper { padding-right: calc(var(--bs-gutter-x) * .5); }
    #single-img-carousel .splide__slide .img-wrapper { max-height: 480px; }
    #single-img-carousel .splide__arrow { top: 510px; }
    .sidebar .sticky-lg-top { top: 5em; z-index: 1010; }
    .single .sidebar, .page .sidebar { max-width: 300px; margin: 0 auto; }
    .sidebar .widget { margin-bottom: 4em; min-height: 0 !important; height: auto !important; }
    .sidebar-sticky-wrapper { min-height: 600px; }
    .single .sidebar-sticky-wrapper { min-height: 1500px; }
    .sidebar-even-vertical-displacement {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #paywall-screen .modal-dialog { background: #fff url(../gif/bg-paywall.gif) 800px 50px no-repeat; }
    #paywall-screen .bg-primary { background: #e5f6ff !important; }
    #paywall-screen .bg-light { background: #ddd !important; }
    #paywall-screen .bg-light, #paywall-screen .bg-primary { min-height: 204px; }
    #paywall-screen .logo { width: 25%; }
    .section-page-heading { font-size: 3em; /* 48px */ }
    #daytime_forecast .bg-light, #daytime_forecast .bg-light-blue, #nighttime_forecast .bg-light, #nighttime_forecast .bg-light-blue {
        width: 100%;
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    #daytime_forecast .wi.big, #nighttime_forecast .wi.big { font-size: 3em; }
    #daytime_forecast small, #nighttime_forecast small { font-size: 0.875em; }
    footer ul li { margin: 0.5em 0; }
    footer .social li span { font-size: 2em; }
}

/* For wide desktops */
@media (min-width: 1200px) {
    .masthead hr { margin: 0; }
    #paywall-screen .bg-light, #paywall-screen .bg-primary { min-height: 0; }
}

/* Print styles */
@media print {
    .navbar, .top-nav, .promo-container, .promo-sm-container, .post-entry .share, #taboola-below-article-thumbnails, #taboola-below-sectionfront-thumbnails, .trc_related_container, .tbl-feed-card, .trc_spotlight_widget, .tbl-feed-container, .tbl-feed-frame-DIVIDER, .sidebar, footer, #anuUDQLF ._7bGDOqrF { display: none; }
}