/*
	Theme Name: SNO FLEX
	Theme URL: http://www.snosites.com
	Version: 10.3.100
	Author: School Newspapers Online
	Author URI: http://www.snosites.com

*/

/* Use this line to change size for updater if there are no CSS changes to version ****************************/

* {
    margin: 0;
    padding: 0;
}
.skip-to-content {
    position: absolute;
    left: 10px;
    top: -1000px;
    height: auto;
    width: auto;
    display: block;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 10px 20px 9px;
    background: #f0f0f1;
    color: #2271b1;
    z-index: 100000;
    line-height: normal;
    text-decoration: none;
    transition: top 0.3s ease-in-out;
    text-decoration: none;
    border-radius: 5px;
}
input.hac-search {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.link-focus:focus img {
    border: 2px solid #007bff;
    padding: 2px;
    box-sizing: border-box;
}
.skip-to-content:focus {
    top: 10px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
a.skip-to-content,
a.skip-to-content:visited {
    color: #2271b1;

}
.carousel-widget img {
    cursor: pointer;
}
button.infobox-nav-button {
    border: none;
    background: none;
}
.activate-tab-controls .flex-pauseplay {
    opacity: 1 !important;
}
.grid-widget-tile:focus-within .gridwidgetoverlay {
    display: block !important;
}
.flexslider:focus-within .carouseloverlaytext,
.flexslider:focus-within .carouseloverlay {
    opacity: 1 !important;
    display: block !important;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.emailshare .photocontainer2 img {
    cursor: pointer;
}
.sfi-slideshow button {
    border: none;
    background: unset;
}
.remodal-inner-container .photocredit a:focus,
.inline-slideshow .photocredit a:focus {
    outline: 2px solid blue;
    outline-offset: 2px;
}
.sno_slideshow_nav_left button:focus,
.sno_slideshow_nav_right button:focus {
    outline: 3px solid white;
    outline-offset: 5px;
}
button.sno-story-comment-bar {
    display: block;
    width: 100%;
}
iframe.wp-embedded-content { 
    max-width: 100%; 
}
.widget-inline-gallery {
    display: grid;
    gap: 2px;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.live-coverage-banner-wrap {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}
.update-style-wrap .sno-story-byline {
    border-bottom: none !important;
    border-top: none !important;
}
.live-coverage-banner {
    padding: 10px 20px;
    border-radius: 5px;
    background: #D0021B;
    color: #fff;
    font-size: 20px;
    float: left;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.live-update-meta {
    margin-bottom: 10px;
    width: 80%;
}
.live-update-wrap .sno-story-byline.byline-live-update {
    margin-bottom: 10px;
}
.live-update-wrap h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.update-notification,
.refresh-notification {
    display: none;
    position: fixed;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 30px;
    background: #D0021B;
    color: #fff;
    z-index: 10000;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-size: 20px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
.update-notification:hover,
.refresh-notification:hover {
    filter: brightness(1.25);
}
.refresh-notification {
    z-index: 10001;
}
.live-update-wrap {
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
}
.live-update-meta {
    font-size: 18px;
    line-height: 24px;;
}
.update-byline-meta {
    font-style: italic;
    color: #555;
}
.live-update-shadow {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
    transform: translateZ(0);
}
.live-update-share-wrap {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    display: block;
}
.live-update-wrap:not(.pinned-update,.update-add-padding,.update-new) .live-update-share-wrap {
    right: 0px;
}

.timestamp-label {
    float: left;
    margin-right: 3px;
}
.live-update-timestamp {
    height: 20px;
    overflow: hidden;
    position: relative;
}
.timestamp-time {
    position: absolute;
}
.timestamp-elapsed {
    position: absolute;
    top: 20px;
}
.timestamp-elapsed-update {
    position: absolute;
    top: 20px;
}
.live-update-share-text {
    color: #fff;
    background: #444;
    margin-right: 10px;
    margin-top: 5px;
    padding: 5px 10px;
    border-radius: 4px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    display: none;
    float: right;
}
.live-update-share-link {
    font-size: 18px;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    border-width: 1px;
    color: #555;
    line-height: 38px !important;
    background: #fff;
    cursor: pointer;
    float: right;
}
.sno-story-photo-no-caption-area {
    margin-bottom: 15px;
}
.live-update-share-link-hover {
    color: #fff;
    background: #555 !important;
    border-color: #000;
    cursor: pointer;
}
.live-update-share-link i {
    position: relative;
    z-index: 1;
}
.live-update-wrap .sno-story-photo-area .sno-story-photo-caption-area,
.live-update-wrap .captionboxmittop,
.live-update-wrap .sno-story-photo-image-area {
    border: none;
    filter: brightness(.95);
}
.live-update-wrap.pinned-update,
.live-update-wrap.update-add-padding,
.live-update-wrap.live-update-shadow,
.live-update-wrap.update-new,
.live-update-wrap.update-rendered {
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
}
.live-update-wrap.update-rendered {
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
    border: 1px solid rgba(255, 0, 0, 0);
}
.live-update-wrap.update-rendered:not(.pinned-update,.update-add-padding) {
    padding: 30px 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #aaa;
    border-bottom-color: #aaa !important;    
}

.live-update-wrap.update-new,
.live-update-wrap.update-new:not(.pinned-update) {
    border: 1px solid #D0021B;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
}
.live-update-wrap .pinned-text {
    font-size: 16px;
}
.live-update-wrap .pinned-flag {
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 14px;
    width: fit-content;
}
.live-update-pin {
    font-size: 16px;
    padding-right: 5px;
}
.live-update-wrap .label-text {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}
.live-update-wrap .live-update-spacer {
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}
.widget-inline-gallery .widget-inline-gallery-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.widget-inline-gallery .widget-inline-gallery-thumb {
    overflow: hidden;
}
.widget-inline-gallery .widget-inline-gallery-thumb.widget-inline-horizontal {
    aspect-ratio: 1.5;
}
.widget-inline-gallery .widget-inline-gallery-thumb.widget-inline-square {
    aspect-ratio: 1;
}
.widget-inline-gallery .widget-inline-gallery-thumb.widget-inline-vertical {
    aspect-ratio: .67;
}
/* Story Collections */

.sno-story-body .sno-countdown-wrap,
.sno-story-body .infographic-widget-container {
    margin-bottom: 30px;
}
.sno-story-body-content .sno-pdf-flipbook-canvas {
    margin-bottom: 30px;
}
.collection-link {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}
.collection-link-icon {
    box-sizing: border-box;
    float: right;
    border-radius: 30px;
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 14px;
    transition: all .5s ease-in-out;
    text-align: center;
}
.collection-link-light.collection-link:hover .collection-link-icon {
    background: #333;
    color: #fff;
}
.collection-link-dark.collection-link:hover .collection-link-icon {
    background: #ccc;
    color: #000;
}
.collection-link:hover .collection-link-text {
    opacity: 1;
}
.collection-link-text {
    float: right;
    font-size: 16px;
    line-height: 36px;
    padding-right: 6px;
    color: #333;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.collection-link-light .collection-link-text {
    color: #333;
}
.collection-link-dark .collection-link-text {
    color: #ccc;
}
.collection-link-light .collection-link-icon {
    border-color: #ddd;
    color: #aaa;
}
.collection-link-dark .collection-link-icon {
    border-color: #333;
    color: #888;
}
.collection-viewer-body {
    margin: 0px auto;
}
.collection-viewer-wrap {
    width: 100vw;
    height: calc(100vh - 133px);
    overflow: scroll;
    position: relative;
}
.modal-story-collection {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9997;
    display: none;
    background: #fff;
}
.collection-viewer-transition {
    transition: all 0.3s ease-in-out;
}
.collection-viewer-transition-active {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: #000;
}
.collection-viewer-body .sno-story-page {
    padding-top: 0px;
}
.modal-story-collection .sno_slideshow_nav_left {
    left: 0;
    z-index: 9999;
}
.modal-story-collection .sno_slideshow_nav_right {
    right: 0;
    z-index: 9999;
}
.modal-story-collection .sno_slideshow_nav_left .slideshow_left {
    border-radius: 0 5px 5px 0;
}
.modal-story-collection .sno_slideshow_nav_right .slideshow_right {
    border-radius: 5px 0 0 5px;
}
.modal-story-collection .sno_slideshow_nav_left .slideshow_left,
.modal-story-collection .sno_slideshow_nav_right .slideshow_right {
    background: #ddd;
    opacity: .5;
}
.modal-story-collection .sno_slideshow_nav_left .slideshow_left:hover,
.modal-story-collection .sno_slideshow_nav_right .slideshow_right:hover {
    background: #000;
    opacity: 1;
}
.lockposition {
    overflow: hidden !important;
    height: 88vh !important;
    position: absolute;
    right: 0;
}
.quotebody {
    position: relative;
}
.story-collection-overlay .sfi-thumb-navigation-area {
    background: #fff;
}
.story-collection-overlay .sfi-title a:hover { 
    border-bottom: 1px solid #aaa;
}
.story-collection-overlay .photo-container, .photo-caption-container a { 
    color: #000 !important; 
}
.story-collection-overlay .sfi-header { 
    border-bottom: 1px solid #333; 
    background: #000;
    color: #fff;
}
.story-collection-overlay .sfi-thumb-navigation-area { 
    border-top: 1px solid #333; 
}
.story-collection-overlay .sfi-thumb-navigation-area,
.story-collection-overlay .sfi-thumbnails {
    background: #000;
    color: #fff;
}
.story-collection-overlay .sfi-thumb {
    filter: brightness(.4);
    transition: all 0.3s ease-in-out;
}
.story-collection-overlay .sfi-thumb:hover,
.story-collection-overlay .sfi-thumb.active-story {
    filter: brightness(1);
}

.story-collection-overlay .photo-caption-container { 
    border-left: 1px solid rgba(0,0,0,0.1); 
}
.story-collection-overlay .sfi-return-to-story { 
    color: rgba(255, 255, 255, 0.6); 
}
.story-collection-overlay .sfi-return-to-story:hover,
.modal-story-collection .remodal-close.sno-overlay-close:hover,
.story-collection-overlay .remodal-story-image .modal-close:hover { 
    color: rgb(255, 255, 255);
}
.story-collection-overlay .slideshow_left, .story-collection-overlay .slideshow_right { 
    background: #000; 
    opacity: 1; 
}
.story-collection-overlay .sfi_left:hover, .story-collection-overlay .sfi_right:hover { 
    opacity: 1; 
    color: #000; 
}
.story-collection-overlay .slideshow-caption-container { 
    border-color: rgba(0,0,0,0.1); 
}
.story-collection-overlay .sfi-thumb-navigation-area img:hover { 
    opacity: 1; 
}
.story-collection-overlay .sfi-thumb-navigation-area img { 
    opacity: 1; 
}
.story-collection-overlay p.photocaptionremodal { 
    color: #000; 
}
.story-collection-overlay .sfiphotowrap { 
    background: #fff; 
}
.story-collection-overlay .slideshowwrap { 
    position: relative; 
}
.story-collection-overlay .sfi_left,
.story-collection-overlay .sfi_right {
    background: #000;
}
.story-collection-overlay .sfi_left:hover,
.story-collection-overlay .sfi_right:hover {
    color: #fff;
}
.sno-collection {
    margin-top: 20px;
    margin-bottom: 20px;
}
.collection-nav-title {
    font-size: 15px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin-left: 8px;
    text-align: left;
    color: #fff;
}
#collection-thumbnails .collection-nav-title a {
    color: #fff;
}
.collection-nav-title a:hover {
    text-decoration: none;
}
.collection-story {
    height: 100vh;
    overflow-y: scroll;
}
.collection-grid-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.2em;
    display: grid;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.collection-grid-nophoto {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.2em;
    display: grid;
    align-items: center;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.collection-tile-text-no-photo {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    align-items: center;
}
.collection-grid-overlay a:hover,
.collection-tile-text a:hover,
.collection-grid-nophoto a:hover {
    text-decoration: none;
}
.collection-grid img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.sno-collection .preview-card {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.collection-grid-item-wrap {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.sno-collection .collection-grid-item-wrap:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.sno-collection .sno-story-deck {
    text-align: center;
}
.collection-grid-item-wrap {
    background: #eee;
}
.collection-tile-text {
    padding: 10px;
}
.collection-photo-wrap {
    width: 100%;
    position: relative;
}
.collection-photo-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
/* options for new story page templates */

.infobox-segment-content p {
    word-wrap: break-word;
}
th.roster_jersey, td.roster_jersey, th.roster_grade, td.roster_grade {
    min-width: 50px;
}
th.roster_name, td.roster_name {
    padding-left: 10px;
    line-height: 1.3em;
}
.sno-story-body .inline-slideshow-area p.photocaptioninline {
    margin-bottom: 8px;
}
.bos_lf_notice {
    font-size: 22px;
    line-height: 30px;
    background: #000;
    color: #fff;
    padding: 20px;
}
.inline-caption-container .photocredit, .inline-caption-container .photocredit a {
    color: #fff !important;
}
.sno-slideshow-segment .segment-body a,
.infobox-segment-body a {
    text-decoration: underline;
}
.sno-story-split-text-area div {
    width: 100%;
}
@media only screen and (max-width: 600px) {
    .sno-story-media-area .fullphoto-overlay {
        border-radius: 0px !important;
        top: unset !important;
        bottom: unset !important;
        left: unset !important;
        right: unset !important;
        width: unset;
        position: relative;

    }
    .sno-story-split-text-area div:not(.byline-photo, .byline-inner-container) {
        margin-left: 0px;
        margin-right: 0px;
    }    
    figure.alignleft img, figure.alignright img {
        width: 100%;
    }
    .sno-story-related-content .column-count-2 .related-story-photo-area {
        display:block !important;
    }
    .sno-story-related-content .column-count-2 .related-story-photo {
        width: 100% !important;
        margin-bottom: 10px;
    }
}
h1.searchheading {
    font-size: 30px;
    line-height: 42px;
}
.sno-story-container a {
    word-break: break-word;
}
li.inline-thumb,
li.sfi-thumb {
    height: 70px;
    cursor: pointer;
} 
.inline-slideshow-area .flexslider .slides li.inline-thumb img {
    object-fit: cover;
}
.sno-story-body {
    overflow-wrap: break-word;
}
.segment-body ul,
.segment-body ol {
    margin-bottom: 20px;
}
.segment-body ul li,
.segment-body ol li {
    line-height: 1.3em;
    margin-bottom: 5px;
}

.sno-story-body ul li:not(.flex-viewport li),
.segment-body ul li:not(.flex-viewport li) {
    margin-left: 40px;
    margin-bottom: 3px;
}
.sno-story-fulltop-text {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}
.sno-story-fulltop-text-inner {
    margin: 0 auto;
}
.sno-story-page.sno-story-sidebar-mode-dual {
    flex-direction: row-reverse;
}
.pullquote-shadow {
    box-shadow: -1px 0 2px 0 rgb(0 0 0 / 12%), 1px 0 2px 0 rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 24%);
}
.sno-story-body .sidebarimage {
    margin-bottom: 0;
    padding: 0;
    max-width: 100%;
}
.sno-slideshow-segment p.pullquotetext {
    font-size: 22px;
    line-height: 1.4em;
    text-indent: 75px;
    padding-top: 20px;
}
.sno-story-body p.quotespeaker {
    font-size: 18px;
}
.segment-caption-area {
    line-height: 1.4em;
}
.sno-story-split-container,
.sno-story-fulltop-container {
    max-width: 100%;
}

figcaption.wp-caption-text {
    padding-top: 8px;
    padding-bottom: 8px;
}

.sno-infobox {
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.sno-infobox .flexslider {
    margin-bottom: 25px;
}
.sno-infobox .infobox-segment-content p {
    margin-bottom: 15px;
}
.sno-infobox .flex-control-paging li a {
    width: 6px;
    height: 6px;
}
.sno-infobox .flex-control-nav li {
    margin: 3px;
}
.sno-infobox .flex-control-nav {
    bottom: -40px;
}
.sno-infobox li.infobox-list-item {
    list-style: none;
}
.infobox-navigation {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.infobox-title, 
.infobox-byline {
    line-height: 1.3em;
}
.infobox-navigation .infobox-nav-icon {
    margin-left: 5px;
    font-size: 18px;
    width: 25px;
    line-height: 25px;
    border-radius: 25px;
    border: 2px solid #cccccc;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color: #666;
}
.infobox-nav-icon:hover {
    background: #000000;
    border-color: #ffffff;
    color: #ffffff;
}
.infobox-segment-content ul li {
    list-style-type: disc;
    line-height: 1.3em;
}
.infobox-segment-content ol li {
    line-height: 1.3em;
}
.sno-infobox .flex-disabled {
    display: inline-block !important;
    opacity: .2;
}
.infobox-segment-image {
    width: 100%;
}
.infobox-segment-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.infobox-segment-title-accordion {
    width: 100%;
    cursor: pointer;
}
.infobox-toggle {
    float: right;
    margin-top: 3px;
}
.infobox-segment .infobox-segment-title {
    line-height: 1.3em;
}
.infobox-segment .infobox-segment-content p {
    line-height: 1.3em;
}
.infobox-segment .infobox-segment-caption-area {
    line-height: 1.4em;
}
.infobox-segment .infobox-segment-content p:last-of-type {
    margin-bottom: 0;
}
.infobox-segment-body {
    display: flex;
}
.infobox-segment-text-area {
    flex: 1;
}
.sno-story-related-content-carousel {
    position: fixed;
    bottom: -120px;
    left: 0;
    right: 0;
    z-index: 10000;
}
.related-carousel-list {
    border: none;
    width: calc(100% - 100px);
    float: left;
}
.rcl-nav {
    width: 50px;
    height: 110px;
    float: left;
    box-sizing: border-box;
}
.rcl-nav .custom-navigation {
    padding-top: 30px;
}
.rcl-left,
.rcl-right {
    color: #ccc;
    height: 70px;
    width: 30px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 70px;
    opacity: 0.5;
}
.rcl-left {
    padding-left: 10px;
}
.rcl-right {
    text-align: right;
    padding-right: 10px;
}
.rcl-left:hover,
.rcl-right:hover {
    color: #000;
    cursor: pointer;
    opacity: 1;
}
.sno-story-related-content-carousel:hover .rcl-left,
.sno-story-related-content-carousel:hover .rcl-right {
    opacity: 1;
}
.rcl-top-row {
    float: left;
    width: 400px;
    list-style-type: none;
    margin-right: 10px;
    height: 90px;
    overflow: hidden;
    margin-left: 0px;
    margin-top: 15px;
    padding-top: 0px;
    margin-bottom: 15px;
}
.rcl-top-row img {
    float: left;
    margin: 0px 5px 0px 0px;
}
.rcl-image {
    max-width: 90px;
    width: 90px;
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    float: left;
    margin-right: 8px;
}
.rcl-cat {
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 8px;
}
.rcl-title {
    font-size: 15px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin-left: 8px;
}

.flexslider.related-carousel-list {
    margin-bottom: 0;
}
h1.sno-story-headline {
    margin-top: 0;
}
.byline-inner-container {
    margin: 0 auto;
}
.byline-photo-row,
.sno-story-split-text-area .byline-photo-row {
    margin-top: 5px;
    margin-bottom: 5px;
    width: fit-content;
}
.byline-photo {
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.byline-photo img {
    object-fit: cover;
	width: 100%;
	height: 100%;
}
.sno-story-page .sno-story-photo-image-area {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.sno-story-page .sno-story-photo-area img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-style: solid;
    box-sizing: border-box;
    display: inherit;
}
.sno-story-photo-caption-area {
    border-style: solid;
    border-top: none !important;
}
.sno-story-photo-credit {
    line-height: 1.3em;
}
.sno-story-body-media {
    width: 50%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.sno-story-caption-wrap-below .sno-story-media-caption {
    border: none;
}
.sno-story-caption-wrap-below .sno-story-media-photo-credit {
    text-align: right;
}
.sno-story-caption-wrap-below {
    margin-top: 6px;
}

.sno-story-body .sno-network {
    padding-top: 12px;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sno-story-body .sno-network .ad-heading {
    font-size: 10px;
    line-height: 1;
    margin-bottom: 12px;
    text-align: center;
}
.sno-story-body .sno-network .ad-image {
    width: fit-content;
    margin: 0 auto;
}
.sno-story-body .sno-drop-cap > p:first-of-type:first-letter {
    float: left;
    line-height: .9;
    margin: 0 2px -10px 0;
    padding-left: 8px;
    padding-right: 8px;
}
.sno-story-body .sno-drop-cap-inverted > p:first-of-type:first-letter {
    float: left;
    line-height: .9;
    color: #fff;
    border-radius: 5px;
    margin: 6px 10px -10px 0;
    padding-left: 5px;
    padding-right: 5px;
}

ul.sno-story-cat-block-list,
ul.sno-story-tag-block-list {
    list-style-type: none !important;
    margin: 0;
    padding: 0 !important;
    text-align: center;
}
ul.sno-story-cat-block-list li,
ul.sno-story-tag-block-list li {
    background-image: none !important;
    background-color: #393939;
    color: #fff;
    border-radius: 3px;
    padding: 6px 8px;
    margin: 0 6px 10px 0;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
ul.sno-story-cat-block-list li:hover,
ul.sno-story-tag-block-list li:hover {
    filter: brightness(130%);
}
ul.sno-story-cat-block-list li a,
ul.sno-story-tag-block-list li a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}
ul.sno-story-cat-block-list li a:hover,
ul.sno-story-tag-block-list li a:hover {
    text-decoration: none;
}

.sno-story-comment-bar {
    border-style: solid;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    text-align: center;
}
.sno-story-comment-bar:hover {
    filter: brightness(95%);
}
.sno-story-container {
    margin: 0 auto;
}

.contributor-photo img {
    object-fit: cover;
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.contributor-photo-area {
    margin-right: 10px;
    overflow: hidden;
}
.contributor-photo {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.contributor-text {
    flex: 1;
    text-align: left;
}
.contributor-name {
    margin-bottom: 6px;
}
.contributor-area {
    width: 100%;
    display: flex;
    cursor: pointer;
}
.contributor-title {
    margin-bottom: 15px;
    line-height: 1;
}
.contributor-divider {
    padding-top: 15px;
    margin-bottom: 15px;
}
.sno-story-contributor-box {
    box-sizing: border-box;
}
.related-story-area {
    width: 100%;
    display: grid;
    gap: 15px;
}
.related-story-headline {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}
.related-story-divider, .contributor-divider {
    padding-top: 15px;
    margin-bottom: 15px;
}
.related-story-photo {
    position: relative;
}
.related-story-photo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
    position: absolute;
    left: 0;
}
.related-photo-area {
    width: 100%;
}
.sno-story-related-content {
    box-sizing: border-box;
}
.related-story-photo-area {
    width: 100%;
}
.sno-story-related-content .related-title, .sno-sidebar-related .related-title {
    margin-bottom: 15px;
    line-height: 1;
}
.sno-story-related-content .column-count-1 .related-story-photo {
    float: left;
    padding-bottom: 0;
}
.sno-story-related-content .column-count-1 .related-story-photo-area {
    display: flex;
}
.sno-story-related-content .column-count-1 .related-story-headline {
    flex: 1;
    align-items: center;
    display: flex;
}
.sno-story-related-content .related-story-area.column-count-2 {
    grid-template-columns: repeat(2, 1fr);
}
.sno-story-related-content .related-story-area.column-count-3 {
    grid-template-columns: repeat(3, 1fr);
}
.sno-story-related-content .related-story-area.column-count-4 {
    grid-template-columns: repeat(4, 1fr);
}
.sno-story-related-content .related-story-area.column-count-5 {
    grid-template-columns: repeat(5, 1fr);
}
.related-story.preview-card {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
}
.no-image {
    flex: 1;
    align-items: center;
    display: flex;
}
.related-story.preview-card:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.sno-row-icons {
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.sno-row-icons-side {
    z-index: 2000;
}
.sno-row-icon {
    float: left;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: relative;
}
.snodo-st-section .sno-row-icon:hover {
	box-shadow: 0px 3px 15px rgba(0,0,0,0.6);
    opacity: 1 !important;
}
.sno-row-icon-ring {
    border-style: solid;
    border-color: #fff;
}
.hover-full-color .sno-row-icon-ring {
    border-color: #ffffff !important;
}
.facebook-row-icon {
    background: #3b5998;
    color: #ffffff;
}
.hover-full-color.facebook-row-icon {
    background: #3b5998 !important;
    color: #ffffff !important;
}
.twitter-row-icon {
    background: #000000;
    color: #ffffff;
}
.hover-full-color.twitter-row-icon {
    background: #000000 !important;
    color: #ffffff !important;
}
.pinterest-row-icon {
    background: #c92228;
    color: #ffffff;
}
.hover-full-color.pinterest-row-icon {
    background: #c92228 !important;
    color: #ffffff !important;
}
.reddit-row-icon {
    background: #00bf8f;
    color: #ffffff;
}
.hover-full-color.reddit-row-icon {
    background: #00bf8f !important;
    color: #ffffff !important;
}
.email-row-icon {
    background: #1f385c;
    color: #ffffff;
}
.hover-full-color.email-row-icon {
    background: #1f385c !important;
    color: #ffffff !important;
}
.print-row-icon {
    background: #546b8b;
    color: #ffffff;
}
.hover-full-color.print-row-icon {
    background: #546b8b !important;
    color: #ffffff !important;
}
.comment-row-icon {
    background: #2e7061; 
    color: #fff;
}
.hover-full-color.comment-row-icon {
    background: #2e7061 !important; 
    color: #fff !important;
}
.like-row-icon {
    background: #862635; 
    color: #fff;
}
.hover-full-color.like-row-icon {
    background: #862635 !important; 
    color: #fff !important;
}

.full-color-inverse .email-row-icon {
    background: #fff;
    color: #1f385c;
}
.full-color-inverse .email-row-icon .sno-row-icon-ring {
    border-color: #1f385c;
}
.full-color-inverse .facebook-row-icon {
    background: #fff;
    color: #3b5998;
}
.full-color-inverse .facebook-row-icon .sno-row-icon-ring {
    border-color: #3b5998;
}
.full-color-inverse .twitter-row-icon {
    background: #fff;
    color: #000000;
}
.full-color-inverse .twitter-row-icon .sno-row-icon-ring {
    border-color: #000000;
}
.full-color-inverse .pinterest-row-icon {
    background: #fff;
    color: #c92228;
}
.full-color-inverse .pinterest-row-icon .sno-row-icon-ring {
    border-color: #c92228;
}
.full-color-inverse .reddit-row-icon {
    background: #ffffff;
    color: #00bf8f;
}
.full-color-inverse .reddit-row-icon .sno-row-icon-ring {
    border-color: #00bf8f;
}
.full-color-inverse .print-row-icon {
    background: #fff;
    color: #546b8b;
}
.full-color-inverse .print-row-icon .sno-row-icon-ring {
    border-color: #546b8b;
}
.full-color-inverse .comment-row-icon {
    background: #fff;
    color: #2e7061;
}
.full-color-inverse .comment-row-icon .sno-row-icon-ring {
    border-color: #2e7061;
}
.full-color-inverse .like-row-icon {
    background: #fff;
    color: #862635;
}
.full-color-inverse .like-row-icon .sno-row-icon-ring {
    border-color: #862635;
}

.hover-full-color-inverse.email-row-icon {
    background: #fff !important;
    color: #1f385c !important;
}
.hover-full-color-inverse.email-row-icon .sno-row-icon-ring {
    border-color: #1f385c !important;
}
.hover-full-color-inverse.facebook-row-icon {
    background: #fff !important;
    color: #3b5998 !important;
}
.hover-full-color-inverse.facebook-row-icon .sno-row-icon-ring {
    border-color: #3b5998 !important;
}
.hover-full-color-inverse.twitter-row-icon {
    background: #fff !important;
    color: #000000 !important;
}
.hover-full-color-inverse.twitter-row-icon .sno-row-icon-ring {
    border-color: #000000 !important;
}
.hover-full-color-inverse.pinterest-row-icon {
    background: #fff !important;
    color: #c92228 !important;
}
.hover-full-color-inverse.pinterest-row-icon .sno-row-icon-ring {
    border-color: #c92228 !important;
}
.hover-full-color-inverse.reddit-row-icon {
    background: #ffffff !important;
    color: #00bf8f !important;
}
.hover-full-color-inverse.reddit-row-icon .sno-row-icon-ring {
    border-color: #00bf8f !important;
}
.hover-full-color-inverse.print-row-icon {
    background: #fff !important;
    color: #546b8b !important;
}
.hover-full-color-inverse.print-row-icon .sno-row-icon-ring {
    border-color: #546b8b !important;
}
.hover-full-color-inverse.comment-row-icon {
    background: #fff !important;
    color: #2e7061 !important;
}
.hover-full-color-inverse.comment-row-icon .sno-row-icon-ring {
    border-color: #2e7061 !important;
}
.hover-full-color-inverse.like-row-icon {
    background: #fff !important;
    color: #862635 !important;
}
.hover-full-color-inverse.like-row-icon .sno-row-icon-ring {
    border-color: #862635 !important;
}

.sno-story-page {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}

.sno-story-page .sno-newpage-notice {
    font-size: 18px;
    line-height: 28px;
    padding: 15px;
}
.sno-story-page .sno-notice-private {
    padding-top: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
}

.sno-story-media-image-area {
    overflow: hidden;
    width: 100%;
}
.sno-story-media-area img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-style: solid;
    box-sizing: border-box;
    display: inherit;
}
.sno-story-media-area {
    margin-left: auto;
    margin-right: auto;
}
.sno-story-media-caption {
    text-align: left;
    border-style: solid;
}
.sno-story-media-area-split .fullphoto-overlay {
    display: none;
    left: unset;
    top: unset;
    right: 30px;
    bottom: 30px;
}
.fullphoto-overlay {
    padding: 15px;
    position: absolute;
    width: calc(50% - 30px);
    height: fit-content;
}
.fullphoto-overlay .sno-story-media-caption {
    border-style: none;
}
.sno-story-media-area #jump-arrow {
    left: 20px;
    right: unset;
}
.sno-story-fulltop-container {
    margin: 0 auto;
}
.sno-row-icon .sno-side-icon-bubble {
    right: -2px;
    top: -2px;
}

.sno-story-split-header-area {
    width: 100vw;
    height: 100vh;
    position: relative;
    margin-bottom: 40px;
}
.sno-story-split-image-area {
    width: 50%;
    height: 100vh;
    float: right;
    position: relative;
}
.sno-story-split-image-area img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sno-story-split-text-area {
    float: left;
    width: 50%;
    min-height: 100vh;
    max-height: 100vh;
    background: #000000;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.snodo-story-split-text-area .sno-story-content-container-split {
    max-width: 100%;
}
.sno-story-split-container {
    margin: 0 auto;
}
.sno-story-media-area-fade {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #000000;
    z-index: 1000;
}

.caption-wrap-below .sno-story-media-caption {
    border: none;
}
.sno-story-media-photo-credit {
    line-height: 1.3em;
}
.sno-story-media-area-split .sno-story-media-photo-credit {
    margin-top: 6px;
    text-align: right;
}
.sno-story-media-area-split .fullphoto-overlay {
    display: none;
}
.caption-wrap-below .sno-story-media-photo-credit {
    text-align: right;
}
.caption-wrap-below {
    margin-top: 6px;
}

#storypageslideshow .slideshowwrap {
    height: 600px;
}
#classic_story #storypageslideshow .slideshowwrap {
    height: unset;
}
#classic_story #storypageslideshow .slideshowwrap img {
    position: relative;
}
#storypageslideshow .slideshowwrap img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    position: absolute;
}

.sno-template-edit-link {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 16px;
    background: #000000aa;
    color: #fff;
    max-width: 325px;
    z-index: 1;
}
.sno-template-edit-text {
    font-size:10px;
    font-style: italic;
}
.sno-template-edit-link a.post-edit-link {
    color: #fff;
}

.segment-overlay {
    position: absolute;
    padding: 20px;
    overflow: scroll;
    box-sizing: border-box;
    margin: 0 auto;
    transition: .5s opacity linear;
}
.sno-story-photo-fade {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #000000;
    z-index: 1000;
    transition: 1s all linear;
}
.segment-content-area {
    padding: 50px;
    max-width: 1200px;
    margin: auto;
    position: relative;
}
.segment-overlay .segment-body {
    max-width: 1000px;
    margin: 0 auto;
}
.sno-story-photo-fade-in {
    opacity: 0;
    z-index: 0;
}
.down-arrow {
    position: fixed;
    left: 15px;
    bottom: 15px;
    right: unset;
    top: unset;
    z-index: 10000;
}
.up-arrow {
    position: fixed;
    left: 15px;
    top: 15px;
    right: unset;
    bottom: unset;
    z-index: 10000;
    transform: rotate(180deg);
}
.sno-format-slideshow .up-arrow {
    display: none;
}
.segment-body p {
    line-height: 1.4em;
    margin-bottom: 15px;
}
.segment-heading {
    margin-bottom: 15px;
}
.segment-byline {
    margin-bottom: 25px;
}
.sno-slideshow-segment {
    width: 100vw;
    position: relative;
    overflow: hidden;
}
img.sno-slideshow-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sno-format-slideshow {
    width: 100vw;
}
.segment-video-immersive .segment-video {
    margin-bottom: 0;
}
.minimize-overlay {
    font-size: 25px;
    float: right;
    cursor: pointer;
}
.segment-overlay-hidden {
    opacity: 0;
    z-index: -1;
}
.minimize-overlay-hover:hover {
    opacity: 1 !important;
}
.segment-side-video-wrap-outer {
    display: flex;
    width: 100%;
    align-items: center;
    height: 100vh;
}
.segment-side-video-wrap {
    margin: 50px;
    width: 100%;
}
.segment-video {
    margin-bottom: 30px;
}
.segment-fulltop-caption {
    margin: 0 auto;
}
.segment-photo-area-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.segment-caption-area,
.segment-video-caption-area {
    padding-top: 8px;
}
.segment-photo-area {
    flex-shrink: 0;
    max-width: 100vw;
}
.segment-photo-area img, .segment-photo-area-within img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.segment-photo-area-within {
    width: 50%;
    margin-bottom: 30px;
    margin-left: 30px;
    float: right;
}
.segment-photo-area-within .sno-story-photo-caption-area {
    border: none;
}
.segment-split-photo {
    float: left;
    height: 100vh;
    width: 50%;
    position: relative;
}
.segment-split-text {
    float: left;
    width: 50%;
    height: 100vh;
    padding: 50px;
    box-sizing: border-box;
    overflow: scroll;
    z-index: 1;
    position: relative;
    align-items: center;
}
.sno-story-related-content.related-bottom-drawer {
    position: fixed;
    bottom: 0px;
    margin-bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px 5px 0 0;
    z-index: 10;
    padding-bottom: 10px;
    overflow: hidden;
    box-shadow: 0px 1px 7px -1px #888;
}
.sno-story-related-content.related-bottom-drawer.hide-shadow {
    box-shadow: none;
}
.sno-story-related-content.related-bottom-drawer {
    padding: 0;
    z-index: 1000;
}
.sno-story-related-content.related-bottom-drawer .related-term-container {
    display: none;
    padding: 15px;
}
.bottom-drawer-header {
    display: none;
    cursor: pointer;
    padding: 15px 15px 10px;
    position: relative;
}
.bottom-drawer-side-arrows {
    position: absolute;
    bottom: -40px;
    right: 20px;
}
.bottom-drawer-toggle {
    float: right;
}
.related-bottom-drawer .bottom-drawer-header {
    display: none;
}
.related-bottom-drawer.sno-story-related-content .related-title {
    font-size: 16px;
}
.bottom-drawer-background-active {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000099;
}
.bds-arrow {
    padding: 4px 6px;
    border-radius: 5px;
    font-size: 16px;
    opacity: .6;
}
.bds-arrow-active {
    transition: .3s all ease-in-out;
    opacity: 1;
}
.bds-arrow-right {
    margin-left: 5px;
}
.bds-arrow-active:hover {
    background: #000;
    color: #fff;
}
.related-bottom-drawer .related-story-divider {
    display: none;
}
.bds-title {
    float: left;
    width: fit-content;
}
.bds-arrows {
    float: left;
    margin-left: 15px;
    margin-top: -4px;
    display: none;
}
.sno-story-deck {
    box-sizing: border-box;
}
.related-bottom-drawer {
    max-width: calc(100% - 40px);
}
ul.sno-story-cat-block-list,
ul.sno-story-tag-block-list {
    margin-top: 20px;
}
@media only screen and (max-width: 600px) {
    .modal-share,
    .sno-print-icon {
        display: none;
    }
    .sno-story-body-content .sno-story-body-media {
        width: 100%;
    }
    .sno-story-split-image-area,
    .sno-story-split-text-area {
        width: 100%;
    }
    .sno-story-split-header-area {
        height: 200vh;
    }
    .sno-story-related-content.related-bottom-drawer {
        left: 20px;
        right: 20px;
        margin-left: 0;
        margin-right: 0;
        transform: unset;    
    }
    .related-story.preview-card:nth-of-type(n+3) {
        display: none;
    }
    .sno-story-related-content-insertion .related-story.preview-card {
        display: block;
    }
    .sno-story-related-content-insertion {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sno-story-body .photowrap {
        margin-left: -20px;
        width: calc(100% + 40px);
        max-width: 100vw;
    }
    .sno-story-body figure { 
        width: 100% !important;
        max-width: 100% !important;
    }
    .sno-story-body figure img.size-large {
        margin-left: -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
    }
    .sno-story-body p img.alignnone {
        margin-left: -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
    }
    .sno-story-body p img.alignnone {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
    }
    .sno-story-body p img.alignleft {
        margin-left: -20px !important;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
        float: none;
    }
    .sno-story-body p img.alignright {
        margin-left: -20px !important;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
        float: none;
    }
    .sno-story-body p img.aligncenter {
        margin-left: -20px !important;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px) !important;
    }
    .sno-template-edit-link,
    .sno-format-slideshow .jumparrow {
        display: none;
    }
    .sno-format-slideshow {
        margin-left: 0 !important;
    }
    .sno-story-photo-fade {
        z-index: 0 !important;
        opacity: 0 !important;
        display: none !important;
    }
    .segment-photo-area-within {
        width: 100%;
        margin-left: 0;
    }
    .sno-story-body-content .storysidebar {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }
    .sno-story-body-content .videowidget {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width: 800px) {
    .sno-format-slideshow .segment-split-half {
        width: 100%;
    }
    .sno-format-slideshow .segment-split-text {
        min-height: 100vh;
        height: unset;
    }
    .sno-story-related-content .column-count-1 .related-story-photo-area {
        display: block;
    }
    .sno-story-related-content .column-count-1 .related-story-photo {
        width: 100%;
    }
    #sno-main-content.sno-story-page {
        gap: 0px;
    }
}
/* end options for new story page templates */
#mobile-menu {
    display: none;
    margin: 0px auto;
}

body {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    background: #ffffff;
}
figure { 
    max-width: 100%; 
}
#outerwrap {
    max-width: 980px;
    color: #202020;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    z-index: 10;
}
#wrap {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    background: #ffffff;
    margin: 0 auto 20px;
    padding: 0px;
    position: relative;
    z-index: 10;
    max-width: 980px;
}
.innerbackground {
    background: none;
    margin: 0px auto;
}
#slider {
    z-index: 1;
}
#slideshow {
    z-index: 1;
}

a,
a:visited {
    color: #990000;
    text-decoration: none;
}

a:hover {
    color: #990000;
    text-decoration: underline;
}

#topnavbar {
    background: #444444;
    background-size: 1px 100%;
    max-width: 980px;
    min-height: 30px;
    margin: 0px auto 0px;
    padding: 0px;
}

#topnavbar a,
#topnavbar a:visited {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

#topnavbar a:hover {
    text-decoration: underline;
}

.topnavbarcenter p {
    font-size: 1.3em;
    padding: 5px 0px 0px;
    text-align: center;
}

.topnavbarleft {
    width: 325px;
    float: left;
    padding: 5px 0px 0px 5px;
}
.topnavbarcenter {
    width: auto;
    float: left;
    padding: 0px 0px 0px 5px;
}
.topnavbarright {
    width: 250px;
    float: right;
    padding: 0px;
    text-align: right;
}

.topnavbarright img,
.topnavbarleft img {
    border: none;
    margin: 0px 3px 3px 0px;
    padding: 0px;
}

/************************************************
*	Header  									*
************************************************/

#header {
    background: #990000;
    max-width: 980px;
    height: auto;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    max-height: 250px;
}

#header h1 {
    font-family: Palatino, Times, serif;
    font-size: 4em;
    text-align: left;
    margin: 10px 0px 0px 20px;
    line-height: normal;
    color: #dddddd;
    font-weight: normal;
}

#header a {
    color: #dddddd;
}

#header a:hover {
    text-decoration: none;
}

#header a:hover {
    text-decoration: none;
}

#header p {
    color: #dddddd;
    padding: 0px 0px 5px 20px;
    margin: 0px 0px 10px;
    font-size: 1.4em;
    line-height: normal;
}

.headersmall,
.headermedium {
    display: none;
}

/************************************************
*	Navbar      								*
************************************************/

.navbarwrap {
    background: #000000;
    z-index: 30;
    min-height: 30px;
}

#navbarbackground {
    height: 100%;
    max-width: 980px;
    min-height: 30px;
}
.navbarcontainer {
    min-height: 30px;
}

#navbar {
    background: #000000;
    max-width: 980px;
    min-height: 30px;
    font-family: Arial, Tahoma, Verdana;
    color: #ffffff;
    z-index: auto;
    position: relative;
    margin: 0px auto;
}

#navbar a {
    background: #000000;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    z-index: auto;
}

#navbar a:hover {
    color: #ffffff;
    text-decoration: none;
}

#navbar li li a {
    background-image: none !important;
}
.subnavbarwrap {
    background: #ddd;
    border-bottom: 1px solid #000;
    width: 100%;
    min-height: 30px;
}
.subnavbarcontainer {
    min-height: 30px;
}
#subnavbarbackground {
    height: 100%;
    max-width: 980px;
    min-height: 30px;
}
#subnavbar {
    background: #303030;
    max-width: 980px;
    margin: 0px auto;
    min-height: 30px;
    color: #ffffff;
    z-index: 20;
    position: relative;
    overflow-y: hidden;
}

#subnavbar a,
#mini-logo-bottom a {
    background: #303030;
    color: #ffffff;
    font-size: 15px;
}

#subnavbar a:hover {
    background: #666666;
    color: #ffffff;
}
#homepage {
    float: left;
    width: 615px;
    margin: 0px;
    padding: 0px;
}
#homepage p img {
    border: none;
    float: left;
    margin: 0px;
}

#homepage a img {
    border: none;
}

#homepageright ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.hpdate {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

#homepagebottom {
    background: #ffffff;
    float: left;
    width: 610px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border: 1px solid #dddddd;
}

#homepagebottom p {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

.hpbottom {
    float: left;
    width: 590px;
    margin: 0px;
    padding: 10px;
    display: inline;
}

.hpbottom img {
    border: none;
    margin: 0px;
}

#homepageleft {
    float: left;
    width: 180px;
    margin: 0px;
    padding: 0px;
}

.featured {
    background: #ffffff;
    float: left;
    width: 400px;
    margin: 0px 0px 10px 0px;
    padding: 9px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.featuredad {
    background: #ffffff;
    float: left;
    width: 160px;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #dddddd;
}
#homepageright {
    float: right;
    width: 420px;
    margin: 0px;
    padding: 0px;
}

.photocredit {
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 4px !important;
    padding-bottom: 0px !important;
}
.photocreditinline {
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 4px !important;
    padding-bottom: 0px !important;
    float: right;
}

.videocredit {
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 4px !important;
    padding-bottom: 15px !important;
}

.photocaption {
    font-size: 14px;
    line-height: 18px;
}
.permalinkimage {
    width: 100%;
    margin: 4px 0px 0px 0px;
}

.photowrap {
    width: 100%;
}
#content {
    max-width: 950px;
    margin: 0px auto 0px;
    padding: 15px 0px 0px 0px;
    line-height: 18px;
}

#content .widgettitle-nonsno,
.sbscomments .widgettitle-nonsno,
.widgettitle-nonsno {
    background: #990000;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 10px;
}

#content img.wp-smiley {
    float: none;
    border: none;
    margin: 0px;
    padding: 0px;
}

#content img.wp-wink {
    float: none;
    border: none;
    margin: 0px;
    padding: 0px;
}

#contentleft {
    margin: 0px;
    padding: 0px 0px 20px 0px;
}
#classic_story #contentleft {
    float: left;
    width: calc(100% - 335px);
}
.sportspage #contentleft {
    width: calc(100% - 335px);
}
#catpage .postarea,
.searchpageresults .postarea {
    width: calc(100% - 365px);
}
#contentleft p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 21px;
}

#contentleft ul {
    list-style-type: square;
    margin: 5px 0px 10px 10px;
    padding: 0px 0px 15px 0px;
}

#contentleft ul li {
    background: url(../png/bulletarrow.png) no-repeat 0px 2px;
    background-size: 12px;
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
    line-height: 18px;
}

.blockquote {
    background: #e8e8e8;
    margin: 0px 25px 15px 25px;
    padding: 10px 20px 0px 15px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #666666;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #666666;
}

#content blockquote p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

.postarea {
    background: #ffffff;
    float: left;
    width: 595px;
    margin: 0px 0px 15px 0px;
    padding: 10px;
}

.breadcrumb {
    float: left;
    width: 100%;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 3px 0px;
    border-bottom: 1px solid #eaeaea;
}

.date {
    width: 590px;
    float: left;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

.dateleft {
    width: 350px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.dateright {
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.time {
    background: #ffffff;
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 20px;
}

.tags {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.category {
    background: #ffffff;
    margin: 0px;
    padding: 0px 0px 0px 18px;
}

.postmeta {
    max-width: 590px;
    font-size: 12px;
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

.postmeta2 {
    width: 100%;
    font-size: 12px;
    padding: 5px 0px 10px 0px;
    margin: 10px 0px 0px 0px;
    border-top: 1px solid #eaeaea;
}

.archive {
    float: left;
    width: 275px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.adsense-post {
    background: #ffffff;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

.comments {
    background: #ffffff;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

img.alignnone {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    /* display: inline; */
}

img.alignright,
.alignright {
    padding: 0px;
    margin: 0px 0px 10px 20px !important;
    display: inline;
}

img.alignleft,
.alignleft {
    padding: 0px;
    margin: 0px 20px 10px 0px !important;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.wp-caption {
    margin: 0px;
    padding: 0px;
}

.wp-caption img {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    /*	max-width: 100%; */
    height: auto;
}
.sno-story-template-full .sno-story-body .wp-caption img,
.sno-story-template-sidebar .sno-story-body .wp-caption img,
.sno-story-template-dual .sno-story-body .wp-caption img {
    max-width: 100%;
}

.wp-caption p.wp-caption-text {
    margin: 0px;
    padding: 5px 0px 0px 0px !important;
    font-size: 10px;
    line-height: 12px;
}

/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
    float: right;
    width: 320px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    display: inline;
}

#sidebar p,
#homepageleft p,
#homepageright p {
    margin: 0px;
    padding: 0px;
}

#sidebar a img,
#homepage a img {
    border: none;
}

#sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#sidebar ul li li {
    background: url(../png/bulletarrow.png) no-repeat 0px 4px;
    background-size: 12px;
    padding: 0px 0px 5px 20px;
    margin: 0px;
}

#sidebar ul li ul li {
    background: url(../png/bulletarrow.png) no-repeat 0px 4px;
    background-size: 12px;
    padding: 0px 0px 5px 20px;
    margin: 0px;
}

#homepageright ul li,
#homepageleft ul li,
#homepagewide ul li,
#sidebar ul li,
.widgetwrap ul li {
    background: url(../png/bulletarrow.png) no-repeat 0px 4px;
    background-size: 12px;
    list-style-type: none;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
}

.widgetarea {
    background: #ffffff;
    float: left;
    width: 300px;
    margin: 0px 0px 10px 0px;
    padding: 9px;
    border: 1px solid #dddddd;
}

.homecolumnleft {
    background: #ffffff;
    float: left;
    width: 280px;
    margin: 0px 0px 10px 0px;
    padding: 9px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.homecolumnright {
    background: #ffffff;
    float: left;
    width: 280px;
    margin: 0px 0px 10px 0px;
    padding: 9px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.homecolumnwide {
    background: #ffffff;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 9px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}
#footer {
    background: #ffffff;
    max-width: 980px;
    padding: 0px;
    margin: 0px auto;
}
.footername {
    width: 96%;
    float: left;
    padding: 20px 2% 0px;
}
.footertagline {
    max-width: 600px;
    float: left;
    padding: 0px 20px;
}
.footername p {
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    margin: 0px;
}
.footertagline p {
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    margin: 0px;
    font-style: italic;
}
.footerleft {
    max-width: 500px;
    float: left;
}
.footerright {
    float: right;
}
.footercredit p,
.sno-footercredit p {
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 9px 0px 0px 0px;
    text-align: center;
}

#footer a,
#footer a:visited,
.footer a,
.footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover,
.footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#footer ul {
    float: left;
}
#footer ul li {
    float: left;
    background: none !important;
    width: 220px;
    height: auto;
    list-style: none;
    display: block;
    text-align: left;
    font-size: 16px;
    border-top: 6px solid #990000;
    margin-right: 20px;
    padding-top: 10px;
    margin-bottom: 30px;
}
#footer ul li a {
    padding-bottom: 10px;
}
#footer ul li ul li {
    height: auto;
    margin-left: 0px;
    margin-top: 8px;
    font-size: 12px;
    border-top: none;
    margin-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}
#footer ul li ul li a {
    font-size: 1em;
}

.footer-full-menu ul {
    float: left;
}
.footer-full-menu ul li {
    float: left;
    background: none !important;
    height: auto;
    list-style: none;
    display: block;
    text-align: left;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.footer-full-menu ul.footer-menu > li > a::after {
    content: '';
    width: 100px;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
}
.footer-full-menu ul.footer-menu > li > a:hover::after {
    width: 100% !important;
}
.footer-full-menu ul li a {
    padding: 3px 0;
    display: block;
}
.footer-full-menu ul li ul {
    width: 100%;
}
.footer-full-menu ul li ul li {
    height: auto;
    margin-left: 0px;
    font-size: 12px;
    border-top: none;
    margin-right: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}
.footer-full-menu ul li ul li a {
    font-size: 1em;
}
.footer-full-menu ul.footer-menu > li > a {
    display: block;
    margin-bottom: 5px;
}
.footer-full-menu a {
    transition: 0.3s all ease-in-out;
}
.footer-full-menu a:hover {
    text-decoration: none;
    padding-left: 5px;
}
.sno-fixed-width-footer {
    margin-bottom: 20px;
}
.sno-footer-credit-inner {
    margin: 0 auto;
    line-height: 20px;
}
.footercredit {
    width: 100%;
    border-top: 1px solid #777;
    text-align: center;
    padding: 6px 0;
}
.sno-footercredit {
    width: 100%;
    border-top: 1px solid #777;
    padding: 6px 0;
    text-align: center;
}
.footer-menu {
    padding-top: 20px;
    margin-left: 20px;
}
.footer-full-menu {
    overflow: hidden;
    height: 100%;
}

#searchform {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: inline;
}

#s-head {
    background: #eeeeee;
    width: 220px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal;
    padding: 4px;
    margin: 5px 0px 20px 0px;
    border-top: 1px solid #999999;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #dddddd;
}

#subscribe {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    overflow: hidden;
}

#sbutt {
    background: #7b7b7b;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px 0px 0px 5px;
    padding: 1px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #666666;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #666666;
}

#subbox {
    background: #eeeeee;
    width: 70%;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    padding: 3px 0px 3px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #dddddd;
    display: inline;
}

#subbutton {
    background: #7b7b7b;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px 0px 0px 7px;
    padding: 3px 3px 2px 3px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #666666;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #666666;
}


#submit {
    background: #222;
    color: #ffffff;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 3px 3px 2px 3px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #666666;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #666666;
}

#words {
    background: #ffffff;
    width: 90%;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    padding: 4px;
    margin: 0px;
    border-top: 1px solid #666666;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #dddddd;
}
.catboxthumbnail {
    margin: 0px 10px 10px 10px;
}
.catboxthumb {
    /*   border: 1px solid #393939 !important; */
    margin: 0px 10px 10px 10px;
}
.sectionthumbnailleft {
    float: left;
    /*   border: 1px solid #393939 !important; */
    margin: 3px 10px 10px 0px !important;
}

.sectionthumbnailright {
    float: right;
    /*    border: 1px solid #393939 !important; */
    margin: 3px 0px 10px 10px !important;
}
.sectionthumbnail {
    float: right;
    /*      border: 1px solid #393939 !important; */
    margin: 3px 0px 10px 10px !important;
}
a.homeheadline {
    margin-bottom: 4px;
}

p.writer,
span.writer,
p.writer a,
p.writer a:hover,
#contentleft p.writer,
#contentleft p.writer a,
#contentleft p.writer a:hover {
    margin-bottom: 4px;
    padding-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}
p.sportswriter {
    margin: 4px 0px 0px 0px;
    padding-bottom: 0px;
    font-size: 10px;
}
p.sportswriter2 {
    margin: 0px 0px 4px 0px;
    padding-bottom: 5px;
    font-size: 10px;
}
p.datetime,
span.datetime {
    margin: 4px 0px 4px 0px;
    padding-bottom: 0px;
}

.storybottom {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
    clear: both;
}
.storybottomnoline {
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    height: 15px;
    clear: both;
}
.storybottomnolineleft {
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    height: 30px;
    clear: both;
}
.arrows {
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 30px;
}
.sectionhead,
a:link.sectionhead,
a:visited.sectionhead {
    color: #990000;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 24px;
}
.categoryimage {
    float: right;
    /*   border: 1px solid #888888; */
    margin: 4px 0px 15px 10px;
}

/************************************************
*	Comments									*
************************************************/

#commentblock ol {
    list-style-type: square;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
}

.commentdate {
    font-size: 12px;
    padding-left: 0px;
}

#commentlist li p {
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0px;
}

.commentname {
    color: #333333;
    margin: 0px;
    padding: 5px 5px 5px 0px;
}

.commentinfo {
    clear: both;
}

.permalinkphotobox {
    max-width: 300px;
    float: right;
    margin: 0px 0px 10px 10px;
    min-width: 50%;
}

#permalinksidebar {
    padding: 10px 10px 0px 10px;
}

#homepagewide {
    float: left;
    width: 615px;
    margin: 0px;
    padding: 0px;
}

.featuredwide {
    background: #ffffff;
    float: left;
    width: 590px;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #dddddd;
}

.homephoto {
    width: 160px;
    border: 1px solid #888888;
    margin: 4px 10px 10px 10px;
    float: right;
}

.rostertable {
    font: Icon;
    border: 1px Solid ThreeDShadow;
    background: Window;
    color: WindowText;
    border-collapse: collapse;
}

/* header row*/
.rostertable th {
    padding: 2px 5px;
    border: 1px solid;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    cursor: default;
    background: ButtonFace;
}

.rostertable td {
    padding: 3px;
}

.rostertable tr.alt {
    background-color: #f4f4ec;
}
tr.rosterrow {
    background-color: #ffffff;
    border-color: #eeeeee;
    border-bottom: 1px solid #dddddd;
    padding: 4px;
}

tr.rosterrowaltclass {
    background-color: #eeeeee;
    border-color: #eeeeee;
    border-bottom: 1px solid #aaaaaa;
    padding: 4px;
}

img.rosterthumbnail {
    height: 50px;
    margin: 5px;
    float: right;
}

.rosterthumbnail {
    position: relative;
    z-index: 0;
}

.rosterthumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.rosterthumbnail span {
    /*CSS for enlarged image*/
    position: absolute;
    background-color: #cdcdcd;
    padding: 5px;
    left: -1000px;
    border: 1px solid #333333;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.rosterthumbnail span img {
    /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    width: 300px;
}

.rosterthumbnail:hover span {
    /*CSS for enlarged image on hover*/

    visibility: visible;
    top: 0;
    left: -380px; /*position where enlarged image should offset horizontally */
}

table.stats {
    text-align: left;
    width: 918px;
    font-size: 10px;
    font-weight: normal;
    font-family: verdana;
    background: #c0c0c0;
    border-collapse: collapse;
}

table.stats td {
    text-align: center;
}

table.stats th {
    text-align: center;
    text-decoration: underline;
}

table.stats th:hover {
    text-align: center;
    text-decoration: underline;
    color: #990000;
}

table.archive {
    text-align: left;
    width: 400px;
    font-size: 10px;
    font-weight: normal;
    font-family: verdana;
    background: #c0c0c0;
    border-collapse: collapse;
}

table.schedule {
    text-align: left;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

table.schedulearchive {
    text-align: left;
    font-size: 10px;
    width: 450px;
    font-family: verdana;
    border-collapse: collapse;
}

table.stats caption,
table.schedulearchive caption {
    background: #ffffff;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

table tfoot tr {
    background: #555555;
    color: #ffffff;
}

table thead {
    background: #333333;
    color: #ffffff;
}

table.stats thead {
    cursor: pointer;
}

table.alt tbody tr {
    background: #cccccc;
}

td.section1 {
    background: #cccccc;
}
td.section2 {
    background: #eeeeee;
}
td.section3 {
    background: #cccccc;
}
td.section4 {
    background: #eeeeee;
}
td.section5 {
    background: #cccccc;
}

.hide {
    display: none;
}

img.sliderimage {
    color: transparent;
    border: none;
}

/************************************************
*	Multimedia and AE Add-on 					*
************************************************/

.postareafullpage {
    background: #ffffff;
    float: left;
    width: 920px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

#contentfullpage {
    float: left;
    width: 930px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

#reviewside {
    float: right;
    width: 50%;
    padding: 0px 0px 10px 10px;
    margin-left: 10px;
}

#reviewside p {
    padding-bottom: 1px;
}

.teaserbox {
    margin-top: 10px;
    padding: 3%;
    width: 93%;
    float: left;
    background: #cccccc;
    border: 1px solid #aaaaaa;
}

#teaserbox {
    margin: 10px 0px 10px 10px;
    padding: 10px;
    max-width: 280px;
    float: left;
    background: #cccccc;
    border: 1px solid #aaaaaa;
}

#teaserbox p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#teaserbox a img {
    margin-right: 10px;
    padding-bottom: 0px;
    color: transparent;
    border: 1px solid #aaaaaa;
}
.ratingsbox {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 3%;
    width: 93%;
    float: left;
    background: #cccccc;
    border: 1px solid #aaaaaa;
    overflow: hidden;
}

.teasertitle {
    color: #990000;
    font-size: 14px;
    padding-bottom: 0px;
}

.reviewthumbnail {
    float: left !important;
    margin-right: 10px !important;
    border: 1px solid #aaaaaa !important;
    margin-bottom: 5px;
    width: 70px;
}

.teasergrade {
    color: #003399;
    font-size: 12px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.teasertext {
    padding-bottom: 0px;
}

.caption {
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
}

.bylinedate {
    margin: 0px;
    font-size: 12px;
    padding: 0px;
}

.bylinename {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    padding: 0px;
}

.reviewphoto {
    float: left;
    border: 1px solid #000000;
}

#sidebarae {
    float: right;
    width: 320px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    display: inline;
}

#sidebarae p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

#sidebaraebottom p {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

#contentleftbottom {
    margin: 0px;
    padding: 0px;
}

#contentleftbottom p {
    margin: 0px;
    padding: 0px;
}

#contentleftbottom a img {
    border: 1px solid #000000;
    margin-right: 10px;
}

#sidebarae a img {
    border: 1px solid #000000;
    margin-right: 10px;
}

.scrollheading,
a.scrollheading,
a.scrollheading hover {
    text-transform: capitalize;
    color: #000000;
    text-decoration: none;
    font-family: Verdana, Tahoma, Arial;
    font-size: 17px;
    line-height: 23px;
    padding-bottom: 5px;
}
.mmteaser {
    padding-top: 0px;
}
.photographer {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    margin-bottom: 4px;
    padding-bottom: 10px;
}
.mmdivider {
    margin-bottom: 5px;
}
.mmline {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}
.videoplay {
    height: 40px;
    padding: 0px 0px 0px 40px;
    margin-bottom: 10px;
    min-height: 40px;
}
.videoplay2 {
    height: 40px;
    padding: 0px 0px 0px 40px;
    margin-bottom: 10px;
}

.postareaae300 {
    background: #ffffff;
    float: left;
    width: 279px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

.postareammbottom {
    background: #ffffff;
    float: left;
    width: 284px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

.postareammtop {
    background: #ffffff;
    float: left;
    width: 600px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

.videomm {
    background: #ffffff;
    float: left;
    width: 290px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #dddddd;
}

#pscroller1 {
    width: 278px;
    height: 55px;
    border: 1px solid #393939;
    padding: 0px 10px;
    background-color: #ffffff;
}
#pscroller2 {
    width: 278px;
    height: 100px;
    border: 1px solid #393939;
    padding: 0px 10px;
    background-color: #ffffff;
}
#pscroller2 p {
    width: 278px;
}
#pscroller3 {
    width: 448px;
    height: 68px;
    border: 1px solid #393939;
    padding: 0px 10px;
    background-color: #ffffff;
    float: right;
    text-align: left;
    margin-right: 10px;
    margin-top: 20px;
}

#pscroller3 a {
    color: #990000;
}

#pscroller3 a:hover {
    text-decoration: underline;
}
#pscroller3 p {
    color: #000000;
    padding-left: 0px;
    font-weight: normal;
    line-height: 17px;
    width: 448px;
}

/************************************************
*	end of AE and multimedia add-on  						*
************************************************/

#subscribe {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
}

#subbox {
    background: #f4f4f4 !important;
    width: 70%;
    color: #333333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    padding: 3px 0px 3px 3px;
    margin: 5px 5px 0px 0px;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

#subbutton {
    color: #000000;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0px;
    padding: 1px 5px 1px 5px;
    border: 1px solid #555555;
    border-radius: 3px;
}

.wp-polls ul li {
    background: none !important;
    list-style-type: none !important;
}

#l_sidebar .wp-polls ul li {
    background: none !important;
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}
#jd-calendar ul li {
    background: none !important;
}
#newsticker-demo {
    width: 300px;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px auto;
    overflow-x: hidden;
}

#newsticker-demo a {
    text-decoration: none;
}
#newsticker-demo img {
    border: 2px solid #ffffff;
}

#newsticker-demo .title {
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.newsticker-jcarousellite {
    width: 300px;
}
.sportsscrollbox p {
    margin: 0px !important;
}
.newsticker-jcarousellite ul li,
.sportsscrollbox ul li {
    padding-left: 0px;
    list-style: none;
    background: none !important;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.sportsscrollbox .thumbnail {
    float: left;
    width: 110px;
}
.sportsscrollbox .info {
    float: right;
    width: 190px;
}
.sportsscrollbox .sportsscore {
    float: right;
    width: 300px;
}
.sportsscrollbox .sportsscore span.cat {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    color: #990000;
}

#newsticker2-demo {
    width: 300px;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px auto;
    overflow-x: hidden;
}

#newsticker2-demo a {
    text-decoration: none;
}
#newsticker2-demo img {
    border: 2px solid #ffffff;
}

#newsticker2-demo .title {
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.newsticker2-jcarousellite {
    width: 300px;
}
.newsticker2-jcarousellite ul li {
    padding-left: 0px !important;
    list-style: none !important;
    background: none !important;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.newsticker2-jcarousellite .thumbnail {
    float: left;
    width: 110px;
}
.newsticker2-jcarousellite .info {
    float: right;
    width: 190px;
}
.newsticker2-jcarousellite .sportsscore {
    float: right;
    width: 300px;
}
.newsticker2-jcarousellite .sportsscore span.cat {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    color: #000000;
}

#newsticker3-demo {
    max-width: 980px;
    height: 24px;
    float: left;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px auto;
}

#newsticker3-demo a {
    text-decoration: none;
}
#newsticker3-demo img {
    border: 2px solid #ffffff;
}

#newsticker3-demo .title {
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.newsticker3-jcarousellite {
    width: 950px;
    float: left;
}
.newsticker3-jcarousellite ul li {
    padding-left: 0px !important;
    list-style: none !important;
    background: none !important;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.newsticker3-jcarousellite .thumbnail {
    float: left;
    width: 110px;
}
.newsticker3-jcarousellite .info {
    float: left;
    width: 980px;
}
span.bndate {
    margin-left: 5px;
}
.newsticker3-jcarousellite .info span.breakingnewsbox {
    display: block;
    font-size: 10px !important;
    line-height: 15px !important;
    color: #000000;
    height: 30px;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: normal;
}

#breakingnews a {
    color: #990000 !important;
}

#breakingnews a:hover {
    text-decoration: underline !important;
}

.breakingnewsheadline {
    font-size: 16px;
    line-height: 20px;
}
.breakingnewsdate {
    line-height: 12px !important;
    font-size: 10px !important;
}
.clear {
    clear: both;
}

.gform_body ul li,
.gform_body ul,
.gform_body ul li ul li,
.gform_body ul li ul {
    background: none !important;
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
}

.ginput_container .small,
.ginput_container .medium,
.ginput_container .large {
    width: 98%;
}
.ginput_container label {
    margin-left: 5px;
}
.breadcrumbwrap .breadcrumb {
    margin: 5px 0px 0px 10px !important;
    border-bottom: none;
}
.ngg-widget img {
    padding: 0px !important;
}
.help p {
    padding-bottom: 8px !important;
}
.snohelp h3 {
    color: #000000 !important;
    font-size: 14px !important;
    padding-left: 0px !important;
}
.widgetbody {
    padding: 10px;
    overflow: hidden;
}
#TB_ajaxContent {
    overflow: hidden;
}
.calendar h3 {
    color: #000000 !important;
}
.viewall {
    font-size: 16px;
    text-transform: uppercase;
}
.arrows {
    font-size: 24px;
}
.homeheadline {
    font-weight: normal;
}
a:hover p.viewall,
a:hover p.sectionhead {
    text-decoration: underline;
}
.mmthumb {
    float: right;
    border: 1px solid #000000 !important;
    margin-right: 0px !important;
    margin-left: 5px;
}
.desc p {
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    padding-top: 1px;
    margin: 0px 0px 8px !important;
}
.desc a {
    color: #ffffff;
    text-decoration: none;
}
.desc a:hover {
    text-decoration: underline;
}
.desc {
    background-repeat: repeat;
    position: absolute;
    bottom: 14px;
    left: 0px;
    width: 100%;
    overflow: hidden;
}
.topstorywideslide .desc {
    background-repeat: repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    width: auto;
}

.desc h3,
.sportsdesc h3 {
    color: #ffffff;
    font-size: 2.2em;
    line-height: 1.1em;
    margin: 8px 8px 6px !important;
}
.desc a,
.sportsdesc a {
    color: #ffffff;
}
.footerboard,
.leaderboard {
    max-width: 965px;
    color: #000000;
    padding: 15px 15px 15px 15px;
    margin: 0px auto 0px;
    overflow: hidden;
}
.sno-header-wrap .leaderboard,
.sno-footer-wrap .footerboard {
    padding: 0;
}
.footerboard a img,
.leaderboard a img {
    border: none;
}
#pagetop {
    max-width: 980px;
    height: 10px;
    display: block;
}
#breakingnews {
    max-width: 980px;
    height: 24px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

/************************************************
*	4.5					  						*
************************************************/

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.headeradright,
.footeradright {
    float: right;
    margin-right: 15px;
    width: 205px;
    height: 90px;
    overflow: hidden;
}
img.socialicon {
    margin: 0px !important;
    width: 20px;
}

#topboxcontainer {
    margin-bottom: 15px;
    display: inline-block;
}
#topboxcontainerwide {
    max-width: 950px;
    margin-bottom: 15px;
    display: inline-block;
}
.topboxleft {
    float: left;
    width: 74%;
    margin-right: 1px;
    position: relative;
    overflow: hidden;
}
.topboxlefthover {
    padding: 2%;
    display: none;
    background: #ffffff;
    width: 96%;
    height: 96%;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.topboxleftwide {
    float: left;
    width: 49.76%;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}
.topboxlefthoverwide {
    padding: 2%;
    display: none;
    background: #ffffff;
    width: 96%;
    height: 96%;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.topboxsmall {
    float: left;
    width: 25.8%;
    margin-bottom: 1px;
    height: 33%;
    position: relative;
    overflow: hidden;
}
.topboxsmallwide {
    float: left;
    width: 25%;
    margin-bottom: 1px;
    height: 50%;
    position: relative;
    overflow: hidden;
}
.topboxsmallhover {
    z-index: 4;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.topboxsmalloverlay {
    padding: 5%;
    display: none;
    width: 90%;
    height: 90%;
}
.topboxsmallwidehover {
    z-index: 4;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.topboxsmallwideoverlay {
    padding: 5%;
    display: none;
    width: 90%;
    height: 90%;
}
.topboxsmallwide a:hover,
.topboxsmall a:hover {
    text-decoration: none !important;
}
.topboxleft h3,
.topboxleftwide h3 {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 25px !important;
    text-align: center;
}
.tsdatetime {
    font-size: 12px;
    padding-bottom: 6px;
    line-height: 12px;
    color: #fff;
    text-align: center;
}
.tswriter {
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.tstext {
    font-size: 14px;
    line-height: 20px;
    color: #000 !important;
}
.topboxsmall h3 {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-bottom: 1px;
}
.topboxsmallwide h3 {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 22px;
}
.tssdatetime {
    color: #fff !important;
    text-align: center;
}
.tscat {
    margin-bottom: 5px;
    font-size: 16px;
}
.tsarrows {
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: normal;
}
.permalinklarge {
    float: left;
}
.videowrap {
    margin: 15px 0px;
    width: 100%;
}
.archivevideowrap {
    margin: 5px 0px;
    float: right;
    width: 200px;
    margin: 0px 0px 10px 10px;
}
#permalinkteaserbox {
    margin: 10px 0px 10px 10px;
    padding: 3%;
    width: 94%;
    float: right;
    background: #eee;
    border: 1px solid #aaaaaa;
}

#permalinkteaserbox p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#permalinkteaserbox a img {
    margin-right: 10px;
    padding-bottom: 0px;
    color: transparent;
    border: 1px solid #aaaaaa;
}
.audiobox,
.relatedstories {
    margin-top: 15px;
}

.upcoming {
    background: #eeeeee !important;
}
.tableindent {
    text-indent: 8px;
}
.athlete {
    margin-top: 15px;
    border-top: 1px solid #aaa;
    padding-top: 10px;
}

table.sportssidebar {
    text-align: left;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    border-collapse: collapse;
}
tr.snorosterhead {
    background: #ffffff;
    color: #555555;
    font-size: 12px;
    line-height: 22px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.rosterheading {
    margin-bottom: 5px;
}
li.sportslist {
    background: none !important;
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
    font-size: 14px;
    line-height: 20px;
}
th.tablecenter,
table td.tablecenter {
    text-align: center;
}
tr.rosterrow:hover {
    background: #dddddd !important;
}
tr.schedulehead {
    background: #ffffff;
    color: #555555;
    font-size: 16px;
    line-height: 25px;
    border: 1px solid #aaaaaa;
}
tr.sidebarhead {
    background: #ffffff;
    color: #555555;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #aaaaaa;
}
.seasonlist {
    float: right;
    margin-bottom: 10px;
}
.sportlist {
    float: left;
    margin-bottom: 10px;
}
.sportthumbnail {
    float: right;
    /*    border: 1px solid #393939 !important; */
    margin: 3px 0px 10px 10px !important;
    width: 120px;
}
.profilelist {
    font-weight: normal;
}
#sportspagewide h3 {
    font-size: 18px;
    line-height: 28px;
}
#sportspagewide {
    margin-top: 15px;
}
#homepagetop {
    border: 1px solid #aaaaaa;
}

.aeline {
    border-bottom: 1px solid #aaaaaa;
    margin: 15px 0px 15px 0px;
}
.staffpic {
    width: 200px;
    float: right;
}
.previewstaffpic {
    margin-bottom: 10px;
    width: 100%;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.blockstaffpic {
    width: 183px;
    height: 117px;
}
.staffphoto {
    float: left;
    width: 183px;
    height: 117px;
    overflow: hidden;
    margin: 0 1px 1px 0;
    position: relative;
}
.staffhover {
    padding: 10px;
    display: none;
    background: #ffffff;
    width: 170px;
    height: 100px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.staffphoto a:hover h3 {
    text-decoration: none !important;
}
.profilepreviewbox,
.categorypreviewbox {
    width: 29.33%;
    height: 280px;
    margin: 0px 2% 26px 0;
    margin-bottom: 28px;
    padding: 10px;
    background: #eee;
    float: left;
    overflow: hidden;
}
.staffposition {
    font-size: 14px;
    padding-bottom: 5px !important;
    text-align: center;
}
.staffheading {
    width: 50%;
    float: left;
}
.staffselect {
    width: 50%;
    float: right;
}
tr.staffrosterrow {
    background-color: #ffffff;
    border-color: #eeeeee;
    border-bottom: 1px solid #aaaaaa;
    padding: 4px;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}
tr.staffrosterrow:hover {
    background: #dddddd !important;
}
tr.staffstoryrow {
    background-color: #eee;
    border-bottom: 10px solid #fff;
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
}
tr.staffstoryrow:hover {
    background: #dddddd !important;
}

.staffimage {
    margin-bottom: 10px;
    width: 100%;
}
.mmheadline {
    font-size: 17px;
    line-height: 28px;
    font-weight: normal;
}
.mmphoto {
    padding: 15px 27px;
    float: right;
    margin-left: 10px;
    border: 1px solid #444;
}
.mmoverlay {
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.multimediamobilebox {
    background: #eee;
    height: 70px;
    overflow: hidden;
    display: block;
    padding: 1%;
    float: left;
    width: 29%;
    margin: 1%;
}

.multimediabox {
    height: 70px;
    display: block;
    padding-top: 10px;
}
.multimediaboxline {
    border-bottom: 1px solid #ccc;
}
.uparrow {
    margin-bottom: 10px;
    display: block;
    height: 20px;
    width: 100%;
    background: #ddd;
}
.uparrow:hover {
    background-color: #ccc;
}
.downarrow {
    margin-top: 10px;
    display: block;
    height: 20px;
    width: 100%;
    background: #ddd;;
}
.downarrow:hover {
    background-color: #ccc;
}
.mmcredit {
    float: right;
    width: 300px;
}
.mmpermalink {
    float: left;
    width: 250px;
}
#sidebarmm {
    float: right;
    width: 320px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#contentleftmm {
    float: left;
    width: 610px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#contentleftmm p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 21px;
}

.postareamm {
    background: #ffffff;
    float: left;
    width: 593px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    height: 466px;
    overflow: hidden;
}
#loadingimage {
    display: none;
    left: 300px;
    position: absolute;
    top: 460px;
}
.widgetwrap {
    overflow: hidden;
    margin-bottom: 15px;
}
.topnavwrap {
    background: #444;
    border-bottom: 1px solid #000;
    width: 100%;
    background-size: 1px 100%;
}
.breakingnewswrap {
    background: #990000;
}
.headerwrap {
    background: #ddd;
    border-bottom: 1px solid #000;
    width: 100%;
}
.innerbackgroundwrap {
    background: #dddddd;
    width: 100%;
    display: inline-block;
}
.footerwrap {
    background: #ffffff;
    width: 100%;
}
.captionboxmit {
    padding: 10px 10px 3px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.captionboxmittop {
    padding: 5px 0px 5px;
}
.photobottom {
    margin-bottom: 15px;
}
.ngg-imagebrowser {
    width: 575px;
}
#contentleft ol {
    margin: 5px 0px 10px;
}
ol li {
    font-size: 14px;
    line-height: 20px;
    margin-left: 40px;
    margin-bottom: 3px;
}
ol.wp-paginate li {
    margin-left: 0px !important;
}
.headline {
    font-weight: normal !important;
}
.snotextwidget p {
    padding-bottom: 10px !important;
}
.storydetails {
    margin-top: 15px;
}
.embedcontainer {
    position: relative;
    padding-bottom: 60%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.embedcontainer iframe,
.embedcontainer object,
.embedcontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.staffboxthumbnail {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}
.footerimage,
.leaderboardimage {
    max-width: 728px;
    float: left;
}
.archivepage .categoryimage,
.archivevideowrap {
    width: 33%;
}
.archivepage #permalinkteaserbox {
    width: 50%;
}
.fullwidth #contentleft,
.staffpage #contentleft {
    width: 100% !important;
    margin: 0px auto;
}
.fullwidth .postarea {
    width: calc(100% - 30px) !important;
    margin: 0px auto;
    padding: 15px !important;
}
.staffpage .postarea {
    width: calc(100% - 30px) !important;
    margin: 0px auto;
    padding: 15px !important;
}
.selectwrap {
    float: right;
    margin-right: 6px;
    margin-bottom: 10px;
}
.twoline {
    text-indent: 8px;
    border-bottom: 1px solid #aaa !important;
}

.topstoryslide {
    max-height: 409px;
    overflow: hidden;
    position: relative;
}
.sportsstoryslide {
    position: relative;
}
.topstorywideslide {
    max-height: 300px;
    overflow: hidden;
    position: relative;
}
.flexslider {
    margin-bottom: 40px;
}
.flex-control-nav {
    bottom: -25px;
}
#sports-flex-container .flex-control-nav {
    bottom: -40px;
}
.topwideteaserphoto {
    width: 50%;
    height: auto;
    float: left;
}
ul.flex-direction-nav {
    padding-bottom: 0px !important;
}
.mejs-container {
    width: 100% !important;
}
.storypageslideshow ul li,
.storypageslideshow ul {
    background-image: none !important;
    padding: 0px;
    margin: 0px;
}
#sportspage ul li,
#sportspage ul {
    background-image: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
#sports-flex-container ol li {
    margin-left: 15px;
}
.storypageslideshow .flexslider {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}
.storyslide {
    height: 100%;
    position: relative;
}
#tscarousel .storyslide img {
    max-width: 122px !important;
}
#carousel .storyslide img {
    max-width: 90px !important;
}
.storypageslideshow .flexslider {
    border: none !important;
    border-radius: 0px 0px 0px 0px;
    background-color: none !important;
    box-shadow: none;
}
#carousel img,
#storycarousel img {
    margin: 0 2px 2px 2px !important;
}
#carousel ul li {
    margin-right: 2px !important;
}
.flex-disabled {
    display: none !important;
}
#tsthumbs .flexslider,
.carouselthumbs .flexslider {
    border: none !important;
}
.tsthumbstop .flexslider {
    margin-bottom: 0px !important;
    padding-bottom: 2px;
}
.tsthumbsbottom .flexslider {
    margin-bottom: 15px !important;
}
.topcaptionbox .photocaption {
    line-height: 16px !important;
}
.tsthumbstop ul li {
    margin-right: 3px;
}
#mmpageslideshow .flex-top ul li {
    margin-right: 2px;
}
#mmpageslideshow .flex-top .flexslider {
    margin-bottom: 2px;
}
.headerimage,
.headerlarge,
#header img {
    border: none;
}
.sportstwo {
    display: none;
}
.hiddencell {
    display: none;
}
.mobileslider {
    display: none;
}
/************************************************
*	Flex 5.3 additions  						*
************************************************/
.storymeta {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: auto;
    width: 98%;
    margin-bottom: 20px;
    padding: 3px 1%;
    background: #f5f5f5;
}
.storytags {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: auto;
    width: 98%;
    margin: 20px 0px;
    padding: 3px 1%;
    background: #f5f5f5;
}
.storybar {
    border-top: 5px solid #aaa;
    height: auto;
    width: 98%;
    margin-bottom: 20px;
    padding: 3px 1%;
    background: #f5f5f5;
    margin-top: 0px;
}

.storymeta p,
.storytags p,
.storybar p {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 0px !important;
}
.photowrap,
.captionboxmittop {
    max-width: 100%;
    margin: 0 auto 0;
}
#storypage .storydeck p,
#storypage .storyshare p,
#classic_story .storydeck p,
#storyrails .storydeck p {
    font-size: 1.8em !important;
    line-height: 1.5em !important;
    text-align: center;
}
.storydeck {
    max-width: 700px;
    margin: 0 auto 0;
}
.storydeckbottom {
    width: 250px;
    border-bottom: 1px solid #ddd;
    margin: 20px auto;
}
.captionboxmittop p,
.captionboxmit p {
    font-size: 14px !important;
    line-height: 20px !important;
}
.storyshare {
    margin: 0px auto 5px;
    height: 35px;
    padding-top: 5px;
}
.storysharehidden {
    margin: 15px auto;
    height: 35px;
}
#storypage .permalinkphotobox {
    width: 50%;
    margin: 0px -80px 20px 20px;
}
.captionboxmit {
    background: #f1f1f1;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.pullquote {
    padding: 15px 15px 0;
    font-family: Georgia;
    width: 45%;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
}
.pullquotepic {
    float: right;
    margin-left: 25px;
    margin-bottom: 15px;
}
.pullquotepic img {
    max-width: 100%;
}
.sidebarpic {
    margin-top: 5px;
}
.sno-poll {
    padding: 15px 30px 15px 0px;
    font-family: Georgia;
    width: 250px;
}
.background-gray {
    background: #f1f1f1;
}
.background-white {
    background: #ffffff;
}
.shadow {
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.borderleft {
    border-left: 5px solid #990000;
}
.borderright {
    border-right: 5px solid #990000;
}
.bordertop {
    border-top: 5px solid #990000;
}
.borderbottom {
    border-bottom: 5px solid #990000;
}
.borderall {
    border: 5px solid #990000;
}
#storypage .left {
    float: left;
    margin: 30px 30px 30px -80px;
}
#storypage .right {
    float: right;
    margin: 30px -80px 30px 30px;
}
#classic_story .left {
    float: left;
    margin: 30px 30px 30px 0px;
}
#classic_story .right {
    float: right;
    margin: 30px 0px 30px 30px;
}
.center {
    width: 600px;
    margin: 30px auto !important;
    float: none;
}
.quotespeaker {
    text-align: right;
    font-weight: bold;
    font-style: italic;
}
.largequote {
    font-size: 175px;
    line-height: 140px;
    position: absolute;
    color: #990000;
}
.fullwidth .postarea p.pullquotetext,
#storypage #contentleft p.pullquotetext,
#classic_story #contentleft p.pullquotetext,
#storyrails #contentleft p.pullquotetext,
.sno-story-body-content p.pullquotetext {
    font-size: 22px;
    line-height: 1.4em;
    text-indent: 75px;
    padding-top: 20px;
}
blockquote {
    max-width: 90% !important;
    margin: 30px auto !important;
    background: #f1f1f1;
    padding: 15px;
    font-size: 1.1em;
    line-height: 1.1em;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.cursorpoint {
    cursor: pointer;
}
.commenttoggle {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
#commentsbody {
    display: none;
    padding: 20px;
}
.videowidget {
    padding: 15px;
    width: 45%;
}
.infographicwidget {
    width: auto;
    padding-bottom: 15px;
}
.relatedstories {
    max-width: 950px;
    margin: 0 auto 15px;
}
.related,
.storysidebar,
.galleryback {
    padding: 10px 15px 15px;
}
.storyroster {
    width: 280px;
}
.relateddivider {
    margin: 0px 0px 15px;
    border-top: 1px dotted #aaa;
    clear: both;
}
.relateddividervert {
    margin: 0px 15px;
    border-right: 1px dotted #aaa;
    height: 150px;
    float: left;
}
.relatedrow {
    float: left;
    max-width: 160px;
}
.catrow {
    float: left;
    width: 159px;
}
.relatedcenter {
    max-width: 735px !important;
    margin: 30px auto !important;
    float: none;
    display: inline-block;
}
.relatedvert {
    max-width: 160px;
}
.related h3,
.storysidebar h3,
galleryback img {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
}
.related img,
.storysidebar img,
.galleryback img {
    margin-bottom: 8px;
}
p.relatedtitle {
    font-size: 15px;
    line-height: 20px;
}
p.relatedteaser {
    font-size: 13px !important;
    line-height: 16px !important;
}
.relatedbody {
    background: #ffffff;
    padding: 15px;
}
.storycat {
    text-align: center;
    color: #fff;
    margin: 10px auto 15px;
    line-height: 32px;
}

#storypage .storycat a,
.storycat a:hover {
    color: #fff !important;
}
#storypage .storycat span {
    background: #888;
    margin: 25px auto;
    padding: 7px;
    font-size: 16px;
}
#storypage .storyshadow,
#classic_story .storyshadow {
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
#storypage .audiobox {
    max-width: 600px;
    margin: 0px auto 30px;
}
#storypage .postarea .mejs-container {
    max-width: 600px;
    margin: 30px auto;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
#storypage .wp-caption,
#classic_story .wp-caption,
#storyrails .wp-caption {
    background: #f1f1f1;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    margin-bottom: 30px;
}
#storypage .wp-caption-text,
#storyrails #contentleft .wp-caption-text,
#classic_story .wp-caption-text {
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 5px 10px 10px !important;
}
#storypage .wp-caption img {
    margin: 0px;
    padding: 0px;
    border: 0px;
    /*	width: 100%;  */
    height: auto;
}
#storypage img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#storypage img.alignnone {
    padding: 0px;
    margin: 0px 20px 20px 20px;
    display: inline;
}

#storypage img.alignright {
    float: right;
    padding: 0px;
    margin: 0px -80px 20px 20px;
    display: inline;
}

#storypage img.alignleft {
    float: left;
    padding: 0px;
    margin: 0px 20px 20px -80px;
    display: inline;
}

#storypage .alignright {
    float: right;
    padding: 0px;
    margin: 0px -80px 20px 20px;
    display: inline;
}

#storypage .alignleft {
    float: left;
    padding: 0px;
    margin: 0px 20px 20px -80px;
    display: inline;
}
.alignnone {
    padding: 0px;
    margin: 0px 20px 20px 20px;
}
#storypage .gallerycenter {
    max-width: 630px !important;
    margin: 30px auto !important;
    float: none;
}
#storypage .galleryvert {
    max-width: 380px;
}
#storypage .wp-polls {
    padding-right: 15px !important;
}
#storypage h1 {
    font-size: 4.6em;
    line-height: 1.2em;
    text-align: center;
}
#classic_story h1 {
    font-size: 2.6em;
    line-height: 1.1em;
}
.catstory-photo {
    width: 100%;
}
.printfriendly {
    margin-bottom: 15px !important;
}

li.bottom-row,
li.top-row {
    margin-right: 15px;
}
#flex-bottom-row .flex-direction-nav .flex-prev,
#flex-bottom-row .flex-direction-nav .flex-next {
    top: -12px;
    opacity: 1 !important;
}
#flex-top-row .flex-direction-nav .flex-prev,
#flex-top-row .flex-direction-nav .flex-next {
    top: -11px;
    opacity: 1 !important;
}

#flex-bottom-row .flex-direction-nav .flex-prev,
#flex-top-row .flex-direction-nav .flex-prev {
    left: 10px !important;
}
#flex-bottom-row .flex-direction-nav .flex-next,
#flex-top-row .flex-direction-nav .flex-next {
    right: 10px !important;
}
.flex-container-row-top {
    background: #ddd;
}
.flex-container-row-top #flex-top-row {
    margin-bottom: 20px;
}
/* Search Form */
#searchform {
    position: relative;
    right: 7.6%;
    text-align: right;
}
#searchform div {
    margin: 0;
}
#searchsubmit {
    display: none;
}
.only-search #searchform {
    top: 5px;
    z-index: 1;
}
.with-image #searchform {
    top: auto;
    bottom: -27px;
    max-width: 195px;
}
.only-search + #access div {
    padding-right: 205px;
}
input[type='text'],
input[type='password'],
textarea {
    background: #fafafa;
    color: #888;
}
input[type='text']:focus,
textarea:focus {
    color: #373737;
}
textarea {
    padding-left: 3px;
    width: 98%;
}
input[type='text'] {
    padding: 3px;
}
input#searchsubmit {
    display: none;
}
/* Assistive text */
.assistive-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    background: #fff;
    color: #000;
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
    background: #eee;
    border-bottom: 1px solid #ddd;
    color: #1982d1;
    clip: auto !important;
    font-size: 12px;
    position: absolute;
    text-decoration: underline;
    top: 0;
    left: 7.6%;
}
.footersearch {
    float: right;
    padding-right: 20px;
    margin-top: 10px;
}

#homemmvideo {
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

#homemmvideo .widgetwrap {
    box-shadow: none;
    margin-bottom: 0px;
}
#homemmvideo .postareamm {
    background: none;
    height: 461px;
}
#homemmvideo #contentleftmm {
    margin-left: 8px;
}
#homemmvideo .widgetbody {
    background: #eee !important;
}
#homebreaking {
    width: 97%;
    padding: 0px 1.5%;
    margin-bottom: 20px;
    background: #eee;
    border: 1px solid #990000;
    display: inline-block;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
#homebreaking h1 {
    margin-bottom: 20px;
}
#homebreaking p {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #444;
}
.homebreaking-photo-vert {
    margin: 15px 0px;
    float: left;
}
.homebreaking-photo-horiz {
    margin: 0px 0px 15px;
    float: left;
}
.homedeck {
    margin: 0 auto 15px;
}
.homedeckbottom {
    width: 450px;
    margin: 20px auto;
}
.homedeck p {
    font-size: 1.8em !important;
    line-height: 1.5em !important;
    font-style: italic;
}
.breakingstory {
    float: right;
    width: 68%;
}
.breakingstory-horiz {
    float: right;
    width: 48%;
}
.breakingstory-nophoto {
    margin: 0px auto 15px;
    width: 80%;
}
.tags {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#classic_story .alignleft {
    margin-right: 10px !important;
}
#classic_story .alignright {
    margin-left: 10px !important;
}
.teaserrow .flexslider {
    border: none;
    box-shadow: none;
}
#storypage ul li:not(#sno-comments-side li) {
    font-size: 1.5em !important;
    line-height: 1.2em !important;
}
#sno_longform #storypage .lf_photocaption {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: left;
}
#sno_longform #storypage .lf_photocredit {
    font-size: 14px !important;
    line-height: 16px !important;
    text-align: right;
    font-weight: normal;
    margin-bottom: 4px !important;
    padding-bottom: 0px !important;
    margin-top: 4px;
}
/************************************************
*	Flex 5.4 additions  						*
************************************************/

.flexslider {
    border-radius: 0px 0px 0px 0px !important;
    box-shadow: none;
}
#sno_longform .main {
    margin: 0 auto;
    max-width: 950px;
}
#sno_longform .main p {
    margin-top: 0px;
}
#sno_longform .header p {
    font-size: 20px !important;
}
#sno_longform .header a,
#sno_longform .header a:hover {
    color: #fff;
}
#sno_longform .content {
    padding: 0px;
}
#sno_longform .leftside {
    max-width: 940px;
    margin: 0px auto;
}
#sno_longform .spacer {
    width: 100%;
    height: 50px;
}
#sno_longform #storypage p {
    padding-bottom: 15px;
}
#sno_longform .dividingline,
#sno_longform .dividinglinedeck {
    border-top: 5px solid #000000;
    margin: 20px auto;
    display: block;
    width: 100%;
}
#sno_longform #storypage .parallaxoverlay p.photocredit {
    font-size: 14px;
}
#sno_longform #storypage p:not(#sno-comments-side p, p.photocredit) {
    font-size: 1.5em;
    line-height: 1.5em;
    padding-bottom: 15px;
    color: #444;
}
#sno_longform #storypage p.wp-caption-text {
    font-size: 1em !important;
}
#sno_longform #storypage p.pullquotetext {
    font-size: 22px;
    line-height: 1.4em;
    text-indent: 75px;
    padding-top: 20px;
}
#sno_longform .wp-caption {
    background: none !important;
    box-shadow: none !important;
}
#sno_longform .pagetitle {
    color: #444;
    text-transform: uppercase;
}
#sno_longform .phototop {
    width: 100%;
    position: fixed;
    top: 40px;
    z-index: 1;
}
#sno_longform #storypage h1 {
    font-weight: normal !important;
    background: transparent !important;
    color: #fff !important;
    text-shadow: #444 2px 2px 2px;
}
#sno_longform .texttop p {
    font-size: 2em !important;
    color: #fff !important;
    text-align: right;
    text-shadow: #444 2px 2px 2px;
}
#sno_longform .socialmedia {
    float: right;
    width: auto;
    min-width: 125px;
    display: block;
    min-height: 1px;
}
#sno_longform .printfriendly,
.pluginSkinLight,
html#facebook {
    display: none !important;
}
#sno_longform .sitetitle {
    margin-left: 20px;
}
#sno_longform .lf_headerleft {
    max-width: 400px;
    float: left;
}
#sno_longform .chaptermenu a,
#sno_longform .chaptermenu a:visited,
#sno_longform .lf-dropdown a,
#sno_longform .lf-dropdown a:visited {
    background: #000;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    z-index: auto;
}

#sno_longform .chaptermenu a:hover,
#sno_longform .lf-dropdown a:hover {
    color: #ffffff;
    background: #393939;
    text-decoration: none;
}
#sno_longform .chaptermenu li li a,
#sno_longform .lf-dropdown li li a {
    background: #393939;
}
#sno_longform .chaptermenu li li a:hover,
#sno_longform .lf-dropdown li li a:hover {
    background: #000;
}
#sno_longform a .sf-sub-indicator {
    right: 1.2em;
}
#sno_longform #storypage h1 {
    text-shadow: none;
    color: #000 !important;
}
#sno_longform .storydeck {
    font-style: italic;
    color: #999;
    font-size: 1em;
}
#sno_longform .byline {
    font-size: 24px !important;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 4px;
}

#sno_longform .sbs_byline {
    font-size: 18px !important;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 4px;
}

#sno_longform .longdate {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
#sno_longform #storypage .right {
    margin-right: 10px;
}
#sno_longform #storypage .left {
    margin-left: 10px;
}
#sno_longform .footerbar {
    background-color: #000;
    color: #fff;
    padding: 8px 0px 0px;
    box-shadow: 0px 1px 7px -1px #888;
    border-top: 1px solid #ccc;
    height: 35px;
    width: 100%;
}
#sno_longform #storypage .footerbar p {
    font-size: 14px;
    margin-top: 2px;
    text-align: center;
    color: #fff !important;
    padding-bottom: 0px !important;
}
#sno_longform #storypage .photowrap {
    max-width: 952px;
    margin-bottom: 8px;
}
#sno_longform #storypage .permalinkphotobox {
    margin-right: 0px;
}
#sno_longform #storypage .photocaption {
    font-size: 16px;
    padding-top: 5px;
}
#sno_longform .storypageslideshow .flexphotos .flex-direction-nav .flex-prev {
    left: -36px;
}
#sno_longform .storypageslideshow .flexphotos .flex-direction-nav .flex-next {
    right: -36px;
}
#sno_longform .storypageslideshow .flexslider {
    background: none !important;
}
#sno_longform #mainbody {
    position: relative;
    background: #fff;
    z-index: 10;
    width: 100%;
    padding-top: 0px;
    overflow: hidden;
    border-top: none;
}
#sno_longform .storypageslideshow .flexphotos .flex-direction-nav a {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
#sno_longform #storypage span.photocaption {
    margin: 0px 10px;
}
#sno_longform #storypage .captionboxmit span.photocaption {
    margin: 0px;
}
.catwidgetleft {
    float: left;
    width: 53%;
    margin-right: 2%;
}
.catwidgetright {
    float: left;
    width: 45%;
}
.videothumb {
    width: 90px;
}
#homepageright ul li,
#homepageleft ul li,
#homepagewide ul li,
#contentleft ul li,
#sidebar ul li,
#sidebar ul li li,
#sidebar ul li ul li {
    margin-bottom: 6px;
}
.videophoto {
    margin-left: 10px;
    margin-right: 10px;
    width: 35px;
    margin-bottom: 10px;
    padding: 15px 22px;
    float: left;
}
.aligncenter,
.alignnone {
    clear: both;
    display: block;
    margin: 7px auto;
}

/************************************************
*	Flex 5.5 additions  						*
************************************************/
#contentleft #carousel ul li,
#contentleft .flexslider ul li {
    margin-bottom: 0;
}

#storyrails #content {
    padding: 0px;
    max-width: 980px;
    margin: 0px;
}
#storyrails #contentleft {
    max-width: 980px;
    width: 100% !important;
}
#storyrails .postarea {
    padding: 15px;
    width: 935px;
    float: none;
}
#storyrails .storymeta {
    margin-top: 15px;
    border-bottom: none !important;
    padding-left: 0px;
    width: 100%;
    padding-right: 0;
    background: #fff !important;
}
#storyrails .storymeta p {
    text-align: left;
}
#storyrails .storydate,
#storyrails .snopostviews {
    margin-left: 20px;
}
#storyrails #commentslink {
    float: right;
}
#storyrails #leftrail {
    float: left;
    min-height: 1px;
    width: 14%;
    margin-right: 3%;
    background: #fff;
}
#storyrails .permalinkphotobox {
    width: 455px;
    max-width: 455px;
    margin-left: 30px;
    margin-right: 0px;
}
#storyrails .captionboxmit {
    padding: 5px;
    background: #fff;
    border: none;
}
#storyrails .writer_headline {
    font-size: 13px;
    margin-bottom: 5px;
    padding: 5px 0px;
}
#storyrails .railspacer {
    margin-top: 20px;
}
#storyrails .railbuffer {
    margin-top: 70px;
}
#storyrails #contentleft .railspacer p {
    padding-bottom: 8px;
    font-size: 1.1em;
}
#storyrails #contentleft p {
    font-size: 1.3em;
    line-height: 1.4em;
}
#storyrails #story_column {
    float: left;
    width: 82%;
    position: relative;
}
#storyrails #rightrail {
    clear: both;
    max-width: 300px;
    float: right;
    margin: 20px 0px 20px 20px;
}
#storyrails #sno_ad {
    margin-bottom: 30px;
}
#storyrails .right,
#storyrails .alignright,
#storyrails .center,
#storyrails .aligncenter,
#storyrails .relatedcenter {
    position: absolute;
    right: 0;
    max-width: 260px !important;
    height: auto;
}
#storyrails .left,
#storyrails .alignleft {
    margin: 30px 30px 30px -160px;
    float: left;
}
#storyrails .pullquote {
    width: 240px;
}
#storyrails .writer_date {
    font-size: 10px;
    text-transform: uppercase;
}
#storyrails .storydeck {
    max-width: none;
}
#storyrails #leftrail h3 {
    margin-bottom: 10px;
}
#storyrails .right h3 {
    font-size: 15px;
    line-height: 19px;
}
#storyrails .right .catboxphoto {
    width: 90px !important;
    float: left;
    margin-right: 15px;
}
#storyrails .storyroster {
    width: 260px;
}
#storyrails .videowidget {
    width: 33%;
}

.leaderimageright,
.footerimageright {
    max-width: 205px;
}
.staffprofilebox {
    max-width: 936px;
    height: 280px;
    background: #eee;
    border: 3px solid #aaa;
    margin-bottom: 20px;
    padding: 10px;
}
.staffpage h3 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 8px;
}
.staffstorylist {
    float: left;
    width: 75%;
}
.addprofile {
    padding: 2%;
    width: 96% !important;
    min-height: 50px;
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.addprofile:hover {
    cursor: pointer;
    background: #ddd;
}
.editprofile {
    padding: 10px;
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
}
.leaderboardimagewrap img,
.footerboardwrap img {
    width: 100%;
}
.staffdate {
    width: 100px;
}
.staffprofilelist {
    padding: 7px 0px;
}
.lf-mobile-menu {
    width: 250px;
    float: left;
    margin: 7px 0 0 20px;
}
.lf-mobile-menu .select {
    width: 250px;
}
#storyrails .postarea h3,
#classic_story .postarea h3,
#storypage .postarea h3,
#sno_longform h3 {
    font-size: 24px;
    margin: 12px 0px 14px;
    line-height: 30px;
}
#storyrails .postarea h5,
#classic_story .postarea h5,
#storypage .postarea h5,
#sno_longform h5 {
    font-size: 15px;
    margin: 12px 0px 14px;
}
.snodnetwork img {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
}
.snodnetwork h3 {
    background: #eee;
    color: #444;
    text-align: center;
    font-weight: normal;
    padding: 3px 0 0 0;
    margin-bottom: -9px;
    font-size: 10px !important;
}
#storyrails .snodnetwork h3 {
    margin-bottom: 0px !important;
}
.snodnetwork .widgetbody3 {
    background: #eee;
    color: #444;
}
.permalinkphotobox #storypage .snodnetwork {
    max-width: 300px;
    float: left;
}
#storypage .snodnetwork h3 {
    margin-bottom: 0px !important;
    margin-top: 20px;
    max-width: 300px;
}
.adright {
    float: right;
    margin-left: 20px;
    max-width: 300px;
}
h5.relatedtitle {
    font-size: 16px;
    line-height: 20px;
}
#home .slideroverlay p {
    color: #fff !important;
}
#story_bottom {
    height: 1px;
    display: block;
}
#classic_story .alignleft,
#classic_story .alignright,
#classic_story .aligncenter,
#classic_story .alignnone,
#classic_story img {
    height: auto;
    max-width: 100%;
}
#sno_longform .storybody ol li,
#sno_longform .storybody ul li {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-left: 40px;
    margin-bottom: 3px;
    color: #444;
}
#sno_longform .storybody .flexslider ol li,
#sno_longform .storybody .flexslider ul li {
    margin-left: 0px;
}
#classic_story .storyshare {
    width: auto;
}

.widget3cwrap {
    width: 31.3%;
    float: left;
    margin-right: 3%;
    overflow: hidden;
}
.widget3cwraplast {
    margin-right: 0 !important;
}
.w3ctitle {
    font-size: 18px !important;
    line-height: 22px !important;
}
.widget3cwrap p {
    margin-top: 5px;
}
.widget3cmargin {
    margin-top: 20px;
}

/* Side by Side Chapter */
.sidechapter {
    float: left;
    width: 47%;
    margin: 0px 1.5%;
}
.comments_link {
    width: 97%;
    padding: 10px 1.5% 0px;
    margin: 0px 0 30px;
    background: #eee;
    text-align: center;
}
.sidechapter .left,
.sidechapter .alignleft {
    margin-left: 0px !important;
    max-width: 50%;
    height: auto;
}
.sidechapter .right,
.sidechapter .alignright {
    margin-right: 0px !important;
    max-width: 50%;
}

#wrap,
#lf_wrap,
#alt_wrap {
    position: relative; /* Set the position property so z-index will apply */
    z-index: 20; /* Make sure this is higher than #menu */
}

#toggle-menu {
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #666;
}

#menu {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    height: 100%;
    width: 190px;
    padding: 15px 25px;
    margin: 0;
    display: none;
    list-style: none;
    background: #333;
    z-index: 10; /* Make sure the z-index is lower than the #page */
}

#altmenu {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    height: 100%;
    width: 190px;
    padding: 15px 25px;
    margin: 0;
    display: none;
    list-style: none;
    background: #333;
    z-index: 10; /* Make sure the z-index is lower than the #page */
}

#menu a,
#altmenu a {
    display: block;
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.animating #menu,
.menu-visible #menu,
.animating #altmenu,
.menu-visible #altmenu {
    display: block;
}

#lf_menu {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    height: 100%;
    width: 190px;
    padding: 15px 25px;
    margin: 0;
    display: none;
    list-style: none;
    background: #333;
    z-index: 10; /* Make sure the z-index is lower than the #page */
}

#lf_menu a {
    display: block;
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.animating #lf_menu,
.menu-visible #lf_menu,
.animating #altmenu {
    display: block;
}

.animating #wrap,
.animating #lf_wrap,
.animating.left #lf_wrap .phototop,
.animating.left #lf_wrap .header,
.animating #alt_wrap,
.animating #alt_wrap {
    transition: transform 0.25s ease-in-out;
}

.animating.left #wrap,
.animating.left #lf_wrap,
.animating.left #lf_wrap .phototop,
.animating.left #lf_wrap .header,
.animating.left #alt_wrap {
    transform: translate3d(-240px, 0, 0);
}

.animating.right #wrap,
.animating.right #lf_wrap,
.animating.right #alt_wrap {
    transform: translate3d(240px, 0, 0);
}

.menu-visible #wrap {
    right: 240px;
}

.menu-visible #lf_wrap {
    right: 240px;
}

.menu-visible #lf_wrap .header {
    right: 240px;
}
.menu-visible .phototop {
    right: 240px;
}
.menu-visible #alt_wrap,
.menu-visible #wpadminbar,
.menu-visible #alt_wrap .navbarwrap,
.menu-visible #altheader,
.menu-visible #extracolumn {
    left: 240px !important;
}
#mobile_menu_icon {
    background: none;
    width: 24px;
    padding-right: 6px;
    margin-top: 4px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    padding-left: 20px;
    padding-bottom: 20px;
}
.mobile_menu_icon_bar {
    height: 3px;
    margin-top: 4px;
    background: #fff;
    width: 100%;
}
#mobile-menu {
    background: #000;
    color: #fff;
    width: 100%;
    min-height: 26px;
    height: auto;
    margin: 0px;
    max-height: 200px;
    overflow-y: hidden;
}
#mobile-menu .mobile_headerleft {
    width: 70%;
    max-width: none !important;
    overflow: hidden;
}
#mobile-menu .sitetitle {
    width: 100%;
    float: left;
}
#mobile-menu .sitetitle h1 a {
    margin-left: 10px;
    background: none;
    color: #fff;
    font-size: 20px;
}
#mobile-menu .sitetitle h1 a:hover {
    text-decoration: none;
}
.header-text {
    padding: 4px 0;
}
#storypage {
    position: relative;
}
.lf-dropdown {
    float: right;
}
.breakingstory-horiz {
    overflow-y: hidden;
}
/*
.infographicwidget .center {
	width: min-content;	
}
*/
#storyrails .infographicwidget .right,
#storyrails .infographicwidget .center {
    max-width: 280px;
    overflow-x: auto;
}
.gridchapter {
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.gridchapter:before {
    content: '';
    display: block;
    padding-top: 63%;
}
.gridchaptercontent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.gridchapter .griddesc p {
    color: #fff !important;
}
.gridchaptersmall {
    width: 120px;
    float: left;
    margin-right: 3px;
    height: 75px;
}
.gridselected {
    padding-bottom: 3px;
    border-bottom: 5px solid #aaa;
}
.gridhover,
.returntogrid {
    transition: all 0.2s ease-in-out;
    z-index: 10;
}
.gridhover:hover,
.returntogrid:hover {
    padding-bottom: 3px;
    border-bottom: 5px solid #990000;
    cursor: pointer;
}
.griddesc p {
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    padding-top: 1px;
    margin: 0px;
}
.griddesc a {
    color: #ffffff;
    text-decoration: none;
}
.griddesc a:hover {
    text-decoration: underline;
}
.griddesc {
    background-repeat: repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    max-height: 100%;
    height: 100%;
}

.griddesc h3,
.gridfallback h3 {
    color: #ffffff !important;
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 8px 8px 6px !important;
    text-align: center;
}
.griddesc a {
    color: #ffffff !important;
}

#listloader {
    display: none;
    margin: 15px 0 0 30px;
    float: left;
}
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #000;

    border-radius: 100%;
    display: inline-block;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    animation-fill-mode: both;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

#gridcontainer .flexslider {
    max-width: none;
}
#sno_longform #gridpage #mainbody {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
#gridcontainer {
    padding-bottom: 50px !important;
}
#sno_longform #gridpage #gridchapcontainer .content {
    margin-top: 15px;
}
#sno_longform #grid-chapter-row {
    margin: 25px 15px 0px;
    background: none;
}
#sno_longform #gridpage .permalinkphotobox {
    max-width: none;
}
#sno_longform #gridpage .flexslider {
    border-color: transparent !important;
}
#sno_longform #storypage p.photofallback {
    color: #fff !important;
    padding-bottom: 0 !important;
    padding-top: 5px;
    font-size: 1em !important;
    line-height: 1.25em !important;
    margin: 0px 5px 0px;
}

.gridbyline {
    margin: 10px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 5px;
    text-align: center;
    color: #fff !important;
}
.gridbyline a {
    color: #fff !important;
}
.gridfallbacktext {
    margin: 10px;
}
.gridfallbacktext p {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 21px !important;
}
.searchresult-profile {
    border: 1px solid #aaa;
    background: #eee;
    padding: 10px;
    margin-bottom: 30px;
}
.searchresult-profile .profile {
    background: #aaa;
    color: #fff;
    padding: 4px 6px;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.searchresult-profile table.schedule tr.staffstoryrow {
    border-top: 1px solid #ddd;
    border-bottom: none;
    padding: 5px 0;
}
.searchresult-profile table.schedule {
    /* border-top: 1px solid #ddd; */
    margin-bottom: 15px;
}
.sportsbottomrow {
    border-bottom: 1px solid #990000;
}
.archivepage tr.rosterrow {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#classic_story #contentleft {
    overflow-x: hidden;
}

.homeboxdesc p {
    color: #fff !important;
}
.homeboxdesc p {
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    padding-top: 1px;
    margin: 0px;
}
.homeboxdesc a {
    color: #ffffff;
    text-decoration: none;
}
.homeboxdesc a:hover {
    text-decoration: underline;
}
.homeboxdesc {
    background-repeat: repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    max-height: 100%;
    height: 100%;
}

.homeboxdesc h3,
.gridfallback h3 {
    color: #ffffff !important;
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 18px 8px 6px !important;
    text-align: center;
}
.homeboxdesc a {
    color: #ffffff !important;
}
a .homeboxdesc h3:hover,
a .homeboxdesc h3 {
    text-decoration: none !important;
}
.topstoryphotoslide {
    max-height: 300px;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
}
body {
    overflow-x: hidden;
}
.extendfull {
    background: #ddd;
}
.grow {
    transition: all 0.2s ease-in-out;
    transform: scale(1.1);
}
.shrink {
    transition: all 0.2s ease-in-out;
    transform: scale(1);
}
p.photorowdate {
    padding-top: 8px;
    text-align: center;
    font-size: 13px !important;
}
.blockscat {
    background: #990000;
    color: #fff;
    border-radius: 3px;
    padding: 4px 8px;
}
h3.staffmembername,
h3.staffmembername:hover {
    font-size: 17px !important;
    line-height: 30px !important;
    color: #fff !important;
    text-align: center;
}
.bottom-row-blocks,
.top-row-blocks {
    margin-right: 1px;
    position: relative;
    overflow: hidden;
    max-width: 231px;
}
.come-in:not(.sno-pdf-flipbook-widget) {
    transform: translateY(150px);
    animation: come-in 1s ease forwards;
}
.come-in:nth-child(odd) {
    animation-duration: 1s !important; /* So they look staggered */
}

@keyframes come-in {
    to {
        transform: translateY(0);
    }
}

.already-visible {
    transform: none !important;
    animation: none !important;
}
#storyrails #story_column .storycontent p {
    max-width: 460px;
}
#storyrails #story_column .storycontent .inline-slideshow-area {
    max-width: 460px;
    width: 460px;
}

/* 5.9.14 */

.maingridheadline,
.maingridheadline:hover {
    text-decoration: none !important;
}
#gridpage #mainbody .griddesc p {
    margin-left: 10px;
    margin-right: 10px;
}
.catboxthumb {
    height: auto;
}
#classic_story .center {
    max-width: 561px !important;
}
.flexslider .slides img {
    height: auto;
}
.footerright p {
    font-size: 8px;
    line-height: 12px;
}
.st_email_large .stButton .stLarge,
.st_email .stButton .email {
    display: none;
}
.leaderboardwrap img {
    width: 100% !important;
    height: auto;
}
.full-width .twitter-tweet {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px !important;
}
.twitter-tweet {
    margin: 10px auto 20px !important;
}
#storypage #commentsbody p {
    font-size: 1.1em !important;
    line-height: 1.6em !important;
}

/* 5.10 */
.home-immersion-text {
    position: absolute;
    width: 40%;
    background: #00000077;
    padding: 30px;
}
.home-immersion-text p {
    color: #fff !important;
}
.home-immersion-text a {
    color: #fff !important;
}
.home-immersion-text h1 {
    color: #fff !important;
    text-align: left;
    margin-bottom: 15px;
    font-size: 3em;
    line-height: 1.3em;
}
.home-immersion-byline {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.home-immersion-teaser {
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
}
.home-immersion-header-name {
    font-size: 1em;
    color: #fff !important;
}
.home-immersion-header a {
    color: #fff !important;
}
#home-immersion .footerbar {
    background-color: #000;
    opacity: 0.5;
    color: #fff !important;
    padding: 2px 0px 0px;
    height: 24px;
    width: 100%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #fff8de;
}
#home-immersion .footerbar a {
    color: #fff !important;
}
#home-immersion .footerbar p {
    font-size: 12px;
    margin-top: 2px;
    text-align: center;
    color: #fff !important;
    padding-bottom: 0px !important;
}
#home-immersion .lf-dropdown {
    cursor: pointer;
    padding-bottom: 30px;
    padding-left: 30px;
}

/* 5.10.1 */

#mini-logo-top,
#mini-logo-bottom,
#mini-logo-top img,
#mini-logo-top,
#mini-logo-bottom img,
#mini-logo-bottom {
    max-height: 30px;
}
li#mini-logo-top,
li#mini-logo-bottom {
    list-style-type: none;
}

/* 6.0 */

#altheader {
    width: 100%;
    color: #fff;
    background: #000;
    height: 80px;
}
.altheader-leaderboard {
    float: left;
    max-height: 90px;
}
.altheader-leaderboard img {
    max-height: 90px;
}
.altheader-leaderboard-small {
    float: left;
    max-height: 90px;
}
.altheader-leaderboard-small img {
    max-height: 90px;
    margin-left: 10px;
}

.altheader-logo {
    float: left;
    max-height: 80px;
    overflow: hidden;
    width: 325px;
    position: relative;
    z-index: 100;
}
.altheader-right {
    background: #000;
    height: 80px;
}
.altheader-bar1 {
    height: 40px;
    width: 100%;
    cursor: pointer;
}
.altheader-bar2 {
    height: 40px;
    width: 100%;
}
.altheader-menu {
    float: left;
    width: 75px;
    height: 80px;
}
.altheader-left {
    float: left;
    width: 325px;
    height: 80px;
    position: relative;
    z-index: 501;
    overflow: hidden;
}
.alt_mobile_menu_icon {
    background: none;
    width: 33px;
    float: left;
    cursor: pointer;
    left: 0;
    padding: 18px 20px;
}
.alt_mobile_menu_icon .mobile_menu_icon_bar {
    height: 4px;
    margin-top: 5px;
    background: #fff;
    width: 100%;
}
.mobile_menu_text {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    margin-top: 2px;
    overflow: hidden;
}
.altheader-logo img {
    max-width: 100%;
    max-height: 80px;
    margin: auto;
    display: block;
}
#alt_wrap #subnavbar,
#alt_wrap #subnavbarbackground,
#alt_wrap #breakingnews,
#alt_wrap #newsticker3-demo,
#alt_wrap #navbar,
#alt_wrap #navbarbackground {
    max-width: none;
}
#alt_wrap #subnavbar,
#alt_wrap #subnavbarbackground {
    height: 40px;
    max-height: 40px;
}
#alt_wrap .newsticker3-jcarousellite,
#alt_wrap .newsticker3-jcarousellite .info {
    width: 1500px !important;
}
#alt_wrap #breakingnews {
    height: 30px;
    padding-top: 10px;
}
#altheader .searchright {
    margin-top: 9px;
    width: 40px;
    float: right;
    position: absolute;
    right: 9px;
}
#altheader #subnavbar a {
    padding-top: 12px;
    padding-bottom: 13px;
}
#altheader #subnavbar a > .sf-sub-indicator {
    top: 0.9em;
}
#altheader #subnavbar li ul {
    margin-top: 10px;
}
#altheader #subnavbar li ul ul {
    margin-top: 0px;
}
#alt_wrap #navbar a {
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
}
#alt_wrap #navbar a > .sf-sub-indicator {
    top: 0.8em;
}
#alt_wrap #navbar {
    position: relative;
    z-index: 600;
}
#altheader-search {
    cursor: pointer;
}
#altheader-searchbox {
    width: 325px;
    background: #000;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    padding-top: 0px;
}
#altheader-searchbox #s {
    border: none;
    width: 276px;
    background-image: none;
    padding-left: 10px;
}
#altheader-searchbox #s:focus {
    width: 261px;
}
#alt_wrap .innerbackgroundwrap {
    position: relative;
}
#alt_wrap .fullsize {
    font-size: 35px;
    padding-top: 22px;
    padding-right: 21px;
    padding-bottom: 38px;
    padding-left: 21px;
}
#alt_wrap .mixedsize {
    font-size: 25px;
    padding-left: 27px;
    padding-right: 23px;
    padding-bottom: 8px;
}
#altheader .social-border {
    margin-right: 1px;
}
#altheader .alt-header-social {
    padding: 3px 17px 17px 4px;
    font-size: 33px;
    cursor: pointer;
    float: right;
}
#altheader .alt-header-social-fa {
    padding: 5px 6px 2px 6px;
    font-size: 33px;
    cursor: pointer;
    float: right;
}
#altheader .sno-rss {
    background: #ff6600;
    color: #fff;
    padding-right: 15px;
}
#altheader .sno-rss:hover {
    background: #fff;
    color: #ff6600;
}
#altheader .sno-email {
    background: #1f385c;
    color: #fff;
    padding-left: 2px;
}
#altheader .sno-email:hover {
    background: #fff;
    color: #1f385c;
}
#altheader .sno-facebook {
    background: #3b5998;
    color: #fff;
}
#altheader .sno-facebook:hover {
    background: #fff;
    color: #3b5998;
}
#altheader .sno-twitter {
    background: #000000;
    color: #fff;
    padding-left: 3px;
    padding-right: 16px;
}
#altheader .sno-twitter:hover {
    background: #fff;
    color: #000000;
}
#altheader .sno-instagram {
    background: #675144;
    color: #fff;
    padding: 4px 6px 3px;
}
#altheader .sno-instagram:hover {
    background: #fff;
    color: #675144;
}
#altheader .sno-pinterest {
    background: #c92228;
    color: #fff;
    padding: 4px 6px 3px;
}
#altheader .sno-pinterest:hover {
    background: #fff;
    color: #c92228;
}
#altheader .sno-tumblr {
    background: #36465d;
    color: #fff;
    font-size: 30px;
    line-height: 31px;
    padding: 6px 12px 3px 11px;
}
#altheader .sno-tumblr:hover {
    background: #fff;
    color: #36465d;
}
#altheader .sno-google-plus {
    background: #dc4a38;
    color: #fff;
    font-size: 23px;
    line-height: 31px;
    padding: 5px 4px 4px 6px;
}
#altheader .sno-google-plus:hover {
    background: #fff;
    color: #dc4a38;
}
#altheader .sno-youtube {
    background: #e52d27;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 5px 7px 4px 8px;
}
#altheader .sno-youtube:hover {
    background: #ffffff;
    color: #e52d27;
}
#altheader .sno-snapchat {
    background: #fffc00;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 5px 7px 4px 8px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
#altheader .sno-snapchat:hover {
    background: #fff;
    color: #000;
}
#altheader .sno-schooltube {
    background: #e52d27;
    color: #ffffff;
    font-size: 27px;
    line-height: 34px;
    padding: 5px 6px 4px 7px;
    width: 28px;
    height: 31px;
}
#altheader .sno-schooltube:hover {
    background: #ffffff;
    color: #e52d27;
}
#altheader .sno-vimeo {
    background: #009fde;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 5px 5px 4px 5px;
}
#altheader .sno-vimeo:hover {
    background: #ffffff;
    color: #009fde;
}
#altheader .sno-flickr {
    background: #ff0084;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 5px 7px 4px 5px;
}
#altheader .sno-flickr:hover {
    background: #ffffff;
    color: #ff0084;
}
#altheader .sno-reddit {
    background: #00bf8f;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 5px 7px 4px 7px;
}
#altheader .sno-reddit:hover {
    background: #ffffff;
    color: #00bf8f;
}
#altheader .sno-soundcloud {
    background: #f50;
    color: #ffffff;
    font-size: 25px;
    line-height: 27px;
    padding: 9px 4px 4px;
}
#altheader .sno-soundcloud:hover {
    background: #ffffff;
    color: #f50;
}
#altheader .sno-linkedin {
    background: #006097;
    color: #ffffff;
    font-size: 30px;
    line-height: 31px;
    padding: 6px 7px 3px;
}
#altheader .sno-linkedin:hover {
    background: #ffffff;
    color: #006097;
}
#altheader .alt-header-search-bar {
    padding-top: 1px;
    float: left;
    margin-left: 1px;
    padding-left: 10px;
    height: 39px;
    z-index: 200px;
    position: relative;
}
#altheader .sno-search {
    font-size: 25px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 9px;
    background: #444;
    color: #fff;
}
#altheader input#s {
    height: 38px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
}
#altheader input#s:focus {
    height: 38px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
}
#altheader input#s-alt {
    width: 96%;
    border: 0px;
    height: 40px;
    padding: 0 2%;
    font-size: 18px;
    background: #444;
    color: #444;
    box-shadow: none;
}
#altheader #expandable-search-box {
    position: absolute;
    right: 0;
    top: 0px;
    width: 1500px;
    height: 41px;
}
.extracolumn-padding {
    padding: 15px 0 15px 15px;
}
#extracolumn {
    position: relative;
    float: left;
}
.scrollspacer {
    display: none !important;
}
.altheader-logo h1 a {
    color: #fff;
}
.altheader-logo h1 {
    margin-top: 20px;
    text-align: center;
}
#menu-more {
    float: left;
}

.altheader-top {
    height: 30px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 100%;
    background: #000;
    cursor: pointer;
}
.altheader-top-wrap {
    position: relative;
    z-index: 100;
}

.social-classic .alt-header-search-bar,
.altheader-top .alt-header-search-bar {
    padding-top: 1px;
    float: left;
    margin-left: 1px;
    padding-left: 10px;
    height: 30px;
    z-index: 200px;
    position: relative;
}
.social-classic .sno-search,
.altheader-top .sno-search {
    font-size: 15px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 9px;
    background: #444;
}
.header-icons .social-border,
.social-classic .social-border,
.altheader-top .social-border {
    margin-right: 1px;
}

.classic-icon .sno-icon,
.footer-icon .sno-icon {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
}
.sno-icon {
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    float: right;
}

.sno-rss {
    background: #ff6600;
    color: #fff;
}
.sno-email {
    background: #1f385c;
    color: #fff;
}
.sno-facebook {
    background: #3b5998;
    color: #fff;
}
.sno-threads {
    background: #000000;
    color: #fff;
}
.sno-twitter {
    background: #000000;
    color: #fff;
}
.sno-instagram {
    background: #e1306c;
    color: #fff;
}
.sno-pinterest {
    background: #c92228;
    color: #fff;
}
.sno-tumblr {
    background: #36465d;
    color: #fff;
}
.sno-youtube {
    background: #e52d27;
    color: #ffffff;
}
.sno-snapchat {
    background: #fffc00;
    color: #ffffff;
}
.sno-snapchat i {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
.sno-schooltube {
    background: #e52d27;
    color: #ffffff;
}
.sno-vimeo {
    background: #009fde;
    color: #ffffff;
}
.sno-flickr {
    background: #ff0084;
    color: #ffffff;
}
.sno-reddit {
    background: #00bf8f;
    color: #ffffff;
}
.sno-soundcloud {
    background: #f50;
    color: #ffffff;
}
.sno-linkedin {
    background: #006097;
    color: #ffffff;
}
.sno-tiktok {
    background: #69c9d0;
    color: #fff;
}
.sno-spotify {
    background: #1db954;
    color: #fff;
}
.sno-twitch {
    background: #6441a4;
    color: #fff;
}

.icon-inverse .sno-rss {
    background: #fff;
    color: #ff6600;
}
.icon-inverse .sno-email,
.icon-inverse .email-side-icon {
    background: #fff;
    color: #1f385c;
}
.icon-inverse .sno-facebook,
.icon-inverse .facebook-side-icon {
    background: #fff;
    color: #3b5998;
}
.icon-inverse .sno-threads,
.icon-inverse .threads-side-icon {
    background: #fff;
    color: #000;
}
.icon-inverse .sno-twitter,
.icon-inverse .twitter-side-icon {
    background: #fff;
    color: #000000;
}
.icon-inverse .sno-instagram {
    background: #fff;
    color: #e1306c;
}
.icon-inverse .sno-pinterest,
.icon-inverse .pinterest-side-icon {
    background: #fff;
    color: #c92228;
}
.icon-inverse .sno-tumblr {
    background: #fff;
    color: #36465d;
}
.icon-inverse .sno-youtube {
    background: #ffffff;
    color: #e52d27;
}
.icon-inverse .sno-snapchat {
    background: #fff;
    color: #000;
}
.icon-inverse .sno-schooltube {
    background: #ffffff;
    color: #e52d27;
}
.icon-inverse .sno-vimeo {
    background: #ffffff;
    color: #009fde;
}
.icon-inverse .sno-flickr {
    background: #ffffff;
    color: #ff0084;
}
.icon-inverse .sno-reddit,
.icon-inverse .reddit-side-icon {
    background: #ffffff;
    color: #00bf8f;
}
.icon-inverse .sno-soundcloud {
    background: #ffffff;
    color: #f50;
}
.icon-inverse .sno-linkedin {
    background: #ffffff;
    color: #006097;
}
.icon-inverse .sno-tiktok {
    background: #fff;
    color: #69c9d0;
}
.icon-inverse .sno-spotify {
    background: #fff;
    color: #1db954;
}
.icon-inverse .sno-twitch {
    background: #fff;
    color: #6441a4;
}
.icon-inverse .print-side-icon {
    background: #fff;
    color: #546b8b;
}
.icon-inverse .comment-side-icon {
    background: #fff;
    color: #2e7061;
}
.icon-inverse .like-side-icon {
    background: #fff;
    color: #862635;
}

.sno-rss:hover,
.icon-hover-standard .sno-rss:hover {
    background: #fff;
    color: #ff6600;
}
.sno-email:hover,
.icon-hover-standard .sno-email:hover {
    background: #fff;
    color: #1f385c;
}
.sno-facebook:hover,
.icon-hover-standard .sno-facebook:hover {
    background: #fff;
    color: #3b5998;
}
.sno-threads:hover,
.icon-hover-standard .sno-threads:hover {
    background: #fff;
    color: #000;
}
.sno-twitter:hover,
.icon-hover-standard .sno-twitter:hover {
    background: #fff;
    color: #000000;
}
.sno-instagram:hover,
.icon-hover-standard .sno-instagram:hover {
    background: #fff;
    color: #e1306c;
}
.sno-pinterest:hover,
.icon-hover-standard .sno-pinterest:hover {
    background: #fff;
    color: #c92228;
}
.sno-tumblr:hover,
.icon-hover-standard .sno-tumblr:hover {
    background: #fff;
    color: #36465d;
}
.sno-youtube:hover,
.icon-hover-standard .sno-youtube:hover {
    background: #ffffff;
    color: #e52d27;
}
.sno-snapchat:hover,
.icon-hover-standard .sno-snapchat:hover {
    background: #fff;
    color: #000;
}
.sno-schooltube:hover,
.icon-hover-standard .sno-schooltube:hover {
    background: #ffffff;
    color: #e52d27;
}
.sno-vimeo:hover,
.icon-hover-standard .sno-vimeo:hover {
    background: #ffffff;
    color: #009fde;
}
.sno-flickr:hover,
.icon-hover-standard .sno-flickr:hover {
    background: #ffffff;
    color: #ff0084;
}
.sno-reddit:hover,
.icon-hover-standard .sno-reddit:hover {
    background: #ffffff;
    color: #00bf8f;
}
.sno-soundcloud:hover,
.icon-hover-standard .sno-soundcloud:hover {
    background: #ffffff;
    color: #f50;
}
.sno-linkedin:hover,
.icon-hover-standard .sno-linkedin:hover {
    background: #ffffff;
    color: #006097;
}
.sno-tiktok:hover,
.icon-hover-standard .sno-tiktok:hover {
    background: #fff;
    color: #69c9d0;
}
.sno-spotify:hover,
.icon-hover-standard .sno-spotify:hover {
    background: #fff;
    color: #1db954;
}
.sno-twitch:hover,
.icon-hover-standard .sno-twitch:hover {
    background: #fff;
    color: #6441a4;
}

.icon-inverse-hover .sno-rss:hover {
    background: #ff6600;
    color: #fff;
}
.icon-inverse-hover .sno-email:hover {
    background: #1f385c;
    color: #fff;
}
.icon-inverse-hover .sno-facebook:hover {
    background: #3b5998;
    color: #fff;
}
.icon-inverse-hover .sno-threads:hover {
    background: #000;
    color: #fff;
}
.icon-inverse-hover .sno-twitter:hover {
    background: #000000;
    color: #fff;
}
.icon-inverse-hover .sno-instagram:hover {
    background: #e1306c;
    color: #fff;
}
.icon-inverse-hover .sno-pinterest:hover {
    background: #c92228;
    color: #fff;
}
.icon-inverse-hover .sno-tumblr:hover {
    background: #36465d;
    color: #fff;
}
.icon-inverse-hover .sno-youtube:hover {
    background: #e52d27;
    color: #ffffff;
}
.icon-inverse-hover .sno-snapchat:hover {
    background: #fffc00;
    color: #ffffff;
}
.icon-inverse-hover .sno-snapchat:hover i {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
.icon-inverse-hover .sno-schooltube:hover {
    background: #e52d27;
    color: #ffffff;
}
.icon-inverse-hover .sno-vimeo:hover {
    background: #009fde;
    color: #ffffff;
}
.icon-inverse-hover .sno-flickr:hover {
    background: #ff0084;
    color: #ffffff;
}
.icon-inverse-hover .sno-reddit:hover {
    background: #00bf8f;
    color: #ffffff;
}
.icon-inverse-hover .sno-soundcloud:hover {
    background: #f50;
    color: #ffffff;
}
.icon-inverse-hover .sno-linkedin:hover {
    background: #006097;
    color: #ffffff;
}
.icon-inverse-hover .sno-tiktok:hover {
    background: #69c9d0;
    color: #fff;
}
.icon-inverse-hover .sno-spotify:hover {
    background: #1db954;
    color: #fff;
}
.icon-inverse-hover .sno-twitch:hover {
    background: #6441a4;
    color: #fff;
}

.altheader-top .alt-header-search-bar {
    padding-top: 1px;
    float: left;
    margin-left: 1px;
    padding-left: 10px;
    height: 30px;
    z-index: 200px;
    position: relative;
}
.altheader-top .sno-search {
    font-size: 15px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 9px;
    background: #444;
    color: #fff;
}
.altheader-top input#s {
    height: 28px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
}
.altheader-top input#s:focus {
    height: 28px;
    background-image: none;
    width: 98%;
    padding: 0 1%;
}
.altheader-top input#s-alt {
    width: 98%;
    border: 0px;
    height: 30px;
    padding: 0 1%;
    font-size: 18px;
    background: #444;
    color: #444;
    box-shadow: none;
}
input#s-alt.field::input-placeholder {
    color: #444;
}
.altheader-top input#s-alt:hover {
    color: #fff !important;
}
.altheader-top input#s-alt:focus {
    color: #444 !important;
}
.altheader-top #expandable-search-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 1500px;
    height: 30px;
}
.altheader-right .breakingnewswrap {
    border-bottom-width: 0px !important;
}
.altheader-right-social {
    height: 40px;
}
.mobile-menu a {
    display: block;
    color: #fff;
    padding: 6px 15px;
    font-size: 18px;
    border-bottom: 1px solid #eee;
}
.slidemenu li {
    list-style-type: none;
}
.slidemenu {
    left: 0;
    height: 100%;
}
.slidemenu .mobile_menu_text {
    color: #fff;
}
.slidemenu .altheader-logo a {
    padding: 0px;
}
.mobile-menu a:hover {
    text-decoration: none;
    background: #990000;
    color: #ffffff;
}
.menu-altheader {
    position: relative;
    z-index: 200;
}
.mobile-menu {
    border-top: 1px solid #eee;
}
.mobile-menu-right {
    overflow-y: auto;
}
#sno-search-button {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    font-size: 25px;
    padding-right: 7px;
    padding-top: 6px;
    padding-bottom: 5px !important;
    background: #ddd;
    color: #444;
}
.altheader-top #sno-search-button {
    top: 0;
    right: 0;
    display: none;
    font-size: 15px;
    padding-right: 7px;
    padding-top: 6px;
    padding-bottom: 5px !important;
    background: #ddd;
    color: #444;
}

.alt-header-social-bar a:hover {
    text-decoration: none;
}
.alt-header-social-spacer {
    width: 0px;
    height: 40px;
    display: block;
    float: right;
}
.altheader-top .alt-header-social-spacer {
    height: 30px;
}
.mobile-search {
    width: 94%;
    padding: 3%;
    background: #fff;
    border-top: 1px solid #eee;
}
.mobile-search input[type='text'] {
    width: 96%;
    font-size: 18px;
    padding: 2px 5px;
}
.bndate {
    padding: 4px 8px;
}
.breakingnewsheadline {
    padding: 4px 8px;
}
.social-classic a:hover {
    text-decoration: none !important;
}
.social-spacer,
.search-spacer {
    width: 0px;
    height: 30px;
    display: block;
    float: right;
}
#altheader-leaderboard-wrap {
    overflow: hidden;
    height: 90px;
}
.mobile-leaderboard {
    width: 100%;
    max-width: 728px;
    margin: 0 auto;
    margin-top: 15px;
}
.mobile-leaderboard img {
    max-width: 100%;
}
#extendfull .flexslider {
    margin-bottom: 20px;
}
#header,
.headerimage,
.headermedium,
.headerlarge {
    width: 100%;
}
#footer .social-spacer,
.header-icons .social-spacer,
.social-classic .social-spacer {
    margin-left: 1px;
}

/* Version 6.1 */

#carouselwrap {
    width: auto;
    margin-bottom: 15px;
    display: inline-block;
}
.topbox23top {
    float: left;
    width: 49.82%;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}
.topbox23top h3 {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 25px !important;
    text-align: center;
}
.topbox23bottom {
    float: left;
    width: 33.093%;
    height: 50%;
    position: relative;
    overflow: hidden;
}
.photocontainer {
    position: relative;
    padding-bottom: 66%; /* 3/2 ratio */
    height: 0;
    overflow: hidden;
    margin-bottom: 3px;
    width: 100%;
}
.topbox23bottom a:hover {
    text-decoration: none !important;
}
.topbox23bottom h3 {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 22px;
}
.tbleftborder {
    margin-left: 0.36%;
}
.tsb23 .topboxsmallwidehover {
    background-image: none;
}
.blocksleftborder {
    margin-left: 0.12%;
}
.photocontainer2 {
    position: relative;
    padding-bottom: 66%; /* 3/2 ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
}
.photocontainer3 {
    position: relative;
    padding-bottom: 66.6%; /* 3/2 ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
}
.photocontainer4 {
    position: relative;
    padding-bottom: 63.3%; /* 3/2 ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
}
tbbottomborder {
    margin-bottom: 1px;
}

.sno-email:hover {
    cursor: pointer;
}

.sno-email {
    background: #1f385c;
    color: #fff;
}
.sno-print {
    background: #546b8b;
    color: #fff;
}
.sno-print:hover {
    background: #fff;
    color: #546b8b;
}
.sno-comments {
    background: #2e7061;
    color: #fff;
    cursor: pointer;
}

.sharing-icon {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.sharing .sharing-icon:hover {
    opacity: 0.8;
}

#leftrail .sharing-top .sno-comments {
    padding: 1px 0px 3px 0px;
}
#content .sharing-icon {
    margin-bottom: 1px;
    float: left;
}
.sharing a:hover {
    text-decoration: none;
}
.sharing-icon {
    width: 40px;
    text-align: center;
    margin-right: 1px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.sharing {
    margin-bottom: 10px;
}
#content .sharing-clear {
    clear: left;
    margin-bottom: 10px;
}
#leftrail .sharing-icon {
    width: 100% !important;
    margin-bottom: 5px !important;
}
.socialmedia .sharing-icon {
    width: 50px !important;
    margin-right: 0px;
}

.socialmedia .sharing-icon {
    font-size: 33px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    float: left;
}
#sno_longform .sharing-top .sharing-icon,
#sno_hoverbar .sharing-top .sharing-icon {
    font-size: 26px;
}

.sno-arrow-up {
    float: right;
    display: block;
    font-size: 31px;
    line-height: 50px !important;
    background: #eee;
    color: #ccc;
    text-shadow: 0px 1px 2px #888;
    text-align: center;
    width: 50px;
    height: 50px;
}
.sno-menu {
    cursor: pointer;
    float: left;
    display: block;
    font-size: 31px;
    line-height: 50px;
    background: #eee;
    color: #ccc;
    text-shadow: 0px 1px 1px #888;
    text-align: center;
    width: 50px;
    height: 50px;
    border-right: 1px solid #ccc;
}
.sno-side-menu {
    cursor: pointer;
    float: right;
    display: block;
    font-size: 31px;
    line-height: 50px;
    background: #eee;
    color: #ccc;
    text-shadow: 0px 1px 1px #888;
    text-align: center;
    width: 50px;
    border-right: 1px solid #ccc;
    text-align: center;
}
.mobile-search-side {
    background: #fff;
}
.mobile-search-side input[type='text'] {
    width: 70%;
    margin-left: 3%;
    margin-top: 3%;
    font-size: 18px;
    padding: 2px 5px;
}
#sno_longform .header {
    background-color: #000;
    color: #fff;
    padding: 0px 0px 0px 0px;
    box-shadow: 0px 1px 4px -3px #888;
    border-bottom: 1px solid #ccc;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
}
.lf_menu_icon {
    background: none;
    width: 32px;
    float: left;
    cursor: pointer;
    margin-left: 9px;
    margin-top: 6px;
}
.lf_menu_icon_bar {
    height: 2px;
    margin-top: 5px;
    background: #fff;
    width: 100%;
}
.lf_menu_icon .mobile_menu_text {
    margin-top: 4px;
}
#lf_wrap .altheader-menu {
    height: 50px;
    width: 52px;
}
#sno_longform .sitetitle {
    margin-left: 10px;
    margin-top: 12px;
}
.lf_headerleft img {
    max-height: 50px;
    max-width: 100%;
}
#sno_longform .chaptermenu {
    max-width: 325px;
    z-index: auto;
    float: right;
}
.chaptermenu li ul {
    margin-top: 0px !important;
}
.chaptermenu li ul ul {
    margin-top: 0px;
}
.chaptermenu ul li {
    max-height: 50px;
}
.chaptermenu ul li a {
    line-height: 50px;
}
.chaptermenu ul li a {
    padding-top: 0;
    padding-bottom: 0;
}
#sno_longform #altheader-searchbox {
    margin-top: 50px;
    padding-top: 0px;
}
#sno_longform .slidemenu .border-spacer {
    margin-top: 0px;
}
#sno_hoverbar {
    height: 50px;
    width: 100%;
    position: fixed;
    top: -50px;
    display: none;
    background: #fff;
    z-index: 2001;
    overflow: hidden;
    left: 0;
    right: 0;
}
#sno_hoverbar {
    box-shadow: 0px 1px 7px -3px #888;
}
#sno_hoverbar .sharing-icon {
    vertical-align: top;
}
#back-top {
    width: 50px;
    height: 50px;
    float: right;
}
.hover_title {
    font-size: 24px;
    line-height: 30px;
    padding-top: 10px;
    padding-left: 20px;
    text-align: center;
    overflow: hidden;
    height: 34px;
    padding-right: 10px;
}
.socialmedia .sharing-icon {
    opacity: 0.7;
}
.socialmedia .sharing-icon:hover {
    opacity: 1;
}
.lf_headerleft {
    background: #eee;
}
#hoverbar_menu {
    display: none;
    position: fixed;
    top: 50px;
    width: 300px;
    background: #fff;
    z-index: 500;
}

#altheader #breakingnews {
    padding-bottom: 0px;
}
.sno_email_fields {
    width: 95%;
    box-shadow: none !important;
    line-height: 36px;
    font-size: 23px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 9px;
}
.emailstoryform h1 {
    margin-bottom: 15px;
}
#sno_hoverbar .lf_headerleft {
    max-height: 50px;
    float: left;
}
#sno_hoverbar .socialmedia {
    float: right;
    width: auto;
    min-width: 1px;
    display: block;
    min-height: 1px;
    max-height: 50px;
}
#sno_hoverbar #progress-bar {
    position: absolute;
    top: 0;
    height: 50px;
    z-index: -1;
    background: #fff;
    width: 100%;
}
#sno_hoverbar #progress-bar-color {
    width: 30%;
    background: #eee;
    height: 50px;
    position: absolute;
    left: 0;
}
.hoverheader {
    min-height: 35px;
}
#sno_longform .lf_headerleft {
    max-height: 50px;
    height: 50px;
}
#sno_longform .socialmedia .sharing-icon {
    opacity: 1;
    vertical-align: top;
}
.emailshare {
    float: left;
    height: 200px;
    margin-right: 10px;
    width: 200px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 15px;
    text-align: left;
    background: #eee;
}
.emailshare .writer_headline {
    padding: 8px;
    line-height: 18px;
}
.emailshare img {
    width: 100%;
}
.alsoshare {
    font-size: 28px;
}
.mobile-menu a,
.mobile-menu-right a {
    background: #eee !important;
    color: #000 !important;
    border-bottom: 1px solid #ccc !important;
}
.mobile-menu a:hover,
.mobile-menu-right a:hover {
    background: #000;
    color: #fff;
}
#hoverbar_menu .slidemenu {
    border-right: 1px solid #ccc;
}
#sno_longform .altheader-menu {
    display: block !important;
}
.sno-home {
    cursor: pointer;
    float: left;
    display: block;
    font-size: 26px;
    line-height: 31px;
    padding: 11px 0px 23px 0px;
    color: #ccc;
    background: #eee;
    text-shadow: 0px 1px 1px #888;
    text-align: center;
    width: 56px;
}
.sno-home:hover {
    text-decoration: none !important;
}
#wpadminbar {
    z-index: 2000;
}
#sno_hoverbar .hoverheader {
    background: #fff;
}
.sno-search-button,
#sno_longform .sno-search-button {
    float: right;
    display: block;
    font-size: 31px;
    line-height: 50px;
    width: 50px;
    background: #eee;
    color: #ccc;
    text-align: center;
    height: 50px;
    border-left: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    text-shadow: 0px 1px 1px #888;
}
#mobile-socialmedia {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none;
    z-index: 10000;
    margin: 0px;
}
#mobile-socialmedia .sharing-icon {
    opacity: 0.9;
}
#mobile-socialmedia .sharing-icon:hover {
    opacity: 1;
}
#sno_hoversearch {
    height: 50px;
    width: 100%;
    position: fixed;
    top: -50px;
    display: none;
    background: #ddd;
    z-index: 3001;
    border-bottom: 1px solid #ccc;
}
#sno_hoversearch {
    box-shadow: 0px 1px 7px -3px #888;
}
.sno-search-close {
    cursor: pointer;
    float: right;
    display: block;
    line-height: 31px;
    background: #eee;
    color: #ccc;
    text-align: center;
    width: 50px;
    border-left: 1px solid #ccc;
    font-size: 34px;
    padding-bottom: 8px;
    padding-top: 8px;
}
#sno-hover-search-button {
    border: none;
    padding-top: 5px;
    padding-bottom: 3px;
    border-radius: 0px;
}
.hover-search-area input[type='text'] {
    appearance: none;
    width: 90%;
    height: 20px;
    margin-top: 10px;
    padding: 5px 7px 3px;
    font-size: 16px;
    color: #666;
    border: 1px solid #ccc;
    background: #fff;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.sno-submit-search {
    font-size: 20px;
    line-height: 25px;
    margin-left: -3px;
    margin-top: 10px;
    padding: 2px 0 3px;
    text-align: center;
    vertical-align: top;
    width: 43px;
    cursor: pointer;
    color: #666;
    border: 1px solid #ccc !important;
    border-left: none !important;
    background: #fff;
    width: 7%;
}
.hover-search-area {
    width: 50%;
    margin: 0 auto;
}

#sno_hoverbar .socialmedia {
    border-left: 1px solid #ccc;
}

/* FLEX 6.3 */

.trending-row {
    min-height: 63px;
    width: calc(100% - 5px);
    padding: 5px 5px 5px 0px;
    font-size: 14px;
}
.trending-number {
    float: left;
    font-size: 32px;
    padding: 14px 12px;
    color: #000;
    line-height: 32px;
    min-width: 16px;
}
.trending-image {
    overflow: hidden;
    height: 55px;
    width: 55px;
    float: right;
    margin: 5px 5px;
}
.trending-row p {
    margin-top: 5px !important;
}
.homepagenarrow .trending-number,
.homepagenarrow .trending-image,
.homepagenarrow .trending-views {
    display: none;
}
.catboxthumbnail {
    overflow: hidden;
    max-width: 100%;
}
.catboxthumbsmall {
    max-width: 70px;
    width: 70px;
    height: 70px;
    max-height: 70px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}
.videothumbwrap {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 80px;
    max-height: 56px;
    overflow: hidden;
}

.commenttoggle {
    font-size: 23px;
    color: #fff;
}

/* FLEX 6.5 */
.snods_header {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 18px;
    line-height: 30px;
    border-top: 3px solid #b5a672;
    border-left: 3px solid #b5a672;
    border-bottom: 1px solid #b5a672;
    border-right: 3px solid #b5a672;
    color: #b5a672;
    font-weight: bold;
}
.snods_badges a,
.snods_badges a:visited,
.snods_header a,
.snods_header a:hover {
    color: #b5a672 !important;
}
.snods_badges a:hover,
.snods_header a:hover {
    text-decoration: none;
}
.snods_badge {
    background: #000;
    color: #b5a672;
    padding: 5px 5px 5px 8px;
    font-size: 16px;
}
.snods_badge:hover {
    opacity: 0.9;
}
.snods_coverage:hover {
    background: #2673e6 !important;
    color: #000;
}
.snods_site:hover {
    background: #9e73d5 !important;
    color: #000;
}
.snods_story:hover {
    background: #6bc651 !important;
    color: #000;
}
.snods_writing:hover {
    background: #ad1f2d !important;
    color: #000;
}
.snods_media:hover {
    background: #37a7e3 !important;
    color: #000;
}
.snods_audience:hover {
    background: #f35407 !important;
    color: #000;
}
.snods_icon {
    max-width: 25%;
    width: 40px;
    float: right;
    text-align: right;
}
.snods_title {
    max-width: 75%;
    float: left;
}
.snods_coverage_icon {
    font-size: 18px;
    vertical-align: top;
    text-decoration: none !important;
}
.snods_site_icon {
    font-size: 24px;
    vertical-align: top;
    text-decoration: none !important;
    margin-top: -3px;
}
.snods_story_icon {
    font-size: 23px;
    margin-top: -1px;
    vertical-align: top;
    text-decoration: none !important;
    padding-right: 1px;
}
.snods_writing_icon {
    font-size: 22px;
    vertical-align: top;
    text-decoration: none !important;
    margin-top: -2px;
    margin-bottom: -2px;
}
.snods_media_icon {
    font-size: 22px;
    vertical-align: top;
    text-decoration: none !important;
    margin-top: -1px;
    margin-bottom: -1px;
}
.snods_audience_icon {
    font-size: 26px;
    margin-top: -4px;
    vertical-align: top;
    text-decoration: none !important;
    padding-right: 3px;
}
.snods_badge_icon_only {
    text-align: center;
    height: 50px;
}
.snods_badge_icon_only .snods_icon_only {
    font-size: 30px;
    text-decoration: none;
    padding-top: 10px;
    width: 50px;
}
.snods_badge_icon_only {
    background: #000;
    color: #b5a672;
}

.cat_dom_photo {
    width: 65.5%;
    float: right;
    margin-left: 3%;
    overflow: hidden;
}
.cat_dom_photo img {
    width: 100%;
    margin-bottom: 5px;
}
.cat_dom_headline {
    margin-top: 75px;
}
h3.cat_dom_headline {
    font-size: 30px !important;
    line-height: 40px !important;
}
.cat_dom_teaser p {
    font-size: 16px;
    line-height: 24px;
}
.cat_dom_divider_h {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    margin-bottom: 25px;
}
.cat_dom_three {
    width: 31%;
    margin: 0px 3.5% 30px 0;
    float: left;
    overflow: hidden;
}
.cat_dom_three_final {
    width: 31%;
    margin: 0px 0 30px 0;
    float: left;
    overflow: hidden;
}
.cat_dom_five {
    width: 17.2%;
    margin: 0px 3.5% 30px 0;
    float: left;
    overflow: hidden;
}
.cat_dom_five_final {
    width: 17.2%;
    margin: 0px 0 30px 0;
    float: left;
    overflow: hidden;
}
.cat_dom_three .embedcontainer,
.cat_dom_three_final .embedcontainer {
    position: relative;
    padding-bottom: 53%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.cat_dom_five .embedcontainer,
.cat_dom_five_final .embedcontainer {
    position: relative;
    padding-bottom: 45%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.cat_dom_three .cat_writer,
.cat_dom_three_final .cat_writer {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.cat_dom_three .cat_date,
.cat_dom_three_final .cat_date {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.cat_dom .cat_writer {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.cat_dom .cat_date {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
}
.cat_dom_three .cat_teaser {
    font-size: 14px;
    line-height: 20px;
}

.staffprofiletype {
    color: #aaa;
}

/* 6.6 */

.sno_teaserbar {
    height: 86px;
    width: 100%;
    position: fixed;
    z-index: 2001;
    overflow: hidden;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 1px 7px -3px #888;
}
.sno_teaserbar .stb_nav {
    margin-top: 15px;
}
.sno_teaserbar_home {
    height: 86px;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
#stb-container p.relatedtitle {
    line-height: 18px;
}
.stb-top-row {
    float: left;
    width: 250px;
    list-style-type: none;
    padding-right: 10px;
    height: 70px;
    overflow: hidden;
    padding-left: 5px;
    margin-top: 8px;
    padding-top: 0px;
}
.stb-top-row img {
    float: left;
    margin: 0px 5px 5px 0px;
}
p.stb-cat {
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-size: 0.7rem;
}
.sno_teaserbar .relatedtitle {
    font-size: 14px !important;
    line-height: 18px !important;
}
.sno_teaserbar .relatedtitle a {
    color: #333 !important;
}
.stb_nav {
    width: 38px;
    height: 80px;
    float: left;
    padding-left: 10px;
    margin-top: 4px;
}
.stb_left,
.stb_right {
    color: #ccc;
    height: 70px;
    width: 30px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 70px;
    opacity: 0.5;
}
.stb_right {
    text-align: right;
}
.stb_left:hover,
.stb_right:hover {
    color: #000;
    cursor: pointer;
    opacity: 1;
}
.sno_teaserbar:hover .stb_left,
.sno_teaserbar:hover .stb_right,
.sno_teaserbar_home:hover .stb_left,
.sno_teaserbar_home:hover .stb_right {
    opacity: 1;
}
#stb-container {
    float: left;
    border: none;
    width: calc(100% - 100px);
}
#sno_teaserbar .flexslider {
    overflow: hidden !important;
}
.stb_image {
    max-width: 70px;
    width: 70px;
    height: 70px;
    max-height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
#sno_teaserbar .flexslider {
    background: #fff;
}
.remodal-story-image, .remodal-story-collection {
    max-width: 100% !important;
    height: 100vh;
    padding: 0;
}
.enlarged-photo {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.photocaptionremodal {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
}
.remodal-close, 
.modal-close {
    left: auto !important;
    right: 0 !important;
}
.remodal-close::before,
.modal-close::before {
    left: auto !important;
    right: 0 !important;
}
.remodal-wrapper {
    padding: 0px !important;
}
.remodal {
    margin-bottom: 0px !important;
}
.remodal-close::before,
.modal-close::before {
    padding-top: 7px;
    padding-right: 7px;
}
.caption-container .photocredit,
.slideshow-caption-container .photocredit,
.photo-caption-container .photocredit {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    z-index: 500;
}
.photo-enlarge {
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    transform: scaleX(-1);
    position: absolute;
    left: 10px;
    bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 20px;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease-in-out;
    text-align: center;
    width: 25px;
}
.photowrap:hover .photo-enlarge {
    opacity: 0.8;
}
.photowrap {
    position: relative;
}
.slideshow-enlarge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    z-index: 10;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.slideshow-icon {
    float: left;
    font-size: 20px !important;
    margin-right: 10px;
}
.slideshow-title {
    float: left;
    line-height: 20px;
    font-size: 16px;
}
.sfi-slideshow-area .flexslider {
    height: calc(100vh - 132px);
    width: 100%;
    border: none;
    overflow: hidden;
}
#sfi-carousel {
    margin-bottom: 5px;
    max-width: 75%;
    border: none;
}
.sfi-photo-wrap {
    width: 100%;
    overflow: hidden;
    max-height: calc(100vh - 130px);
    height: calc(100vh - 130px);
}
.single-photo-wrap {
    width: 100%;
}
.slideshow-caption-container,
.photo-caption-container {
    position: absolute;
    right: 0px;
    width: calc(25% - 60px);
}
.photo-caption-container {
    top: 51px;
}
.sno-single-image .photo-caption-container {
    top: 51px;
}
.sfi-logo-area {
    height: 50px;
    width: auto;
    float: left;
    max-width: 150px;
    overflow: hidden;
}
.sfi-logo {
    height: 40px;
    margin-top: 5px;
}
.sfi-logo-divider {
    border-right: 1px solid #ddd;
    margin: 0 15px;
    height: 50px;
    float: left;
}
.sfi-title-area {
    height: 50px;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    margin: 0 auto;
}

.sfi-thumb-navigation-area {
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sfi-title {
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
.sfi-return-to-story {
    position: absolute;
    left: 15px;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    background: unset;
    border: none;
}
.sfi-return-to-story:hover {
    color: rgba(255, 255, 255, 1);
}
.sfi-return-to-story .fa-angle-left {
    float: left;
    font-size: 26px;
    line-height: 50px;
    padding-right: 8px;
    height: 50px;
    vertical-align: middle;
}
.sfi-back-text {
    font-size: 14px;
    float: left;
    line-height: 50px;
}
.sfi-header {
    position: relative;
}
.sfi-progress {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 120px;
    text-align: center;
}
.sfi-controls {
    float: right;
}
.sfi-right {
    float: right;
    font-size: 40px !important;
    line-height: 50px !important;
    width: 60px !important;
    cursor: pointer;
}
.sfi-left {
    float: right;
    font-size: 40px !important;
    line-height: 50px !important;
    width: 60px !important;
    cursor: pointer;
}
.sfi-sharing {
    position: absolute;
    bottom: 0;
    right: 10px;
    height: auto;
    z-index: 999;
}
.sfi-email {
    width: 65%;
    position: absolute;
    left: 0;
    bottom: -1000px;
    display: none;
    z-index: 1000;
    background: #fff;
    padding: 40px 5%;
    border: 1px solid #ddd;
}
.photo-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.sfi-cancel-email {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    margin: 0;
    min-width: 110px;
    padding: 12px 0;
    text-align: center;
    transition: background 0.2s ease 0s;
    vertical-align: middle;
    background: #e57373 none repeat scroll 0 0;
    color: #fff;
}
.sfi-cancel-email:hover {
    background: #ef5350;
}
.sfi_emailstoryform h1 {
    margin-bottom: 20px;
}
.photo-container #content {
    max-width: 100%;
    padding: 0;
}
.sfi-title a:hover {
    text-decoration: none;
}
.photo-gallery-thumb:hover {
    opacity: 0.8;
}
.single-photo-container,
.photo-container {
    width: 100%;
    height: 100vh;
}
.inline-slideshow-area {
    position: relative;
}
.inline-thumb-navigation-area {
    height: 70px;
    width: 100%;
    margin-top: 1px;
}
#moreposts {
    overflow: none;
}
.sfi-sharing .sharing-icon {
    min-width: 40px !important;
}
.remodal .photo-container {
    position: relative;
}

/* 6.7 */
.carousel-widget {
    background: none;
}
.carousel-widget ul li {
    background: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#sidebar .carousel-widget ul {
    margin-bottom: 0 !important;
}
#homepageright .carousel-widget ul li,
#homepageleft .carousel-widget ul li,
#homepagewide .carousel-widget ul li,
#sidebar .carousel-widget ul li,
.carousel-widget ul li {
    background: none !important;
    padding-left: 0 !important;
}
.carousel-widget-slide .desc {
    background-repeat: repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    width: auto;
}
.carousel-widget-slide {
    overflow: hidden;
    position: relative;
}
.carousel-widget-photo {
    position: absolute;
    width: auto;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.widgetwrap .flexslider {
    background: none !important;
}
.carousel-widget-slide .carouselbyline {
    margin-bottom: 7px !important;
}
.fw1-panel {
    margin-bottom: 20px;
}
.fw1-panel .fw_sno_teaser {
    margin-top: 10px;
}
.fw1-textarea {
    float: left;
    position: relative;
}
.fw1-textarea-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.fwbyline {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 7px;
}
.fw2-panel {
    width: 49.2%;
    overflow: hidden;
}
.fw2-leftside {
    float: left;
}
.fw2-rightside {
    float: right;
}
.fw2-textarea {
    padding: 2%;
    width: 46%;
    float: left;
}
.fw2-textarea .fw_sno_teaser {
    margin-top: 7px;
}
.offset-title-wrap {
    margin-right: 20px;
    width: 190px;
    max-width: 190px;
    overflow-y: hidden;
    float: left;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
}
.widget-outer-wrap {
    padding: 2%;
}
.tsthumbstop,
.carouselthumbs {
    z-index: 19;
}
.fw2d-right {
    float: right;
    overflow: hidden;
}
.fw2d-inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.fw2d-inner .fwbyline {
    font-size: 12px;
    line-height: 16px;
}
.fw2d-inner .homeheadline {
    font-size: 16px !important;
    line-height: 18px !important;
}
.fw2d-inner h3,
.fw1-textarea h3,
.fw3-textarea h3 {
    margin-bottom: 10px;
}

.fw3-panel {
    margin-bottom: 15px;
    width: 32%;
    overflow: hidden;
}
.fw3-leftside {
    float: left;
}
.fw3-center {
    float: left;
    margin-left: 2%;
}
.fw3-rightside {
    float: right;
}
.fw3-textarea {
    padding: 3%;
    width: 94%;
    float: left;
}
.fw3-textarea .fw_sno_teaser {
    margin-top: 7px;
}
.fw2d-right-text {
    clear: both;
}
.fw2d-right-text-wrap {
    padding: 10px;
}
#wrap #sno_teaserbar {
    box-shadow: none;
}
.desc h3 a {
    color: #fff !important;
}
.desc .widgettitle a {
    color: #fff !important;
}
.photo-gallery-thumb {
    float: left;
    line-height: 0px;
}

#s-slide {
    background: #eeeeee;
    width: 190px;
    color: #000000;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px 2px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #dddddd;
    display: inline;
}
#searchsubmit-alt {
    display: none;
}

.only-search .s {
    background-color: #666;
    border-color: #000;
    color: #222;
}
.only-search .s,
.only-search .s:focus {
    width: 80%;
}
.only-search .s:focus {
    background-color: #bbb;
}
#menu .s:focus {
    background-color: #f9f9f9;
    width: 141px !important;
}
.topnavbarright .s:focus,
#header .s:focus {
    background-color: #f9f9f9;
    width: 181px;
}
#altheader .searchright #s-alt2 {
    border: none;
    width: 0;
    padding-left: 13px;
}
#altheader .searchright #s-alt2:focus {
    padding-left: 28px;
    width: 150px;
}
#altheader-searchbox #s-alt2 {
    border: none;
    width: 276px;
    background-image: none;
    padding-left: 10px;
}
#altheader-searchbox #s-alt2:focus {
    width: 261px;
}
#altheader input#s-alt2 {
    height: 40px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
    vertical-align: top;
}
#altheader input#s-alt2:focus {
    color: #fff !important;
    height: 40px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
}
#altheader input#s-alt2 {
    width: 96%;
    border: 0px;
    height: 40px;
    padding: 0 2%;
    font-size: 18px;
    background: #444;
    color: #444;
    box-shadow: none;
}
.altheader-top input#s-alt2 {
    height: 28px;
    background-image: none;
    width: 96%;
    padding: 0 2%;
}
.altheader-top input#s-alt2:focus {
    height: 30px;
    background-image: none;
    width: 98%;
    padding: 0 1%;
}
.altheader-top input#s-alt2 {
    width: 98%;
    border: 0px;
    height: 30px;
    padding: 0 1%;
    font-size: 18px;
    background: #444;
    color: #444;
    box-shadow: none;
}
input#s-alt2.field::input-placeholder {
    color: #444;
}
.altheader-top input#s-alt2:hover {
    color: #fff !important;
}
.altheader-top input#s-alt2:focus {
    color: #fff !important;
}
.s {
    background: #eeeeee;
    width: 190px;
    color: #000000;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px 2px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #dddddd;
    display: inline;
}
.s {
    float: right;
    transition-duration: 400ms;
    transition-property: width, background;
    transition-timing-function: ease;
    width: 50px;
}
.s:focus {
    background-color: #f9f9f9;
    width: 136px;
}
input.s {
    border-radius: 2px;
    font-size: 14px;
    height: 17px;
    line-height: 1.2em;
    padding: 1px 10px 1px 28px;
}
.catboxphoto {
    width: 100%;
    margin-bottom: -5px;
}
.grid-widget-tile {
	background: #aaa;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}
.gridwidgetoverlay {
    background: none rgba(0, 0, 0, 0.7); 
}
.grid-widget-tile .topstorycat {
    margin-bottom: 10px;
}
.grid-wrap .homeheadline,
.grid-wrap .homeheadline a,
.grid-wrap a,
.grid-wrap .sno_writer_carousel a,
.grid-wrap .sno_writer_carousel p,
.grid-wrap .sno_date_carousel {
    color: #fff;
}
#footer #footerboard a {
    color: #000 !important;
}
.icon-hidden-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    color: #000;
    background: #fff;
}
.headerimage {
    display: block;
}
.slideshow-caption-container-tablet,
.slideshow-caption-container {
    max-height: 65vh;
    overflow-y: auto;
}
.photo-caption-container {
    overflow-y: auto;
}
.widgetwrap table.schedule {
    margin-bottom: 0px;
}
.remodal .flexslider {
    background: none !important;
    box-shadow: none !important;
}

.feature-image:hover,
.slideshow-photo:hover {
    cursor: pointer;
}

.viewallcontainer {
    margin-top: 10px;
    margin-bottom: 10px;
}
.viewallcontainer a:hover {
    text-decoration: none !important;
}
.viewallgrid {
    font-size: 32px;
    line-height: 14px;
    text-transform: uppercase;
    margin-top: 10px;
    vertical-align: bottom;
}
.arrowsgrid {
    font-size: 54px;
    line-height: 24px;
    vertical-align: bottom;
}
.widgetwrap .flex-container ul li {
    padding-left: 0px !important;
}

/* expanding widths on homepage */

.hp_top_left {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    float: left;
}
.hp_top_center {
    width: calc(50% - 7.5px);
    float: left;
}
.hp_bottom_left {
    width: calc(33.333% - 10px);
    margin-right: 15px;
    float: left;
}
.hp_bottom_center {
    width: calc(33.333% - 10px);
    margin-right: 15px;
    float: left;
}
.hp_bottom_right {
    width: calc(33.333% - 10px);
    float: left;
}
.hp_extra {
    width: 320px;
    margin-right: 15px;
    float: left;
}

.leaderboardwrap {
    height: 120px;
    max-height: 120px;
    overflow: hidden;
}
.sno-header-wrap .leaderboardwrap {
    height: unset;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    background: #cfdeff;
    outline-width: 5px !important;
    outline-style: all;
}
.sf-menu a {
    border: none !important;
}
.sf-menu a:hover {
    text-decoration: none;
}
.sf-arrows .sf-with-ul {
    padding-right: 2em;
}
.sf-arrows .sf-with-ul:after {
    right: 0.75em;
}
.menu-item i._mi {
    font-size: 1em;
}
.sf-menu li a {
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.sf-menu {
    margin-bottom: 0 !important;
}
.headerwrap {
    clear: none;
}
#classic_story .postarea {
    width: calc(100% - 20px);
    padding: 10px;
}
.full-width .postarea {
    width: 800px;
    margin: 0px auto 0px !important;
    float: none;
}
#sidebarmm ul li {
    background: none;
    padding-left: 0px !important;
}
#multimediatemplate #content {
    max-width: 940px;
}
.sportspage #contentleft {
    float: left;
}
.catboxthumbsmall {
    position: relative;
    overflow: hidden;
}
.catboxthumbsmall img {
    object-fit: cover;
}
.blockscat {
    margin-left: 2px;
}
#storyrails #story_column .storycontent ul {
    max-width: 460px;
}
#storyrails #story_column .storycontent .inline-slideshow-area ul {
    max-width: unset;
}
.altheader-left {
    z-index: 21;
}
/* .postarea img { max-width:100%; height: auto; } */

h1 {
    font-size: 3.5em;
    line-height: 1.1em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
h2 {
    font-size: 3em;
    line-height: 1.1em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
h3 {
    font-size: 2.5em;
    line-height: 1.2em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
h4 {
    font-size: 2em;
    line-height: 1.2em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
h5 {
    font-size: 1.75em;
    line-height: 1.2em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
h6 {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #000;
    margin: 0.5em 0;
    font-weight: bold;
}
#classic_story #contentleft p,
#contentleft.page_template p,
.fullwidth p {
    font-size: 1.4em;
    line-height: 1.5em;
}
#storypage #contentleft p {
    font-size: 1.6em;
    line-height: 1.6em;
}
#storyrails #contentleft p {
    font-size: 1.4em;
    line-height: 1.5em;
}
#sno-search-button {
    border: none;
    padding-top: 1px;
    padding-bottom: 2px;
    border-radius: 0px;
}
.search-button-container {
    height: 28px;
    float: right;
    border: 1px solid #ddd;
    border-left: 0px;
    overflow: hidden;
    background: #ddd;
}
.search-button-container-new {
    height: 28px;
    float: left;
    border: 1px solid #ddd;
    border-left: 0px;
    overflow: hidden;
    background: #ddd;
}
.search-input-container {
    float: left;
}
.sno-submit-search-button {
    background: #ddd;
    border-radius: 0px;
    float: right;
    border: none;
    padding: 2px;
    font-size: 18px;
    line-height: 1.2em;
    height: 33px;
    padding: 0 6px 0 7px;
    margin-top: -3px;
    color: #aaa;
}
input.s {
    border-right: none;
    padding-left: 8px;
    padding-right: 6px !important;
    border-radius: 0px;
    height: 26px;
    font-size: 17px;
    width: 55px;
    border-color: #ddd;
    background: #ddd;
    color: #aaa;
}
input[type='text'] {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
}

.topnavbarright {
    padding-top: 0px !important;
}
.topnavbarright input[type='text']:focus {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
    color: #444 !important;
}
.sno-submit-search-button {
    cursor: pointer;
}
#catpage h2,
#searchpage h2 {
    font-size: 2.5em;
}
.widgetwrap h3 {
    line-height: 1em !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}
.desc .widgettitle a,
.widgetheadlineoverlay a.homeheadline,
.widgetheadlineoverlay .homeheadline {
    color: #fff !important;
}
.carousel-widget-slide .desc {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.desc p {
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    padding-top: 1px;
    margin: 0px 0px 8px !important;
}
.widgetheadlineoverlay {
    margin-top: 5px;
    margin-bottom: 5px;
}
input.s:focus {
    color: #000;
}
.fw2-panel .desc .widgetheadline {
    padding: 5px 10px 0;
}
.fw2-panel .desc p,
.topstoryslide .desc p {
    padding-left: 10px;
}
#home .slideroverlay p {
    padding-left: 10px !important;
}
.fw2-panel .desc .widgetheadline a {
    color: #fff !important;
}
.widgetfullscreen,
.sno-designer-row-fullscreen {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
}
.desc p.carouselbyline {
    padding-left: 10px;
    padding-right: 10px;
}
.carouseloverlay {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.carouseloverlaytext {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.carouseloverlaytext .carouselbyline a,
.carouseloverlaytext .carouselbyline {
    color: #fff !important;
}
.carousel-widget-slide .widgetheadline {
    margin-bottom: 10px;
}
.carousel-widget-slide .desc p.carouselbyline {
    padding-left: 0px;
    padding-right: 0px;
}
#home-immersion .footerbar {
    background-color: #000;
    opacity: 0.5;
    color: #fff !important;
    padding: 2px 0px 0px;
    height: 24px;
    width: 100%;
    position: fixed;
    bottom: 0;
}
.carouseloverlaytext {
    cursor: pointer;
}

.parallaxoverlay .blockscat {
    display: inline-block;
}
.parallaxoverlay .carouselbyline {
    margin-bottom: 0px;
    margin-top: 10px;
}
.parallaxoverlay .carouselbyline a {
    color: #fff !important;
}
.jump-to-header {
    display: none;
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: #00000077;
    padding: 2px;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    line-height: 18px;
    z-index: 9999;
    color: #fff8de;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
}
.jump-to-header:hover {
    opacity: 1;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.jump-to-header-logo {
    display: none;
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: #00000077;
    z-index: 9999;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
    border: 1px solid #ddd;
}
.jump-to-header-logo:hover {
    opacity: 1;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.jump-to-header-logo img {
    max-height: 50px;
}

.loadingmenu {
    display: none !important;
}
.skip-transform {
    transition: all 0.5s ease;
}

.skip-transform-active {
    background: #fff;
}
.skip-text {
    padding-right: 8px;
    float: left;
    padding-top: 5px;
}
.home-immersion-overlay .skip-text {
    padding: 5px 8px;
}
.home-immersion-overlay .immersion-header {
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: #00000077;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 18px;
    z-index: 100;
    color: #fff8de;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
}
.immersion-header:hover {
    opacity: 1;
    border-color: #fff;
    text-decoration: none;
}

.jumparrow {
    background-image: url('../png/down-arrow.png');
    display: block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-size: contain;
    z-index: 100;
    background-color: #fff;
    opacity: 0.3;
    border-radius: 5px;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
}
.jumparrow:hover,
#above-header-menu:hover {
    opacity: 1;
}
.scrolldownarrow {
    background-image: url('../png/down-arrow.png');
    display: block;
    height: 30px;
    width: 30px;
    background-size: contain;
    float: left;
}

.bouncearrow {
    animation: bouncearrow 2s infinite ease-in-out;
    animation-fill-mode: both;
}

@keyframes bouncearrow {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.widgetwrap .bcg {
    cursor: pointer;
}

.parallaxcontainer {
    background: #000;
    height: 100vh;
    width: 100%;
}
.parallaxcontainer section {
    display: none;
    height: 100vh;
}
.no-js .parallaxcontainer section {
    opacity: 1;
    transition: opacity 300ms ease-out;
}
#home-immersion-content {
    overflow: hidden;
}
.no-js #home-immersion-content {
    display: block;
    opacity: 1;
    transition: opacity 300ms ease-out;
}
.top-left {
    left: 15vh;
    top: 15vh;
    right: auto;
    bottom: auto;
}
.top-center {
    right: auto;
    left: 50%;
    top: 15vh;
    bottom: auto;
    transform: translateX(-50%);
}
.top-right {
    right: 15vh;
    top: 15vh;
    left: auto;
    bottom: auto;
}
.middle-left {
    left: 15vh;
    right: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
.middle-center {
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}
.middle-right {
    right: 15vh;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.bottom-left {
    left: 15vh;
    bottom: 15vh;
    right: auto;
    top: auto;
}
.bottom-center {
    left: 50%;
    bottom: 15vh;
    top: auto;
    right: auto;
    transform: translateX(-50%);
}
.bottom-right {
    right: 15vh;
    bottom: 15vh;
    left: auto;
    top: auto;
}
#upperwrap {
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    background: #000;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    z-index: 10;
    max-width: 980px;
}
#upperwrap-outer {
    width: 100%;
}
#immersion-image {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
}
.home-immersion-overlay .lf_menu_icon_bar {
    height: 3px;
    margin-top: 5px;
}
.home-immersion-overlay .lf_menu_icon {
    width: 23px;
    margin-top: 0px;
    padding: 2px 8px 8px;
    background: #000;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
}
.home-immersion-overlay .lf_menu_icon:hover {
    opacity: 1;
}
#home-immersion {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.home-immersion-overlay {
    position: relative;
    width: 100%;
    height: 100vh;
}
#immersion-image {
    cursor: pointer;
}
.parallaxoverlay .sno_teaser_carousel {
    margin-top: 20px;
}
.hsContent .sno_teaser_carousel p {
    color: #fff;
}
.immersion-header-logo {
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: #00000077;
    z-index: 9999;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
    cursor: pointer;
    border: 1px solid #ddd;
}
.immersion-header-logo:hover {
    opacity: 1;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.immersion-header-logo img {
    max-height: 50px;
}
.continue-overlay {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.continue {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 10px;
}
.continue-overlay-link {
    text-align: center;
    border: 1px solid #fff;
    padding: 8px 10px;
    color: #fff;
    background: none;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.continue-overlay-link:hover {
    background: #fff;
    color: #000;
}
.continue-link {
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    color: #777777;
    background: #fbfbfb;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.continue-link:hover {
    background: #161616;
    color: #fff;
    border-color: #161616;
}
.grid-widget-tile .sno_date_carousel {
    padding-left: 10px;
    padding-right: 10px;
}
.grid-widget-tile {
    text-align: center;
    cursor: pointer;
}
.parallaxoverlay .continue-overlay {
    padding-top: 30px;
}
.parallaxoverlay {
    text-align: center;
    min-width: 300px;
}
.home-immersion-text .continue-overlay {
    padding-top: 30px;
    padding-bottom: 0px;
}
.headerlink {
    cursor: pointer;
}
.parallaximagesloading {
    display: none;
}
#upperwrap .widgetwrap:last-of-type {
    margin-bottom: 0px;
}

.view-all-container {
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: center;
}
.view-all-text,
.view-all-grid-text {
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    color: #777777;
    background: #fbfbfb;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.view-all-text:hover,
.view-all-grid-text:hover {
    background: #161616;
    color: #fff;
    border-color: #161616;
}
a.view-all-link:hover {
    text-decoration: none !important;
}
.view-all-container-grid,
.view-all-container-category {
    display: block;
    margin: 10px 0;
    padding-top: 10px;
    text-align: center;
}
.view-all-grid,
.view-all-category {
    display: inline-block;
}
.fw2-panel .desc p.fwbyline {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.carouseloverlay p,
.carouseloverlay a {
    color: #fff !important;
}
.carouseloverlay {
    padding: 10px 15px;
}
.hsContent p {
    color: #fff;
}
.parallax-mobile-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    cursor: pointer;
    width: auto;
    height: 100%;
}
.parallax-mobile-widget-tile {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 3px;
}
.parallax-mobile-widget-tile .topstorycat {
    margin-bottom: 10px;
}
li.catbullet {
    margin-bottom: 8px !important;
    padding-left: 20px !important;
}

#upperwrap div:last-of-type {
    margin-bottom: 0px;
}
#contentleft {
    width: auto;
    float: none;
}

#sno_mobile_menu {
    display: none;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    z-index: 500;
}
.menu {
    border-top: 1px solid #ccc;
}
#sno_mobile_menu .mobile-menu {
    border-top: none;
}
#sno_mobile_menu .menu {
    border-right: 1px solid #ccc;
}
#hover-menu-side {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 34px;
}
#hover-menu-side {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.sno-menu-side {
    color: #444;
    font-size: 30px;
}
.flex-container {
    overflow: hidden;
}
a.immersion-headline-link:hover {
    text-decoration: none !important;
}
.home-immersion-text h1,
.home-immersion-text h2,
.home-immersion-text h3,
.home-immersion-text h4,
.home-immersion-text h5,
.home-immersion-text h6 {
    color: #fff !important;
}
.home-immersion-text-vertical {
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    top: unset !important;
    width: calc(100% - 60px) !important;
    border-radius: 0px !important;
    text-align: center !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.noscroll {
    overflow: hidden;
}
#alt_wrap .menu {
    max-height: 70vh !important;
    overflow-y: auto;
}
#alt_wrap .mobile-menu {
    height: 75%;
}
.mobile-menu {
    height: calc(100% - 50px) !important;
    overflow-y: auto;
}
.altheader-logo-menu {
    width: calc(100% - 75px);
}
.alignnone {
    float: right;
    margin-left: 20px;
}
.sno-story-body .alignnone {
    float: unset;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;

}
.flex-container {
    background: #fff;
}
.flexslider {
    opacity: 0;
}

.footer-address {
    width: 30%;
    margin-left: 3%;
    margin-top: 20px;
    float: left;
    font-size: 14px;
}
#gridcontainer .flexslider {
    opacity: 1 !important;
}
.storycreditboxwide {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    float: left;
    width: calc(100% - 22px);
    margin-bottom: 20px;
    overflow-y: hidden;
}
.storycreditbox {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    float: left;
    width: calc(50% - 32px);
    margin-bottom: 20px;
    overflow-y: hidden;
}
.storycreditbox:nth-child(even) {
    margin-right: 20px;
}
.sc_photo {
    float: left;
    margin-right: 15px;
    width: 140px;
}
.sc_title {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.sc_bio {
    font-size: 14px;
    line-height: 21px;
    float: left;
    width: calc(100% - 155px);
}
.sc_bio p {
    font-size: 14px !important;
    line-height: 21px !important;
}
.aboutwriter {
    background: #eee;
    padding: 15px 20px 0;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.aboutwritertitle {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height: 36px;
    margin-bottom: 10px;
}
.aboutwriter img {
    width: 100%;
}
.photocredit {
    padding-top: 5px;
}

.trendingheadline {
    margin-left: 5px;
}
.sno-trending-widget a {
    text-decoration: none !important;
}
a:hover .th_link {
    text-decoration: underline;
}
#sno_longform .parallaxtitle {
    font-size: 18px;
    line-height: 26px;
}
.lf_caption a,
#sno_longform .lf_caption p {
    color: #fff !important;
}
.lf_caption .parallaxtitle {
    text-align: left;
}
.lf_caption .bottom-left {
    left: 20px;
    bottom: 20px;
    right: auto;
    top: auto;
}
.lf_caption .bottom-right {
    right: 20px;
    bottom: 20px;
    left: auto;
    top: auto;
}
.photocaption {
    margin-top: 8px;
    margin-bottom: 8px;
}
#sno_longform .hsContent .parallaxoverlay {
    padding: 1px 10px 1px;
}
.lf-immersive-caption {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
}
.breakingnewswrap {
    overflow-y: hidden;
}

/* IE Fix */
/*#subnavbar, #navbar { overflow-y: visible!; }*/

#sno_longform .storybody ul li ul,
#sno_longform .storybody ul li ul li,
#storypage ul li ul li {
    font-size: 1em !important;
}
#classic_story ul li:not(#sno-comments-side li) ul li, #storypage ul li:not(#sno-comments-side li) ul li, #storypage.full-width ul li:not(#sno-comments-side li) ul li {
    font-size: 1em !important;
    line-height: 1.4em !important;
}
#storypage.full-width ul li:not(#sno-comments-side li) ul li {
	background-position-y: 7px;
}
.carousel-widget .carouselslider .slides img {
    position: absolute !important;
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;
}

.fw2d-img-wrap img,
.fw2-panel img,
img.fw3-image,
.fw1-panel-img img,
.grid-widget-tile img,
.flexslider .slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fw2d-img-wrap img.grow {
    width: 101%;
    height: 101%;
    object-fit: cover;
}
.catboxthumbsmall img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.page_template .postarea {
    width: calc(100% - 340px);
}
.snods_winner_circle {
    background: #000;
    padding: 20px;
    border: 3px solid #b5a672;
}
.snods_icon_area {
    border-left: 3px solid #b5a672;
    border-bottom: 3px solid #b5a672;
    border-right: 3px solid #b5a672;
    color: #b5a672;
}
.snods_winner_circle_wide {
    background: #000;
    padding: 20px;
    border: 3px solid #b5a672;
    float: left;
}
.snods_icon_area_wide {
    width: calc(100% - 179px);
    float: left;
    border-top: 3px solid #b5a672;
    border-bottom: 3px solid #b5a672;
    border-right: 3px solid #b5a672;
    color: #b5a672;
    float: left;
}

.sno_carousel_nav_left {
    position: absolute;
    top: calc(50% - 30px);
    left: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.sno_carousel_nav_right {
    position: absolute;
    top: calc(50% - 30px);
    right: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.sno_slideshow_nav_left {
    position: absolute;
    top: calc(50% - 30px);
    left: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.sno_slideshow_nav_right {
    position: absolute;
    top: calc(50% - 30px);
    right: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
button.custom-navigation {
    border: none;
    background: none;
}
button.custom-navigation .slideshow_left,
button.custom-navigation .slideshow_right {
    padding-left: 10px;
    padding-right: 10px;
}

.flexslider:hover .sno_carousel_nav_left,
.flexslider:active .sno_carousel_nav_left,
.flexslider:focus-within .sno_carousel_nav_left {
    left: 0px;
}
.flexslider:hover .sno_carousel_nav_right,
.flexslider:active .sno_carousel_nav_right,
.flexslider:focus-within .sno_carousel_nav_right {
    right: 0px;
}
.flexslider:hover .sno_slideshow_nav_left,
.inline-slideshow-area:focus .flexslider .sno_slideshow_nav_left,
.flexslider:focus-within .sno_slideshow_nav_left {
    left: 0px;
}
.flexslider:hover .sno_slideshow_nav_right,
.inline-slideshow-area:focus .flexslider .sno_slideshow_nav_right,
.flexslider:focus-within .sno_slideshow_nav_right {
    right: 0px;
}
.inline-slideshow-area:focus-within .inline-caption-container {
    opacity: 1;
}


.inline-thumb-navigation-area .ti_left {
    position: absolute;
    top: calc(50% - 25px);
    left: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.flexslider:hover .ti_left {
    left: 0px;
}

.carousel_left,
.carousel_right,
.slideshow_navigation {
    color: #fff;
    height: 64px;
    width: 50px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 40px;
    opacity: 1;
    text-align: center;
    background: rgba(0, 0, 0, 1);
    cursor: pointer;
}
.sno_slideshow_left,
.carousel_left {
    border-radius: 0 5px 5px 0;
}
.sno_slideshow_right,
.carousel_right {
    border-radius: 5px 0 0 5px;
}
.carousel_left:hover,
.carousel_right:hover {
    cursor: pointer;
    opacity: 0.8;
}

.slideshow_left,
.slideshow_right {
    color: #fff;
    height: 64px;
    width: 50px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 40px;
    opacity: 1;
    text-align: center;
    background: rgba(0, 0, 0, 1);
}
.slideshow_left:hover,
.slideshow_right:hover {
    cursor: pointer;
    opacity: 0.8;
}

.sno_thumbnail_nav_left {
    position: absolute;
    top: calc(50% - 25px);
    left: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.sno_thumbnail_nav_right {
    position: absolute;
    top: calc(50% - 25px);
    right: -75px;
    z-index: 1000;
    transition: all 0.5s ease;
}
.flexslider:hover .sno_thumbnail_nav_left {
    left: 0px;
}
.flexslider:hover .sno_thumbnail_nav_right {
    right: 0px;
}
.thumbnail_left,
.thumbnail_right {
    color: #fff;
    height: 50px;
    width: 50px;
    transition: all 0.3s ease-in-out;
    font-size: 40px;
    line-height: 40px;
    opacity: 1;
    text-align: center;
    background: rgba(0, 0, 0, 1);
}
.thumbnail_left {
    border-radius: 0 5px 5px 0;
}
.thumbnail_right {
    border-radius: 5px 0 0 5px;
}
.thumbnail_left:hover,
.thumbnail_right:hover {
    cursor: pointer;
    opacity: 0.8;
}

.aboutwriter .printfriendly {
    display: none;
}
#sno_teaserbar .flexslider {
    box-shadow: none;
}
.bestofsno-badge {
    padding-top: 20px;
    padding-bottom: 20px;
}
.bestofsno-badge img {
    max-width: 100%;
    width: 300px;
    display: block;
    margin: 0 auto;
}
.thumbnailslider {
    overflow: hidden;
}

.catwidgetleft img {
    width: 100%;
}

.sfi_left,
.sfi_right {
    width: 50px;
    color: #ccc;
    height: 70px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 63px;
    opacity: 0.5;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    background: rgba(255, 255, 255, 0.2);
}
.sfi_left {
    position: absolute;
    left: 5px;
}
.sfi_right {
    position: absolute;
    right: 5px;
}
.sfi_left:hover,
.sfi_right:hover {
    color: #fff;
    opacity: 1;
}
.sfi-thumbnails {
    width: calc(100% - 120px);
    top: 5px;
    bottom: 5px;
    margin: 0 auto;
    border: none;
    overflow: hidden;
}

.remodal .flexslider {
    margin-bottom: 0px;
}
.sfi-thumb-navigation-area img:hover {
    opacity: 1;
}
.sfi-thumb-navigation-area img {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    opacity: 0.7;
}
.slideshow-caption-container {
    padding: 30px;
    height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
}
.photo-caption-container {
    padding: 30px;
    height: calc(100vh - 112px);
}
.remodal-close,
.modal-close {
    z-index: 1000;
}
.remodal-story-image .remodal-close:hover, 
.remodal-story-collection .modal-close:hover {
    color: rgba(255, 255, 255, 1);
}
.modal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    background: transparent;
}
.modal-close:hover,
.modal-close:focus {
    color: #2b2e38;
}
.modal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}
.v-divider {
    color: rgba(255, 255, 255, 0.7);
    padding: 0 3px;
}
.slideshow-caption-container,
.photo-caption-container {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.sfi_has_caption {
    width: 75%;
}
p.photocaptionremodal {
    color: #fff;
}
.remodal-wrapper::after {
    margin-left: 0px;
}
.sfi-slideshow-area .flexslider .slides img {
    object-fit: scale-down;
    height: 100%;
    width: 100%;
}
.inline-slideshow-area .flexslider .slides img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 400px;
}
.inline-slideshow-area ul li {
    background: none !important;
}
.inline-slideshow-area ul {
    margin: 0 !important;
    padding: 0 !important;
}
.inline-slideshow-area li {
    padding: 0 !important;
}
.inlinestoryslide {
    position: relative;
}
.inline-caption-container {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin: 5px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.6s ease-in-out;
    max-height: 37.5%;
    overflow-y: auto;
}
.inline-slideshow:hover .inline-caption-container {
    opacity: 1;
}
.inline-caption-container p {
    padding-bottom: 0 !important;
}
.sfiphotowrap {
    position: relative;
    cursor: pointer;
}
li.inline-thumb {
    padding-left: 0px !important;
}
.inline-thumbnails {
    border: none;
    max-height: 70px;
    overflow-y: hidden;
    margin-bottom: 0;
}
.inline-thumb-navigation-area .ti_left {
    margin-top: 0;
    background: #000;
    background: #000;
    left: 0px;
    opacity: 1;
}
.inline-thumb-navigation-area .ti_right {
    margin-top: 0;
    background: #000;
    background: #000;
    right: 0px;
    opacity: 1;
}
.inline-thumb-navigation-area .sfi-slideshow {
    border: none;
}
.ti_left,
.ti_right {
    position: absolute;
    width: 50px;
    color: #ccc;
    height: 70px;
    transition: all 0.3s ease-in-out;
    font-size: 60px;
    line-height: 63px;
    text-align: center;
    cursor: pointer;
}
.ti_left:hover,
.ti_right:hover {
    background: rgba(0, 0, 0, 0.8);
}
.flexslider.inline-slideshow {
    border: none;
    margin-top: 1px;
    margin-bottom: 0;
    background: #000;
}
.widgetwrap .flexslider.inline-slideshow {
    background: #000 !important;
}
li.inlinestoryslide {
    padding-left: 0px !important;
}
.inline-caption-container .photocredit a {
    color: #fff;
}
.flexslider ::selection {
    background: none;
}
.inline-thumbnails {
    overflow-x: hidden;
}
.inline-slideshow-area {
    margin-bottom: 40px;
}
.widgetwrap .inline-slideshow-area {
    margin-bottom: 0px;
}
.widgetwrap li.inlinestoryslide,
.widgetwrap li.inline-thumb {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.flexslider .slides img.forcefill,
.single-photo-container img.forcefill {
    object-fit: cover;
}
.single-photo-container img.forcefill {
    max-height: unset;
    height: 100%;
    width: 100%;
    margin: 0 !important;
}
.widgetwrap p.photocaptioninline {
    font-size: 1.3em;
    line-height: 1.3em;
}
.widgetwrap .slides img.scaledown {
    object-fit: scale-down;
}
.inline-thumbnails {
    margin: 0 auto;
}
.thumb_class_8 {
    width: calc(12.5% - 1.75px);
}
.thumb_class_8:nth-child(8n) {
    margin-right: 0px;
}
.thumb_class_7 {
    width: calc(14.28% - 1.71px);
}
.thumb_class_7:nth-child(7n) {
    margin-right: 0px;
}
.thumb_class_6 {
    width: calc(16.66% - 1.66px);
}
.thumb_class_6:nth-child(6n) {
    margin-right: 0px;
}
.thumb_class_5 {
    width: calc(20% - 1.6px);
}
.thumb_class_5:nth-child(5n) {
    margin-right: 0px;
}
.thumb_class_4 {
    width: calc(25% - 1.5px);
}
.thumb_class_4:nth-child(4n) {
    margin-right: 0px;
}
.thumb_class_3 {
    width: calc(33.33% - 1.33px);
}
.thumb_class_3:nth-child(3n) {
    margin-right: 0px;
}
.thumb_class_2 {
    width: calc(50% - 1px);
}
.thumb_class_2:nth-child(2n) {
    margin-right: 0px;
}
.thumb_class_1 {
    width: 100%;
    margin-right: 0px;
}
.photo-gallery-thumb img {
    width: 100%;
}
.byline-divider {
    color: rgba(0, 0, 0, 0.3);
    padding: 0 6px;
}
.slideshowwrap {
    background: #000;
    position: relative;
}
.sno-photocredit-wrap {
    padding-bottom: 8px;
    float: right;
    padding-right: 8px;
}
.page_template img,
.classic_story img {
    max-width: 100%;
    height: auto;
}
.full-width .alignleft,
.full-width .alignright,
.full-width .aligncenter,
.full-width .alignnone,
.full-width img {
    max-width: 100%;
    height: auto;
}
#storyrails .alignleft,
#storyrails .alignright,
#storyrails .aligncenter,
#storyrails .alignnone,
#storyrails img {
    max-width: 100%;
    height: auto;
}
#sno_longform .alignleft,
#sno_longform .alignright,
#sno_longform .aligncenter,
#sno_longform .alignnone,
#sno_longform img {
    max-width: 100%;
    height: auto;
}

.sno-inserted-image-overlay {
    background: #000;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: #fff;
    z-index: 1000;
}

/* fix for double inserted caption divs */
.wp-caption .wp-caption {
    border: 0px !important;
    box-shadow: none !important;
    background: unset !important;
    padding: 0 !important;
    margin: 0 !important;
}
.categorypreviewbox .previewstaffpic {
    width: 100%;
}
.topnavbarright .s:focus,
#header .s:focus {
    background-color: #f9f9f9;
    width: 181px;
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
    #classic_story #contentleft {
        max-width: 100% !important;
    }
}
.topnavbarright {
    width: 250px;
    padding: 0px !important;
}
input.s::focus {
    color: #000;
}
.video {
    width: auto;
    border: none;
    padding: 0px;
}
.home-immersion-header {
    border-top: none;
}
.fullscreencatwrap {
    max-width: 980px;
    margin: 0 auto;
}

li.staffselector {
    width: 12em;
}
#staffpage ul.staffyearmenu,
ul.staffyearmenu li {
    background-image: none !important;
    padding-left: 0px !important;
}
#staffpage ul.staffyearmenu a {
    background: #333;
    color: #fff !important;
    cursor: pointer;
    padding: 10px;
}
#staffpage ul.staffyearmenu a:hover {
    background: #666;
}
#staffpage ul.staffyearmenu span.sf-sub-indicator {
    margin-top: 5px;
}
#staffpage ul.staffyearmenu li ul {
    background: #333;
    border-radius: 0;
    margin: 0px !important;
    padding-left: 0px;
}
#staffpage ul.staffyearmenu li ul li {
    margin: 0;
}
#staffpage ul.staffyearmenu li ul li a {
    color: #fff !important;
    border-bottom: none !important;
    line-height: 14px !important;
    padding-top: 10px;
    padding-bottom: 10px !important;
}
#staffpage ul.staffyearmenu ul {
    padding-bottom: 0 !important;
}
#staffpage ul.staffyearmenu li ul li a:hover {
    background: #666 !important;
}
#staffpage ul.sf-menu li {
    border: none;
}
.staffheading h1 {
    margin-top: 10px;
    font-size: 2.5em;
}
h1.staffprofileheading {
    padding-top: 5px;
    font-size: 2em;
}

li.sportselector {
    width: 12em;
}
.sportspage .selectwrap {
    float: left;
}
.sportspage ul.sportmenu,
ul.sportmenu li {
    background-image: none !important;
    padding-left: 0px !important;
}
.sportspage ul.sportmenu a {
    background: #333;
    color: #fff !important;
    cursor: pointer;
    padding: 10px;
}
.sportspage ul.sportmenu a:hover {
    background: #666;
}
.sportspage ul.sportmenu span.sf-sub-indicator {
    margin-top: 5px;
}
.sportspage ul.sportmenu li ul {
    background: #333;
    border-radius: 0;
    margin: 0px !important;
    padding-left: 0px;
}
.sportspage ul.sportmenu li ul li {
    margin: 0 !important;
}
.sportspage ul.sportmenu li ul li a {
    color: #fff !important;
    border-bottom: none !important;
    line-height: 14px !important;
    padding-top: 10px;
    padding-bottom: 10px !important;
}
.sportspage ul.sportmenu ul {
    padding-bottom: 0 !important;
}
.sportspage ul.sportmenu li ul li a:hover {
    background: #666 !important;
}
.sportspage ul.sf-menu li {
    border: none;
}
h1.sportsheading {
    padding-top: 5px;
    font-size: 2em;
}
.sportswidget .selectwrap ul li ul li {
    padding: 0 !important;
}
.sportswidget ul {
    margin-bottom: 0 !important;
}
.sportswidget {
    float: right;
}

.category-description {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    width: 97%;
    padding: 20px 0;
}
.page-description {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    width: 97%;
    padding: 0 0 20px 0;
}
.pagefullwidth #contentleft p {
    font-size: 18px;
    line-height: 28px;
}
.inline-caption-container p {
    color: #fff !important;
}

ul.snotags li,
ul.snocategories li {
    background-image: none !important;
}
ul.snotags,
ul.snocategories {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
ul.snocategories {
    text-align: center;
}
li.blockstag,
li.blockscategory {
    background-color: #990000 !important;
    color: #fff;
    border-radius: 3px;
    padding: 6px 8px !important;
    margin: 0 10px 10px 0 !important;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
li.blockstag:hover,
li.blockscategory:hover {
    background: #990000bb !important;
}
li.blockstag a,
li.blockscategory a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}
li.blockstag a:hover,
li.blockscategory a:hover {
    text-decoration: none;
}
strong,
b {
    font-weight: 700;
}

/* this fixes stories with bad formatting -- caused by not spacing out text in the text editor */
.storycontent br,
.sno-story-body-content br {
    content: '' !important;
    display: block !important;
    margin-bottom: 1em !important;
}

#storypage .wp-caption.alignnone img {
    margin: 0 0 10px 0;
}
.storyheadline {
    font-weight: 400;
}
p.wp-caption-text br {
    display: inline !important;
    content: unset !important;
}
.trending-thumbnail {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sxs-comments-box {
    text-align: center;
    font-size: 18px;
    padding: 15px;
    background: #444;
    color: #fff !important;
    margin-bottom: 30px;
    text-decoration: none !important;
}
a.sxs-comments-link:hover {
    text-decoration: none !important;
}
a.sxs-comments-link:hover .sxs-comments-box {
    background: #000;
}

#sno_longform .chaptermenu ul ul.sub-menu {
    max-height: 90vh;
    overflow-y: auto;
}
.staffprofiledetails {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
img.carousel-image {
    object-fit: cover;
}
.carousel-cover-hover {
    cursor: pointer;
}
.inline-thumb-navigation-area,
.inline-thumb-navigation-area .flexslider,
.inline-slideshow-area {
    background-color: #000000;
}
.chaptermenu ul.sub-menu {
    width: 20em !important;
}
.i-widgetwrap {
    margin: 0px auto;
    max-width: 100%;
}
.i-widgetwrap img {
    max-width: 100%;
}
.widget-shadow {
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
.widgetfooter3 {
    display: none;
}
table.schedulewidget {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
}
p.sportswidgetrow {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
table.schedulewidget tr.schedulerow {
    border-bottom: 1px solid #ccc;
    background: #000;
    color: #fff;
}
table.schedulewidget tr.rosterrowtop {
    border-bottom: unset;
    background: #000;
    color: #fff;
}
td.rosterfirst,
th.rosterfirst {
    text-align: left;
    text-indent: 7px;
}
td.rosterlast,
th.rosterlast {
    text-align: center;
    padding-right: 7px;
}
.widgetwrap .selectwrap ul.sportsmenu li.sportselector {
    background-image: none !important;
}
.sportswidget .selectwrap {
    margin-right: 0px;
    margin-top: -2px;
}
th.sportsheader {
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
}
.widgetwrap.widget-recent-results,
.widgetwrap.widget-sports-schedule {
    overflow: unset;
}
td.rosterright {
    text-align: right;
    padding-right: 7px;
}
p.sportswidgetrow {
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}
table.schedulewidget tr.rosterrowwide {
    font-size: 16px;
    line-height: 30px;
}
table.schedulewidget tr.rosterrownarrow {
    font-size: 14px;
    line-height: 20px;
}
table.schedulewidget tr.rosterrownormal {
    font-size: 14px;
    line-height: 22px;
}
table.standingswidget {
    border-width: 0;
    border-collapse: collapse;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    width: 100%;
}
table.standingswidget tr {
    border-collapse: collapse;
    width: 100%;
}
table td.standingscenter {
    text-align: center;
}
table.standingswidget th {
    font-size: 16px;
    padding: 8px 0;
}
table.standingswidget tbody td {
    font-size: 14px;
    background: #eeeeee;
    padding: 5px 0;
}
table.standingswidget tbody tr {
    border-top: 1px solid #fff;
}
.sportsscore {
    padding-top: 8px;
    margin-bottom: 8px;
}
table.schedulewidget a {
    text-decoration: none;
}
.sports-widget-carousel {
    color: #444;
}
.widgetwrap .sports-widget-carousel ul li {
    background-image: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.scorewrap {
    padding: 10px;
    background: #000;
    color: #fff;
    line-height: 18px;
}
.teaserwrap {
    padding: 10px;
    background: #eee;
    color: #000;
    line-height: 18px;
}
.teaserwrap a {
    color: #000;
}
.sports-widget-carousel ul li a.scorewrap,
.sports-widget-carousel ul li a.scorewrap {
    color: #fff;
}
td.haslink,
td.sportlink {
    cursor: pointer;
}
table.schedulewidget a {
    color: #fff;
}
.widget-sports-list li:hover {
    background: #000;
}
.sno-hac-headline {
    font-size: 16px;
    line-height: 21px;
}
.sno-hac-teaser-photo {
    height: 64px;
    width: 64px;
    max-height: 64px;
    max-width: 64px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.sno-hac-teaser-text {
    height: 64px;
    max-height: 64px;
    overflow-y: hidden;
}
.sno-hac-teaser-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sno-hac-teaser-meta {
    margin-top: 5px;
}
.sports-widget-carousel:hover .flex-pauseplay {
    opacity: 1;
}
.sports-widget-carousel .flex-pauseplay {
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.sports-widget-carousel.flexslider {
    border-width: 0px;
    margin-bottom: 0;
}
.scorewrap p {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sports-widget-carousel .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 22px;
    padding: 5px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    opacity: 0.6;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    padding: 5px 2px 0 6px;
    background: #fff;
    border-radius: 3px;
}
.sports-widget-carousel .flex-pauseplay a:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    content: '\f04c';
}
.sports-widget-carousel .flex-pauseplay a:hover {
    opacity: 1;
}
.sports-widget-carousel .flex-pauseplay a.flex-play:before {
    content: '\f04b';
}
.sc-datesport {
    width: 100%;
}
.sc-datesport {
    font-size: 12px;
    text-align: center;
    background: #444;
    color: #fff;
    font-style: italic;
}
.sc-school {
    width: calc(100% - 40px);
    font-size: 18px;
    text-align: left;
    padding: 0 0 5px 0;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sc-score {
    width: 40px;
    font-size: 18px;
    text-align: right;
    padding: 0 0 5px 0px;
    float: left;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
}
.scorebold {
    font-weight: bold;
}
.sc_vertical {
    max-height: 65px;
    height: 65px;
}
.sc_horizontal {
    max-height: 65px;
    height: 65px;
}
.sc_score_link {
    cursor: pointer;
    border-top: 5px solid #444;
    border-bottom: 5px solid #444;
    height: 60px;
    padding-top: 5px !important;
    transition-timing-function: ease-in;
    transition: 0.3s;
}
.sc_score_link_vertical {
    cursor: pointer;
    border-left: 5px solid #444;
    border-right: 5px solid #444;
    padding-left: 5px !important;
    padding-right: 5px !important;
    transition-timing-function: ease-in;
    transition: 0.3s;
}
.scorewrap-background {
    position: relative;
}
.scorewrap-background div:last-of-type {
    border-bottom: 0px !important;
}
.scheduleheader {
    background: #444;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.scheduleheader:hover {
    background: #222;
}
.scheduleheader .scheduletitle {
    font-size: 18px;
    text-align: left;
    padding: 10px 50px 10px 10px;
    line-height: 26px;
}
.scorewrap-background a:hover {
    text-decoration: none;
}
.widget-sports-list {
    display: none;
    position: absolute;
    right: 0px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #444;
    color: #fff;
    z-index: 3;
    border-top: 1px solid #999;
    overflow-y: auto;
}
.widget-sports-list a,
.widget-sports-list a:hover,
.widget-sports-list a:visited {
    text-decoration: none;
    color: #fff;
}
.widget-sports-list li {
    list-style-type: none;
    background-image: none !important;
    font-size: 18px !important;
    padding: 11px 20px !important;
    border-bottom: 1px solid #555;
    text-align: center;
    margin: 0 !important;
}
.widget-sports-list ul {
    margin-bottom: 0px !important;
}
.sno-sports-selector-icon {
    font-size: 32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 20px;
    position: absolute;
    right: 6px;
    top: 6px;
}
.sno-sports-selector-icon:hover {
    background: #000;
}
.widget-recent-results {
    position: relative;
}
.tablecenter {
    text-align: center;
}
.sportsborderleft {
    border-left: 1px solid #fff;
}
/* ul.sf-menu ul.sub-menu { max-width: 20em !important; width: 20em !important; } */

.sno-profile-card {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.sno-profile-card-image,
.sno-trending-card-image {
    width: 100%;
    overflow: hidden;
}
.sno-profile-card-image img,
.sno-trending-card-image img,
.sno-trending-card-image-small img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sno-profile-card-text {
    background: #fff;
    padding: 20px;
}
.sno-profile-name,
.sno-profile-title {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sno-profile-small-photo .sno-profile-card-image {
    width: 25%;
    float: left;
    margin-right: 20px;
}
.sno-profile-small-photo .sno-profile-title {
    font-size: 16px;
    line-height: 24px;
}
.sno-profile-small-photo .sno-profile-card-title {
    float: left;
}
.sno-card-teaser {
    margin-top: 10px;
    text-align: left;
}
.sno-center-v {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sno-center-v-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sno-profile-card-header-wrap {
    position: relative;
}
.sno-widget-card-wrapper div:nth-last-child(2) {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}
.sno-profile-image-placeholder {
    display: none;
}
.sno-show-placeholder-image .sno-profile-image-placeholder {
    background: #cccccc;
    display: block;
}
.sno-card-title-no-image {
    width: 100% !important;
    text-align: center;
}
.sno-vertical-stack .sno-card-title-no-image {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}
.sno-card-photo-right .sno-profile-card-image {
    float: right;
    margin-right: 0;
}
.sno-card-photo-left .sno-profile-card-image {
    float: left;
    margin-left: 0;
}
.sno-card-photo-right .sno-profile-small-photo .sno-profile-card-title {
    float: right;
}
.sno-card-photo-right .sno-center-v {
    right: unset;
    left: 0;
}
.sno-card-slim-title {
    position: absolute;
    top: 0;
    right: 0;
}
.sno-card-slim-title-left {
    float: left !important;
}
.newembedcontainer {
    position: relative;
    overflow: hidden;
}
.newembedcontainer iframe,
.newembedcontainer object,
.newembedcontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.snotextwidget {
    font-size: 14px;
    line-height: 21px;
}
.sno-trending-widget .widgetbody {
    padding-bottom: 10px;
}

.sno-trending-meta {
    background: #000;
    color: #fff;
    z-index: 1;
}
.trending-number-meta {
    float: left;
    padding: 7px 12px;
}
.trending-views-meta {
    float: right;
    padding: 7px 12px;
}
.sno-trending-card-photo-wrap {
    position: relative;
}
.sno-card-story-meta {
    margin-top: 10px;
}
.sno-trending-card-photo-wrap {
    overflow: hidden;
}
.sno-trending-card-image {
    min-width: 100%;
}
.sno-trending-widget .sno-profile-image-placeholder {
    min-width: 100%;
}
.sno-trending-meta-wrap {
    position: relative;
}
.sno-trending-card-image-small {
    overflow: hidden;
}
.sno-trending-card {
    cursor: pointer;
}
.hsContainer {
    border-bottom: 5px solid #000;
}
.sno-story-card-photo-wrap {
    overflow: hidden;
}
.sno-story-card-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sno-story-card-text-wrap {
    position: relative;
}
.story-widget-inner-wrap div:last-of-type {
    margin-bottom: 0 !important;
}
.sno-story-card {
    cursor: pointer;
    overflow: hidden;
}
.sno-story-image-placeholder {
    display: block;
    background: #cccccc;
}
.dual-story-image-placeholder {
    display: block;
    width: 0 !important;
}
.sno-story-card-photo-wrap {
    max-width: 100%;
}
.story-widget-secondary,
.story-widget-primary {
    float: left;
}
.dual-format-photo-wrap {
    overflow: hidden;
    max-width: 33%;
}
.story-widget-secondary > div:last-of-type {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.story-widget-secondary > div:last-of-type > div {
    margin-bottom: 0 !important;
}
.dual-format-card,
.sno-story-card {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.sno-center-v-dual {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.postarea .newembedcontainer {
    margin-bottom: 10px;
}
.sno-story-list-widget .topstorycat {
    line-height: 26px;
}
.sports-widget-carousel .flex-viewport {
    height: 85px;
}
.grid-widget-tile .gridwidgetoverlay {
    padding-bottom: 5px;
}
.storybody iframe {
    max-width: 100%;
}
.sidebarimage {
    margin: auto;
    width: 300px;
    max-width: calc(100% - 20px);
    height: auto;
    margin-bottom: 20px;
    cursor: pointer;
    padding: 10px;
    background: #eee;
}
.snodnetwork-story-wrap .snodnetwork {
    float: right;
    margin-left: 15px;
}
.snodnetwork-widget-wrap {
    background: #eee;
    width: 100%;
}
.snodnetwork-widget-wrap .snodnetwork {
    margin: 0 auto;
}
.snods_leaderboard,
.snods_footer {
    margin: 0px auto;
    float: none;
}
.sno-grid-deck,
.sno-carousel-deck {
    margin-top: 20px;
    margin-bottom: 20px;
}

.catlist-panel {
    position: relative;
}
.catlist-panel-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catlist-panel h2 {
    margin-top: 0;
}
.catlist-meta {
    line-height: 1.4em;
}
.catlist-panel img {
    cursor: pointer;
}
.catlist-panel-inner {
    background: #ffffff;
}
.catlist-panel-media {
    position: relative;
}
.sno-infinite-scroll-button {
    background: #eee;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
}
.sno-infinite-scroll-button-active {
    cursor: pointer;
}
#catpage #contentleft {
    padding-bottom: 0px;
}
.catlist_with_sidebar > div:first-of-type:not(.profile_bio_wrap, .sno-staff-profile-bar) {
    padding-top: 0;
}

.catlist_fullwidth_wrap > div:first-of-type {
    padding-top: 0;
}
.catlist_fullwidth_wrap {
    margin-bottom: 15px;
}
#catpage .continue {
    padding-top: 0;
    line-height: 33px;
    padding-bottom: 0px;
}
#catpage .postarea .newembedcontainer {
    margin-bottom: 0;
}
#contentleft ol.wp-paginate {
    margin: 0;
}
ol.wp-paginate li span.title {
    display: none;
}
ol.wp-paginate {
    text-align: center;
}
.category-pagination {
    padding: 15px;
}
.catlist-panel-media-video-above {
    height: unset !important;
}

.catlist-tile {
    float: left;
    position: relative;
}
.catlist-tile-media-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.catlist-tile-media-photo,
.catlist-tile-media-video {
    overflow: hidden;
}
.catpage-tiles-column {
    float: left;
}
.sno-tile-hidden {
    display: none;
}
.catlist-tile {
    transition: all 0.3s ease-in-out;
}
.sno-tile-clickable {
    cursor: pointer;
}
.catlist-tile:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
#catpage main {
    overflow-x: visible;
}
#catpage #contentleft p {
    padding-bottom: 0;
}
.sd-content ul li {
    background: none !important;
    padding-left: 0 !important;
    margin-right: 10px !important;
}
.sno-viewing-draft-notice {
    background: #990000aa;
    color: #fff;
    position: fixed;
    bottom: 10px;
    min-width: 400px;
    max-width: 100%;
    padding: 15px;
    margin: 0 auto;
    font-size: 20px;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    transition: background 0.3s ease-in-out;
    border-radius: 5px;
    cursor: default;
}
.sno-viewing-draft-notice:hover {
    background: #990000dd;
}
.sno-viewing-draft-notice a {
    color: #fff !important;
}
.sno-widget-area-row {
    float: left;
    display: block;
    width: 100%;
}
.sno-widget-area-container {
    float: left;
    min-height: 1px;
}
.sno-widget-area-container:last-of-type {
    margin-right: 0px;
}
.sno-widget-area-container .sno-widget-area-row:last-of-type {
    margin-bottom: 0px;
}
.profile_bio_wrap {
    width: 80%;
    margin: 0 auto;
}
.sno-profile-fade {
    opacity: 0;
    position: absolute;
}
.profile-panel-media {
    width: 200px;
    height: 133px;
    margin-right: 15px;
    float: left;
}
.profile-panel-media img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}
.profile-textarea-with-media {
    width: calc(100% - 215px);
    float: left;
    position: relative;
}
.profile_bio_wrap h2 {
    margin-top: 0;
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.profile-teaser p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5em;
}
.sno-staff-profile-bar {
    text-align: center;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.profile-textarea-inner {
    width: 100%;
}
.profile_icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.profile_icon i {
    font-size: 30px;
    line-height: 40px;
    width: 40px;
    text-align: center;
}
.profile_bio_wrap .sharing {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
}
.profile-sharing-area {
    text-align: center;
}
.sno_email {
    background: #1f385c;
    color: #fff;
}
.profile_icon.sno_email {
	width: 41px;
}
.sno_email:hover {
    color: #1f385c;
    background: #fff;
}
.sno_facebook {
    background: #3b5998;
    color: #fff;
}
.sno_facebook:hover {
    color: #3b5998;
    background: #fff;
}
.sno_twitter {
    background: #000000;
    color: #fff;
}
.sno_twitter:hover {
    color: #000000;
    background: #fff;
}
.sno_instagram {
    background: #675144;
    color: #fff;
}
.sno_instagram:hover {
    background: #fff;
    color: #675144;
}
.sno_linkedin {
    background: #006097;
    color: #ffffff;
}
.sno_linkedin:hover {
    background: #ffffff;
    color: #006097;
}
.sno_tiktok {
    background: #FE2C55;
    color: #fff;
}
.sno_tiktok:hover {
    background: #fff;
    color: #FE2C55;
}
.sno_snapchat {
    background: #fffc00;
    color: #ffffff;
}
.sno_snapchat:hover {
	color: #fffc00;
	background: #ffffff;
}
.sno_snapchat i {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}
.sno_youtube {
    background: #ff0000;
    color: #fff;
}
.sno_youtube:hover {
    background: #fff;
    color: #ff0000;
}
.sno_portfolio {
    background: #228B22;
    color: #fff;
}
.sno_portfolio:hover {
    background: #fff;
    color: #228B22;
}
.staffnameblock {
    display: block;
    margin-top: 15px;
    text-align: center;
}
#staffpage .catlist-tile-media-photo {
    margin-bottom: 10px;
}
#mobile-socialmedia .sharing {
    width: 100%;
}
#mobile-socialmedia .sharing-icon {
    float: left;
}
#fullwrap {
    position: relative;
}
.sno-designer-area-row {
    float: left;
    display: block;
    width: 100%;
}
.sno-designer-area-container {
    float: left;
    min-height: 1px;
}
.sno-hac-inner {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.sno-hac-headerimage,
.sno-hac-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sno-hidden-title {
    display: none;
}
.sno-hac-iconwrap {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    font-size: 0px; /* to block the inline spacing issue */
}
.sno-hac-iconwrap .sno-icon {
    display: inline-block;
    float: unset;
}
.sno-hac-iconwrap a:hover {
    text-decoration: none !important;
}
.sno-hac-menuwrap {
    display: inline-block;
    font-size: 0;
} /* to block the inline spacing issue */
.sno-hac-menuwrap .sf-menu a {
    padding-top: 0;
    padding-bottom: 0;
}
.sno-hac-menuwrap .sf-menu a > .sf-sub-indicator {
    top: 1.1em;
}
.sno-hac-menuwrap li ul {
    text-align: left;
}
.sno-hac-menuwrap li {
    vertical-align: middle;
}
.sno-hac-center-v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    right: 10px;
}
.sno-search-center-v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
}
.sno-marquee-center-v,
.sno-menu-center-v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.sno-submit-search-button {
    transition: all 0.3s ease-in-out;
}
.search-input-container {
    transition: all 0.3s ease-in-out;
}
.sno-hac-searchwrap {
    width: 100%;
}
.sno-hac-searchwrap .s {
    width: 100%;
}
.menu-more-item-top {
    float: left;
}
.sno-hac-button {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}
.sno-hac-spotwrap {
    max-width: 728px;
    margin: 0 auto;
}
.sno-hac-spotwrap img {
    max-width: 728px;
}
.sno-hac-adgroup-wrap img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    max-width: 100%;
    max-height: 100%;
}
.sno-hac-inner h1 {
    line-height: 1.4em;
}
.marquee-angle {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-right: none;
    float: left;
}
.comment-side-icon {
    background: #2e7061;
}
.like-side-icon {
    background: #862635;
}
.facebook-side-icon {
    background: #3b5998;
}
.twitter-side-icon {
    background: #000000;
}
.pinterest-side-icon {
    background: #c92228;
}
.reddit-side-icon {
    background: #00bf8f;
}
.email-side-icon {
    background: #1f385c;
}
.print-side-icon {
    background: #546b8b;
}

.simple-marquee-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.simple-marquee-container {
    width: 100%;
    background: grey;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 45px;
    position: relative;
    cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
    padding: 0 50px;
    background: rgb(61, 61, 61);
    height: 45px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}
.simple-marquee-container .marquee-inverse-angle {
    z-index: 2000;
}

.simple-marquee-container .marquee,
.simple-marquee-container *[class^='marquee'] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
}

.simple-marquee-container .marquee-content-items {
    display: inline-block;
    padding: 0 10px;
    margin: 0;
    height: 45px;
    position: relative;
}

.date-background {
    padding: 5px 10px;
    margin-right: 10px;
}

.simple-marquee-container .marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff;
    opacity: 0;
}

/* .sno-hac-menuwrap,
.sno-classic-menuwrap {
    overflow-y: hidden;
} */
.sno-hac-row-wrap {
    margin: 0 auto;
    position: relative;
}
.sno-hac-menu-icon,
.sno-hac-search-icon {
    text-align: center;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
}
.sno-hac-hamburger-menu {
    display: none;
    z-index: 1000;
    font-size: 0;
    overflow-y: scroll;
}
.sno-hac-search-icon-bar {
    display: none;
    z-index: 1001;
    text-align: center;
}
.sno-hac-menu-mobile-header {
    display: none;
    padding-bottom: 15px;
}
.sno-hac-search-inner-wrap {
    max-width: 80%;
    width: 500px;
    margin: 0 auto;
    position: relative;
}
.hac-search {
    background: #eee;
    width: 500px;
    max-width: 80%;
    color: #000000;
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px 2px 5px;
    border-top: 1px solid #666666;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #dddddd;
    display: inline;
    transition: 0.3s all ease-in-out;
}
.hac-search:focus {
    background-color: #f9f9f9;
}
input.hac-search {
    border-radius: 2px;
    font-size: 18px;
    height: 18px;
    line-height: 1.2em;
    padding: 6px 10px;
    background: #fff;
}
.sno-hac-submit-search-button {
    background: #fff;
    border-radius: 0px;
    border: none;
    font-size: 18px;
    color: #aaa;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    top: 3px;
    bottom: 3px;
    background: transparent;
}
.sno-hac-button-wrap a {
    display: inline-block;
}
.sno-hac-row-wrap .navbarwrap,
.sno-hac-row-wrap .subnavbarwrap,
.sno-hac-row-wrap .sno_teaserbar_home,
.sno-hac-row-wrap .leaderboardwrap,
.sno-hac-row-wrap .breakingnewswrap,
.sno-hac-row-wrap .topnavwrap {
    border-top: none !important;
    border-bottom: none !important;
}
.sno-hac-row-wrap .breakingnewswrap,
.sno-hac-row-wrap #topnavbar,
.sno-hac-row-wrap #navbar,
.sno-hac-row-wrap #navbar a,
.sno-hac-row-wrap #subnavbar,
.sno-hac-row-wrap #subnavbar a {
    background-image: none !important;
}
.sno-designer-area-row.sno-header-row-stick.scroll-to-fixed-fixed {
    margin-top: 0px !important;
}
.sno-header-wrap-desktop > .sno-designer-area-row:not(.sno-designer-row-fullscreen) {
    margin-top: 20px;
}
.sno-header-wrap-desktop > .sno-designer-area-row:not(.sno-designer-row-fullscreen) ~ .sno-designer-area-row {
    margin-top: 0;
}
/* .scroll-to-fixed-fixed { margin-top: 0 !important; } */
.sno-footer-wrap-desktop-footer > .sno-designer-row-fullscreen:first-of-type {
    margin-top: 20px;
}
.sno-footer-wrap-desktop-footer > .sno-designer-row-fullscreen ~ .sno-designer-row-fullscreen {
    margin-top: 0;
}
.sno-newpage-notice {
    border: 1px solid #bee5eb;
    color: #0c5460;
    background: #d1ecf1;
    font-size: 24px;
    line-height: 36px;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
}
.sno-newpage-notice a {
    color: #062c33 !important;
    font-weight: bold;
}
.sno-notice-private {
    font-size: 12px;
    margin-top: 10px;
    border-top: 1px solid #bee5eb;
}
.sno-hac-menuwrap li a::before {
    content: '';
    position: absolute;
    transition: 0.3s all ease-in-out;
    border-left: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
.sno-hac-search-icon i {
    transition: 1s all ease-in-out;
}
.sno-hac-date p,
.sno-hac-header-text p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sno-hac-header-text h1,
.sno-hac-header-text .siteheadingh1 {
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
}

ul.vertical-menu li a {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    width: calc(100% - 30px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
ul.vertical-menu li a:hover {
    text-decoration: none !important;
}
.sno-hac-menuwrap ul.vertical-menu li {
    position: relative;
    list-style-type: none !important;
}

.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers {
    position: unset !important;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul {
    width: 100% !important;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    display: none;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul li {
    width: 240px !important;
}
.sno-hac-menuwrap ul.menu-with-teasers li ul li:not(.menu-ta-wrap) a {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
.sno-hac-menuwrap li.menu-item-has-children:not(.sub-menu-teasers) ul {
    max-width: 12em;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul li.menu-ta-wrap {
    position: absolute !important;
    width: 100% !important;
    right: 0;
    top: 0;
    padding: 0;
    z-index: -5;
    color: #000;
    text-transform: none;
    transition: 0.3s all ease-in-out;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul li:first-of-type {
    position: relative !important;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul .menu-ta {
    width: calc(100% - 280px);
    float: right;
    padding: 20px 20px 20px 20px;
    display: block;
    overflow: hidden;
    white-space: normal;
}
.sno-hac-menuwrap ul.menu-with-teasers li.sub-menu-teasers ul .menu-ta-full {
    width: calc(100% - 40px);
    float: right;
    padding: 20px 20px 20px 20px;
    display: block;
    overflow: hidden;
    white-space: normal;
}
.sno-menu-card .sno-story-card-photo-wrap {
    height: 150px;
    background: #eee;
}
.sno-menu-card {
    position: relative;
}
.sno-hac-menuwrap .sno-story-card-link a {
    white-space: normal !important;
    text-overflow: unset !important;
    font-size: 18px;
    line-height: 1.35em;
    padding-left: 0;
    padding-right: 0;
}
.sno-hac-menuwrap .sno-story-card-link a:hover {
    background: none !important;
}
.sno-menu-card .sno-menu-card-text-wrap {
    padding-top: 10px;
    width: 100%;
}
.sno-menu-card .menu-card-no-photo {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
}
.sno-menu-card {
    margin-right: 20px;
    float: left;
}

.menu-ta-full .sno-menu-card-6 {
    width: calc(16.66% - 17px);
}
.menu-ta .sno-menu-card-6 {
    width: calc(20% - 16px);
}
.menu-ta .sno-menu-card-6:nth-child(6) {
    display: none;
}
.menu-ta .sno-menu-card-6:nth-child(5) {
    margin-right: 0 !important;
}

.menu-ta-full .sno-menu-card-5 {
    width: calc(20% - 16px);
}
.menu-ta .sno-menu-card-5 {
    width: calc(25% - 15px);
}
.menu-ta .sno-menu-card-5:nth-child(5) {
    display: none;
}
.menu-ta .sno-menu-card-5:nth-child(4) {
    margin-right: 0 !important;
}

.menu-ta-full .sno-menu-card-4 {
    width: calc(25% - 15px);
}
.menu-ta .sno-menu-card-4 {
    width: calc(33.33% - 13.33px);
}
.menu-ta .sno-menu-card-4:nth-child(4) {
    display: none;
}
.menu-ta .sno-menu-card-4:nth-child(3) {
    margin-right: 0 !important;
}
.sno-menu-card-meta {
    margin-bottom: 10px;
}

.sub-menu-teaser-bank,
.sub-menu-teaser-display {
    display: none;
}
ul.menu-with-teasers li.sub-menu-teasers ul,
ul.menu-with-teasers li.sub-menu-teasers:not(.menu-item-has-children) ul .menu-ta-full {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.sno-hac-menuwrap {
    position: relative;
}
.sno-menu-card:last-of-type {
    margin-right: 0 !important;
}
.sno-menu-card a {
    display: block !important;
}
.catlist-tile-inner {
    overflow-y: hidden;
    overflow-x: hidden;
}
.sno-hac-spotwrap .leaderboardwrap,
.sno-hac-spotwrap .footerboardwrap {
    border-bottom: none !important;
}
.snoads-unplaced {
    padding-top: 15px;
    padding-bottom: 15px;
}
.sno-hac-menu-mobile-name {
    text-overflow: ellipsis;
    overflow-y: hidden;
    white-space: nowrap;
}
.sno-hac-menu-mobile-graphic {
    width: calc(100% - 60px);
    float: left;
    margin-bottom: 15px;
    max-height: 50px;
    overflow: hidden;
}
.sno-hac-menu-mobile-graphic img {
    max-height: 50px;
}
.sno-staff-profile-view .postarea {
    background: unset !important;
}
.sno-widget-style-7-wrap {
    overflow: hidden;
    margin-bottom: 0px;
}
.widget7.widgettitle {
    margin-top: 1px;
    margin-bottom: 1px;
}
.sno-widget-style-4-wrap {
    margin: 0px 0px 0px 0px;
    padding: 10px 9px 0px 9px;
    overflow: hidden;
}
.sno-widget-style-8-wrap {
    overflow: hidden;
}
#storypage p {
    overflow-wrap: break-word;
}
.sno-leaderboard-master-ad,
.sno-footer-master-ad {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    display: flex;
    justify-content: center;
}
.sno-leaderboard-master-ad img,
.sno-footer-master-ad img {
    max-width: 100%;
}
#leaderboard,
#footerboard {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
.footerboardwrap #footerboard {
    padding-left: 15px;
}
.widget2.widgettitle {
    text-align: center;
    position: relative;
    z-index: 1;
}
.widget2.widgettitle:before {
    content: '';
    position: absolute;
    z-index: -1;
}
.widget2.widgettitle:after {
    display: inline-block;
}
.sno-w-title {
    display: inline-block;
}
.widget5.widgettitle .sno-w-title-before {
    float: left;
}
.widget5.widgettitle .sno-w-title-after {
    float: left;
    display: block;
}
.widget5.widgettitle {
    text-align: left;
    float: left;
    overflow: hidden;
}
.widget5.widgettitle .sno-w-title {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    display: block;
}
.menu-ta .sno-story-card-photo-wrap {
    cursor: pointer;
}
.search-results-empty {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 24px;
    line-height: 40px;
    padding-top: 20px !important;
}
#wpadminbar #wp-admin-bar-edit-staff-profile a.ab-item:before {
    content: '\f464';
    top: 3px;
}
.infographicwidget iframe {
    max-width: 100%;
}
ul.sno-hac-menu-more ul.sub-menu {
    left: unset;
    right: 12em;
}
ul.sno-hac-menu-more {
    right: 0;
    left: unset;
}
ul.sno-hac-menu-more ul.sub-menu ul.sub-menu {
    right: 100% !important;
    left: unset !important;
}
ul.sno-hac-menu-more a.sf-with-ul:after {
    border: 0px !important;
}
.sno-footer-wrap ul.sf-menu > li > ul {
    top: unset;
    bottom: 100%;
}

.sno-email-captcha {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 10px 15px;
    margin-top: 15px;
    font-size: 16px;
    color: #721c24;
    text-align: center;
    display: none;
}
.sno-email-captcha-button:hover {
    background: #4e070e;
}
.sno-email-captcha-button {
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #4e070e;
    color: #fff;
    cursor: pointer;
    background: #721c24;
    transition: all 0.3s ease-in-out;
}
#submit_email:disabled {
    background: #ddd;
    color: #888;
}
input.invalid-input {
    background: #cc0000 !important;
    color: #ffffff !important;
}
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: unset;
}
.sports-widget-carousel *, .sports-widget-carousel ::before, .sports-widget-carousel ::after {
    box-sizing: content-box;
}
.sno_comment_email_verification {
    color: #856404;
    padding: 8px 15px;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    margin: 15px 0 0 0;
    line-height: 18px;
    display: none;
}

/* insertion point workpoint */
.sno-hac-menu-side-display li ul {
    position: unset;
}
.sno-hac-menu-side-display li {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}
.sno-hac-menu-side-display ul li:hover ul { display: none; }
.sno-hac-menu-side-display ul li li:last-of-type { border-bottom: none; }
.sno-hac-menu-side-display ul > li.menu-item-has-children > a:after { 
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
}
.sno-hac-menu-side-display ul > li.menu-item-has-children > a.sno-menu-expanded:after { 
    border: none;
}
.sno-hac-menu-side-display ul li li a { 
    padding-left: 40px; 
}


@media screen and (max-width: 800px) {
    #wpadminbar {
        display: none !important;
    }
    #sno_hoverbar {
        display: none !important;
    }
    .sno-hac-hamburger-menu div > ul > li {
        margin-bottom: 3px;
    }
    .sno-hac-hamburger-menu li {
        transition: 0.3s all ease-in-out;
    }
    .sno-hac-hamburger-menu li a {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
        float: right;
        width: calc(100% - 25px);
    }
    .sno-hac-hamburger-menu ul li ul li {
        float: right !important;
        width: calc(100% - 5px) !important;
    }
    .sno-hac-menu-mobile-header a {
        text-decoration: none !important;
    }
    .sno-hac-menu-mobile-header a:not(.menu-mobile-graphic-link) {
        padding: 10px;
    }
    .sno-hac-menu-mobile-name {
        padding: 15px 0;
        font-size: 24px;
        line-height: 30px;
        cursor: pointer;
    }
    .sno-hac-menu-mobile-close {
        float: right;
        padding: 10px 15px;
        font-size: 30px;
        line-height: 30px;
        cursor: pointer;
        transition: 0.3s all ease-in-out;
        border-radius: 30px;
    }
}

@media only screen and (max-width: 980px) {
    #content {
        padding-top: 20px !important;
    }
    .widgetwrap {
        margin-bottom: 20px !important;
    }
    .innerbackground {
        max-width: calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;
    }
    .footeradright {
        display: none;
    }
    .footerimage {
        float: none;
        margin: 0 auto;
    }
    .sno-fixed-width-footer {
        margin-bottom: 0;
    }
    .overlay-hover .gridwidgetoverlay {
        display: block !important;
    }
}
@media only screen and (max-width: 600px) {
    .sno-header-wrap-mobile,
    .sno-footer-wrap-tablet-footer {
        display: block;
    }
    .sno-header-wrap-tablet,
    .sno-header-wrap-desktop,
    .sno-footer-wrap-tablet,
    .sno-footer-wrap-desktop,
    .sno-footer-wrap-tablet-footer,
    .sno-footer-wrap-desktop-footer {
        display: none;
    }
    .innerbackground {
        max-width: 100% !important;
        width: 100% !important;
    }
    .sno-hide-mobile {
        display: none;
    }
}
@media only screen and (min-width: 601px) and (max-width: 979px) {
    .sno-header-wrap-tablet,
    .sno-footer-wrap-tablet,
    .sno-footer-wrap-tablet-footer {
        display: block;
    }
    .sno-header-wrap-mobile,
    .sno-header-wrap-desktop,
    .sno-footer-wrap-mobile,
    .sno-footer-wrap-desktop,
    .sno-footer-wrap-mobile-footer,
    .sno-footer-wrap-desktop-footer {
        display: none;
    }
}
@media only screen and (min-width: 980px) {
    .sno-header-wrap-desktop,
    .sno-footer-wrap-desktop-footer {
        display: block;
    }
    .sno-header-wrap-tablet,
    .sno-header-wrap-mobile,
    .sno-footer-wrap-tablet,
    .sno-footer-wrap-mobile,
    .sno-footer-wrap-tablet-footer,
    .sno-footer-wrap-mobile-footer {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    .sno-hac-menu-mobile-header {
        display: block;
    }
    .sno-hac-hamburger-menu {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 50% !important;
        z-index: 10000;
    }
    .sno-hac-hamburger-menu li ul {
        position: unset;
    }
    .sno-hac-hamburger-menu li {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
    }
    .sno-hac-hamburger-menu ul li:hover ul {
        display: none;
    }
    .sno-hac-hamburger-menu ul li li:last-of-type {
        border-bottom: none;
    }
    .sno-hac-hamburger-menu ul > li.menu-item-has-children > a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        border: 5px solid transparent;
    }
    .sno-hac-hamburger-menu ul > li.menu-item-has-children > a.sno-menu-expanded:after {
        border: none;
    }
    .sno-hac-hamburger-menu ul li li a {
        padding-left: 40px;
    }
}
@media only screen and (max-width: 600px) {
    .sno-hac-hamburger-menu {
        right: 0 !important;
    }
    .list-widget-primary-area .sno-story-card-photo-wrap {
        width: 100% !important;
        height: auto !important;
    }
    .list-widget-primary-area .sno-story-card-text-wrap {
        width: 100% !important;
        height: auto !important;
    }
    .list-widget-primary-area .sno-story-card-text-wrap .sno-center-v-list {
        position: unset;
        top: unset;
        transform: unset;
        padding: 10px;
    }
    #classic_story h1.storyheadline, #storyrails h1.storyheadline {
	    font-size: 2.7em !important;
	    line-height: 1.3em;
    }
}

/* mobile styles for new Story List Widget design options */
@media only screen and (max-width: 880px) {
    .story-widget-inner-wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 800px) {
    .story-widget-inner-wrap {
        width: unset !important;
    }
}
@media only screen and (max-width: 900px) {
    .story-widget-primary,
    .story-widget-secondary {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }
    .story-widget-secondary {
        margin-top: 20px;
    }
    .dual-format-card .sno-story-card-text-wrap {
        float: unset !important;
        width: unset !important;
    }
    .sno-profile-card-image {
        width: 100% !important;
    }
    .sno-profile-card-title {
        position: unset !important;
        transform: unset !important;
    }
    .sno-profile-card-image,
    .sno-profile-card-image img {
        height: auto !important;
    }
}
@media only screen and (max-width: 600px) {
    .dual-format-card .sno-story-card-text-wrap {
        padding-top: 10px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 989px) {
    .list-horizontal .sno-story-card {
        min-width: calc(33.33% - 13.33px) !important;
        margin-right: 20px !important;
    }
    .list-horizontal > div:nth-child(3n) {
        margin-right: 0 !important;
    }
    .list-horizontal .sno-story-card-photo-wrap {
        min-width: 100% !important;
    }
}
@media only screen and (min-width: 560px) and (max-width: 799px) {
    .list-horizontal .sno-story-card,
    .sno-card-row .sno-profile-card {
        min-width: calc(50% - 10px) !important;
        width: calc(50% - 10px) !important;
        margin-right: 20px !important;
    }
    .list-horizontal > div:nth-child(2n),
    .sno-card-row > div:nth-child(2n) {
        margin-right: 0 !important;
    }
    .list-horizontal .sno-story-card-photo-wrap {
        min-width: 100% !important;
    }
    .sno-card-row .sno-profile-card {
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 559px) {
    .snodnetwork-story-wrap .snodnetwork {
        width: 100%;
    }
    .list-horizontal .sno-story-card,
    .sno-card-row .sno-profile-card {
        min-width: 100% !important;
        margin-right: 0 !important;
    }
    .sno-card-row .sno-profile-card {
        margin-bottom: 20px !important;
    }
    .list-horizontal .sno-story-card-photo-wrap,
    .sno-card-row .sno-profile-card-image {
        min-width: 100% !important;
    }
    /*
	.sno-story-card .sno-story-card-photo-wrap {
		min-width: 100%;
	}
	.sno-story-card .sno-story-card-text-wrap {
		min-width: 100%;
	}
*/
    .sno-story-card-text-area.sno-center-v {
        position: relative;
        right: unset;
        top: unset;
        transform: unset;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .list-widget-primary-area .sno-story-card-text-wrap {
        height: unset !important;
    }
    .list-widget-primary-area .sno-center-v-list {
        position: unset;
        top: unset;
        transform: unset;
        padding-top: 15px;
    }
}

/* mobile styles for new horizontal widget options */
/* force into three columns with 10px gutters */
@media only screen and (min-width: 880px) and (max-width: 980px) {
    .trending-horizontal .sno-content-card,
    .trending-horizontal .trending-row-wrap {
        width: calc(33.33% - 6.66px) !important;
        margin-right: 10px !important;
    }
    .trending-horizontal .sno-widget-trending-wrapper > div:nth-child(3n),
    .trending-horizontal.sno-widget-trending-wrapper > div:nth-child(3n) {
        margin-right: 0 !important;
    }
}
/* force into two columns */
@media only screen and (min-width: 560px) and (max-width: 879px) {
    .trending-horizontal .sno-content-card,
    .trending-horizontal .trending-row-wrap {
        width: calc(50% - 5px) !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    .trending-horizontal .sno-widget-trending-wrapper > div:nth-child(2n),
    .trending-horizontal.sno-widget-trending-wrapper > div:nth-child(2n) {
        margin-right: 0 !important;
    }
    .trending-horizontal .sno-widget-trending-wrapper > div:nth-child(1),
    .trending-horizontal .sno-widget-trending-wrapper > div:nth-child(2),
    .trending-horizontal.sno-widget-trending-wrapper > div:nth-child(1),
    .trending-horizontal.sno-widget-trending-wrapper > div:nth-child(2) {
        margin-top: 10px;
    }
}
/* force into one column */
@media only screen and (max-width: 559px) {
    .trending-horizontal .sno-content-card,
    .trending-horizontal .trending-row-wrap {
        width: calc(100%) !important;
        margin-bottom: 10px !important;
    }
    .trending-horizontal .sno-widget-trending-wrapper > div:nth-child(1),
    .trending-horizontal.sno-widget-trending-wrapper > div:nth-child(1) {
        margin-top: 10px;
    }
}

/* Start of Mobile Styles -- Keep at end of stylesheet */
@media only screen and (max-width: 1200px) {
    .hp_extra {
        display: none;
    }
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
    .home-immersion-text h1 {
        font-size: 2.8em !important;
    }
    .home-immersion-text p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 979px) {
    .home-immersion-text h1 {
        font-size: 2.2em !important;
    }
    .home-immersion-text p {
        font-size: 12px;
        line-height: 20px;
    }
}
@media only screen and (max-width: 980px) {
    #catpage .sidebar-template {
        display: none;
    }
    .altheader-right {
        display: none;
    }
    .topnavspacer {
        display: none !important;
    }
    .mobile-leaderboard {
        display: block !important;
    }
    .hover_titletext {
        display: none;
    }
    #storyrails .right,
    #storyrails .alignright,
    #storyrails .center,
    #storyrails .aligncenter,
    #storyrails .relatedcenter {
        position: relative !important;
        float: right;
        margin-left: 15px;
    }
    p.sfi-title {
        display: none;
    }
}
@media only screen and (max-width: 850px) {
    #sno_hoverbar .socialmedia {
        display: none;
    }
    .parallaxcontainer {
        height: auto;
    }
}
@media only screen and (min-width: 980px) {
    #catpage .postarea {
        padding: 0;
    }
    #header {
        min-width: 980px;
    }
    .third {
        margin-right: 0% !important;
    }
    .twoline {
        display: none;
    }
    .mmmobile {
        display: none;
    }
    .hideboxfive {
        display: none;
    }
    #homepagefull {
        width: 100% !important;
    }
    .storyshare {
        max-width: 808px !important;
    }
    #sno_longform .mobile-search,
    #sno_longform .mobile-search-side {
        display: block;
    }
}
/* Smaller than standard 980 (devices and browsers) */
@media only screen and (max-width: 979px) {
    .slidemenu {
        padding-top: 0px;
    }
    #topbarborder {
        display: none;
    }
    ul.quicklook {
        display: none;
    }
    .bottom-menu,
    .navbarwrap {
        display: none !important;
    }
    #mobile-menu {
        display: block !important;
    }
    #subnavbar {
        height: auto !important;
        padding: 0.4em 0;
    }
    .headerwrap {
        display: none;
    }
    .topnavwrap {
        display: none;
    }
    .topnavbarcenter {
        display: none !important;
    }

    #wrap {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .headerimage {
        width: 100% !important;
        height: auto !important;
    }
    #subnavbar li a,
    #subnavbar li li a,
    #navbar li a,
    #navbar li li a {
        margin-right: 0px !important;
    }
    #subnavbarbackground,
    #navbarbackground {
        background: none !important;
    }
    .subnavbarcontainer,
    .navbarcontainer {
        display: inline-block;
    }
    #menu-a-menu,
    #menu-b-menu {
        padding-left: 0px !important;
        float: none !important;
    }
    .breakingnewswrap {
        display: none;
    }
    .headeradright {
        display: none;
    }
    .footerboard,
    .leaderboard {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .leaderboardwrap,
    footerboardadwrap {
        height: unset;
    }
    .footerboardwrap,
    .leaderboardwrap,
    .navbarwrap,
    .breakingnewswrap,
    .headerwrap,
    .topnavwrap,
    .subnavbarwrap,
    .footerwrap,
    .innerbackgroundwrap {
        border-bottom: 1px solid #fff !important;
    }
    #wrap {
        border-top: 0px solid #fff !important;
    }
    #contentleftmm {
        width: 98% !important;
    }

    .postareamm {
        width: 100% !important;
        height: auto !important;
    }
    .mmscroller {
        display: none !important;
    }
    #sidebarmm {
        width: 100% !important;
    }
    #loadingimage {
        display: none !important;
    }
    #topboxcontainerwide {
        box-shadow: none;
    }
    .footersearch,
    .footerleft,
    .footerright,
    .footertagline,
    .footermenu,
    .footername {
        display: none !important;
    }
    .footerright p {
        font-size: 12px !important;
    }
    .footercredit {
        margin-top: 0px !important;
        border-top: none !important;
    }
    #homemmvideo .widgetwrap,
    #homemmvideo {
        border: none !important;
        box-shadow: none !important;
        background: none !important;
    }
    .left,
    .alignleft {
        margin-left: 0px !important;
    }
    .right,
    .alignright {
        margin-right: 0px !important;
    }
    #storypage #content {
        padding-top: 0px !important;
        width: 100% !important;
    }
    .catstory-position-5 {
        display: none;
    }
    #contentleft {
        padding-bottom: 0px !important;
    }
    .relatedstories {
        margin-bottom: 0px !important;
        padding: 0px !important;
    }
    .printfriendly {
        display: none !important;
    }
    span.backtext {
        display: none;
    }
    .permalinkphotobox {
        margin-right: 0px !important;
    }
    ul.quicklook {
        display: none;
    }
    .thumbshide {
        display: none;
    }
    #sno_longform #storypage .flexphotos .flex-direction-nav .flex-next {
        right: 10px !important;
    }
    #sno_longform #storypage .flexphotos .flex-direction-nav .flex-prev {
        left: 10px !important;
    }

    .leaderimageright,
    .footerimageright {
        display: none;
    }
    .lf-mobile-menu {
        display: block !important;
    }
    #storypage #slideshow {
        min-height: 100px;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    #storypage #carousel,
    #storyrails #carousel {
        display: none;
    }
}

@media only screen and (min-width: 980px) {
    .lf-mobile-photo {
        display: none;
    }
}
@media only screen and (max-width: 979px) {
    .lf-full-photo {
        display: none;
    }
}

/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (min-width: 800px) and (max-width: 979px) {
    #mobile-menu .headerlarge {
        display: block !important;
    }
    .sfi_has_caption {
        width: 70%;
    }
    .slideshow-caption-container,
    .photo-caption-container {
        width: calc(30% - 60px);
    }
    #header h1 {
        font-size: 3.25em !important;
        line-height: normal !important;
    }
    #header p {
        font-size: 1.3em !important;
    }
    #sidebar {
        width: 33% !important;
    }
    .hp_wide_extra {
        width: 65% !important;
    }
    #homepage,
    #contentleft {
        width: 100% !important;
    }
    #storypage #contentleft {
        width: 100% !important;
    }
    #homepagewide {
        width: 100% !important;
    }
    .postarea {
        width: 98% !important;
    }
    #classic_story #sidebar {
        width: 100% !important;
    }
    .page_template .postarea {
        width: calc(100% - 340px) !important;
    }

    #content {
        width: 97% !important;
    }
    #homepageleft,
    #homepageright {
        width: 48.5% !important;
    }
    #homepageleft .catboxthumbnail,
    #homepageright .catboxthumbnail {
        width: 100% !important;
    }
    #homepageleft .staffboxthumbnail,
    #homepageright .staffboxthumbnail {
        width: 50% !important;
    }
    .footerboardadwrap,
    .leaderboardimagewrap {
        float: none !important;
        margin: 0px auto;
    }
    .permalinkphotobox,
    .storyslideshow {
        width: 50% !important;
    }
    .hideboxfive {
        display: none;
    }
    #homepagefull {
        width: 97% !important;
    }
    #rowslider #homepagefull {
        width: 100% !important;
    }
    #storypage #contentleft h1 {
        font-size: 3.7em !important;
        line-height: 1.1em !important;
    }
    #sno_longform .main,
    #sno_longform #content {
        margin-left: 1% !important;
        margin-right: 1% !important;
        width: 98% !important;
    }
    #sno_longform .sidechapter h1 {
        font-size: 2.6em !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 979px) {
    .subnavbarwrap,
    #subnavbar,
    #subnavbar a,
    .navbarwrap,
    #navbar,
    #navbar a {
        background-image: none !important;
    }
    #subnavbar,
    #navbar {
        height: auto !important;
    }
    .profilepreviewbox,
    .categorypreviewbox {
        width: 28% !important;
    }
    .third {
        margin-right: 0% !important;
    }
    .twoline {
        display: none;
    }
    .photocaptionremodal {
        margin-top: 10vh !important;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 820px) {
    .related-4 {
        display: none !important;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter,
    img.alignnone,
    .alignleft,
    .aligncenter,
    .alignright,
    .alignnone,
    .wp-caption img {
        max-width: 100% !important;
        height: auto;
    }
    .sidechapter .permalinkphotobox {
        width: 100% !important;
        max-width: 100% !important;
    }
    .hp_wide_extra {
        max-width: unset;
    }
}
@media only screen and (max-width: 630px) {
    .related-3 {
        display: none !important;
    }
    #sno_hoverbar #progress-bar,
    #sno_hoverbar #progress-bar-color {
        height: 50px !important;
    }
}
@media only screen and (max-width: 800px) {
    .hp_wide_extra {
        width: 100% !important;
    }
    #homepage .hp_top_left,
    #catpage .hp_top_left {
        width: calc(50% - 8px) !important;
    }
    #homepage .hp_top_center,
    #catpage .hp_top_center {
        width: calc(50% - 8px) !important;
    }
    .enlarged-photo {
        max-height: 80vh !important;
    }
    .footerboardwrap,
    .leaderboardimagewrap {
        float: none !important;
        margin: 0px auto;
        width: 100% !important;
    }
    .footerboard,
    .leaderboard {
        padding: 0px !important;
    }
    .topcaptionbox {
        display: none !important;
    }
    #homepagefull {
        width: 100%;
    }
    #topstoryvert .storymeta,
    #topstoryvert .topstoryintro,
    #homebreaking #topstoryvideo .storymeta,
    #homebreaking #topstoryhoriz .storymeta {
        display: none;
    }
    #homebreaking #topstoryvideo h1 a,
    #homebreaking #topstoryvert h1 a,
    #homebreaking #topstoryhoriz h1 a,
    #homebreaking #topstorynophoto h1 a {
        font-size: 2em !important;
    }
    #homebreaking #topstoryhoriz .breakingstory-horiz p,
    #homebreaking #topstoryvideo .breakingstory-horiz p {
        font-size: 14px !important;
    }
    #sno_longform .socialmedia {
        display: none !important;
    }
    #sno_longform .lf_headerleft {
        max-width: none !important;
        max-height: 40px;
        overflow: hidden;
    }
    #sno_longform #storypage .footerbar p {
        font-size: 12px !important;
        line-height: 16px !important;
        padding-left: 1.5%;
        padding-right: 1.5%;
        width: 97%;
    }
    #sno_longform .chaptermenu {
        display: none;
        margin-top: 4px !important;
    }
    #sno_longform .lf-mobile-menu {
        float: none;
    }
    #storyrails #leftrail {
        display: none;
    }
    #storyrails #story_column {
        width: 100% !important;
    }
    #storypage #carousel {
        display: none;
    }
    #sno_hoversearch .hover-search-area input[type='text'] {
        width: 75%;
    }
    #sno_hoversearch .sno-submit-search {
        width: 15%;
    }
    #sno_hoversearch .hover-search-area {
        width: 70%;
    }
    .offset-title-wrap {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .sfi_has_caption {
        width: 65%;
    }
    .slideshow-caption-container,
    .photo-caption-container {
        width: calc(35% - 60px);
    }
    .grid-widget-tile {
        width: 49.5% !important;
        margin-right: 0.5% !important;
        margin-bottom: 3px !important;
    }
    .fw2d-img-wrap-outer {
        max-width: 33% !important;
    }

    .fw2d-img {
        height: 100% !important;
        width: auto !important;
    }
    .fw2d-right-text {
        clear: none !important;
        margin-top: 10px;
        width: 50%;
        float: right;
    }
    #homepageleft .staffboxthumbnail {
        width: 50% !important;
    }
    .insert {
        width: 46% !important;
    }
    #storypage #contentleft h1 {
        font-size: 3.4em !important;
        line-height: 1.1em !important;
    }
    #storypage #storymeta p {
        font-size: 1.3em !important;
        line-height: 1.4em !important;
    }
    #storypage #contentleft p {
        font-size: 1.4em;
    }
    .pullquotepic {
        display: none !important;
    }
    .galleryvert {
        width: 255px !important;
    }
    .catstory-position-4 {
        display: none;
    }
    .permalinkphotobox {
        width: 50% !important;
    }
    .sidechapter .permalinkphotobox {
        width: 100% !important;
        max-width: 100% !important;
    }

    #sno_longform .main,
    #sno_longform #content {
        margin-left: 1.5% !important;
        margin-right: 1.5% !important;
        width: 97% !important;
    }
    #sno_longform #storypage p {
        font-size: 1.4em !important;
        line-height: 1.4em !important;
    }
    #sno_longform #storypage h1 {
        font-size: 3.6em !important;
    }
    #sno_longform #storypage .sidechapter h1 {
        font-size: 2.2em !important;
    }
    #sno_longform #storypage .sidechapter .pullquote,
    #sno_longform #storypage .sidechapter .videowidget {
        width: 88%;
        padding-left: 4%;
        padding-right: 4%;
        margin-left: 0;
        margin-right: 0;
    }
    #sno_longform #storypage p.photocaption,
    #sno_longform #storypage .photocaption {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    #sno_longform #storypage p.photocredit,
    #sno_longform #storypage p.videocredit {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .panel-wrap {
        width: 100% !important;
    }
    .fw2-panel {
        width: 49% !important;
        min-width: 0 !important;
    }
    .fw2d-right {
        width: 49% !important;
    }
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
    .topboxleft {
        width: 48.3% !important;
    }
    .topboxsmall {
        width: 25.3% !important;
        height: 50% !important;
        margin-right: 1px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 720px) {
    .topboxleftwide {
        width: 65.6% !important;
    }
    .topboxleft {
        width: 65.4% !important;
    }
    .topboxsmall {
        width: 34.3% !important;
        height: 33% !important;
    }
    .topboxsmallwide {
        width: 34.25% !important;
    }
    .topboxsmallwide .photocontainer2 {
        padding-bottom: 63.5% !important;
    }
    .hidebox {
        display: none;
    }
    .hideboxfive,
    .hideboxfour {
        display: none;
    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 800px) {
    #classic_story #contentleft {
        max-width: 100% !important;
    }
    .topnavbarcenter {
        display: none !important;
    }
    #header h1 {
        font-size: 2.75em !important;
        line-height: normal !important;
    }
    #header p {
        font-size: 1.2em !important;
    }
    .headermedium {
        display: block !important;
    }
    .headerlarge {
        display: none;
    }
    #sidebar {
        width: 100% !important;
    }
    #homepage {
        width: 100% !important;
    }
    #homepagewide {
        width: 100% !important;
    }
    #contentleft {
        width: 100% !important;
        max-width: 100% !important;
    }
    .postarea {
        width: calc(100% - 20px) !important;
        padding: 0px 10px;
    }
    #content {
        width: calc(100% - 20px) !important;
    }
    #homepageleft,
    #homepageright {
        width: 49% !important;
    }
    #sidebar .catboxthumbnail {
        width: 50% !important;
    }
    #homepageleft .catboxthumbnail,
    #homepageright .catboxthumbnail {
        width: 100% !important;
    }
    #homepagewide .catboxthumbnail {
        width: 50% !important;
    }
    .multimediamobilebox {
        width: 46% !important;
    }
    .profilepreviewbox,
    .categorypreviewbox {
        width: 42% !important;
        margin-left: 0% !important;
        margin-right: 3% !important;
    }
    #homepagewide .catwidgetleft .catboxthumbnail {
        width: 100% !important;
    }
    .gridchapter {
        width: 48.5% !important;
    }
    .topbox23bottom,
    .topbox23top {
        width: 49.8% !important;
    }
    .hide23box5 {
        display: none;
    }
}
@media only screen and (max-width: 700px) and (min-width: 501px) {
    #staffpage .staffprofile {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 20px;
    }
    .staffprofile .photowrap {
        width: 50%;
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 500px) {
    #staffpage .staffprofile {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 20px;
    }
    .staffprofile .photowrap {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 700px) {
    #storypage .videowidget {
        width: 96% !important;
        padding: 15px 0px !important;
    }
    .center {
        width: 96% !important;
        padding: 15px 0px !important;
    }
    .header-icons,
    .header-search {
        display: none;
    }

    .staffstorylist {
        width: 100% !important;
    }
    #storyrails #rightrail,
    #storyrails .right,
    #storyrails .alignright {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    .home-immersion-text {
        position: fixed !important;
        bottom: 0;
        width: 80% !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        padding-left: 10% !important;
        padding-right: 10% !important;
        margin: -5px 0 0;
        background: #000;
        min-height: 30%;
        max-height: 40%;
        overflow-y: auto;
    }
    #home-immersion .footerbar {
        display: none;
    }
    .fw2d-image {
        height: 100% !important;
        width: auto !important;
    }
}
@media only screen and (max-width: 600px) {
    .catlist_with_sidebar .catlist-panel-media,
    .catlist_fullwidth_wrap .catlist-panel-media {
        width: calc(100% + 30px) !important;
        max-width: calc(100% + 30px) !important;
        height: 330px !important;
        max-height: 330px !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
        margin-bottom: 15px;
    }
    .catlist_fullwidth_wrap .catlist-textarea-with-media,
    .catlist_fullwidth_wrap .catlist-textarea {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        position: relative !important;
        top: unset !important;
        transform: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .catlist_with_sidebar .postarea {
        padding-left: 2%;
        padding-right: 2%;
    }
    .catlist-tile-media-photo {
        height: unset !important;
        max-height: 400px !important;
    }
    .home-immersion-text h1 {
        font-size: 2em !important;
    }
    .carouseloverlay {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: #00000099 !important;
        padding: 10%;
        max-width: unset !important;
        transform: unset !important;
    }
    .hsContent {
        left: 50px !important;
        right: 50px !important;
        transform: unset !important;
        max-width: none;
    }
    .carousel-text-beside {
        width: 100% !important;
        height: auto !important;
    }
    .carousel-image-beside {
        width: 100% !important;
    }
    li.carousel-widget-slide-beside {
        height: auto !important;
    }
    #homepage .hp_top_left,
    #homepage .hp_top_center,
    .hp_bottom_left,
    .hp_bottom_center,
    .hp_bottom_right {
        width: 100% !important;
    }
    #catpage .hp_top_left,
    #catpage .hp_top_center,
    .hp_bottom_left,
    .hp_bottom_center,
    .hp_bottom_right {
        width: 100% !important;
    }
    .grid-widget-tile img {
        min-height: 0px !important;
    }
    .grid-widget-tile {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 10px !important;
        height: auto !important;
        min-height: 200px;
    }
    .grid-widget-tile .gridcontent > div {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .grid-widget-tile img {
        width: 100% !important;
        height: auto !important;
    }
    .fw3-panel {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .fw3-image {
        width: 100% !important;
        height: auto !important;
    }
    .fw3-image-wrap {
        min-height: 0px !important;
        height: auto !important;
    }
    .fw3-textarea {
        min-height: 0px !important;
        max-height: none !important;
    }
    .fw2d-right {
        max-height: none !important;
    }
    .fw2d-img-wrap {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .panel-wrap {
        width: 100% !important;
    }
    .fw2-panel {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fw2d-right {
        width: 100% !important;
        max-width: 100% !important;
    }
    .fw1-panel-img,
    .catlist-panel-img {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px;
    }
    .fw1-textarea {
        width: 100% !important;
    }
    .slideshow-caption-container,
    .photo-caption-container {
        display: none !important;
    }
    .slideshow-caption-container-tablet,
    .photo-caption-container-tablet {
        max-height: 100px;
        overflow-y: auto;
        padding: 10px 20px 20px;
    }
    .sfi-photo-wrap,
    .single-photo-wrap {
        height: auto !important;
        width: 100% !important;
    }
    .sfi-photo-wrap img {
        max-height: 65vh !important;
        max-width: 100vw;
    }
    .photocaptionremodal {
        margin-top: 30px;
    }
    .remodal-story-image .photocaptionremodal, .remodal-story-collection .photocaptionremodal {
        margin-top: 0px;
    }
    .sfi-progress {
        top: 20px !important;
    }

    .sidechapter {
        width: 97% !important;
    }
    .sidechapter .comments_link {
        display: block !important;
    }
    .sidechapter .comments_hide {
        display: none;
    }

    #topnavbar {
        height: 60px !important;
        background-image: none !important;
    }
    .topnavbarright {
        float: none !important;
        margin: 0 auto;
        text-align: left !important;
        clear: both;
        padding-right: 0px !important;
    }
    .topnavbarleft {
        float: none !important;
        margin: 0 auto;
    }
    #header h1,
    #header p {
        text-align: center !important;
    }

    .select {
        display: block !important;
        width: 150px;
        margin: 0px auto !important;
    }
    #sno_longform .select {
        display: block !important;
        width: 250px;
        margin: 0px auto !important;
    }

    #homepageright .staffboxthumbnail,
    #homepageleft .staffboxthumbnail {
        width: 100% !important;
    }
    .permalinkphotobox {
        width: 100% !important;
    }

    .archivepage #permalinkteaserbox {
        width: 95% !important;
        margin: 0px auto 10px;
    }
    .staffselect,
    .staffheading {
        width: 100% !important;
    }
    .oneline {
        display: none;
    }
    .staffrosterrow {
        border-bottom: 0px solid #fff !important;
    }
    tr.schedulehead {
        font-size: 12px !important;
    }
    #homebreaking #topstoryvideo .homedeck,
    #homebreaking #topstoryvideo .topstoryintro,
    #homebreaking #topstoryhoriz .homedeck,
    #homebreaking #topstorynophoto .homedeck,
    #homebreaking #topstorynophoto .storymeta {
        display: none;
    }
    #homebreaking #topstoryvideo .videowrap {
        width: 98% !important;
    }
    #homebreaking #topstorynophoto .topstoryintro p {
        font-size: 14px !important;
    }
    #storypage #storymeta p {
        font-size: 1.3em !important;
        line-height: 1.4em !important;
    }
    span.st_email_hcount {
        display: none;
    }
    .pullquote {
        width: calc(100% - 40px) !important;
    }
    .sno-story-body .pullquote {
        width: 100% !important;
    }
    .pullquotepic {
        display: none !important;
    }
    .related {
        display: none !important;
    }
    .readnext {
        display: block !important;
    }
    .storyroster h5 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #sno_longform .main,
    #sno_longform #content {
        margin-left: 2% !important;
        margin-right: 2% !important;
        width: 96% !important;
    }
    #sno_longform #storypage h1 {
        font-size: 2.6em !important;
    }
    #sno_longform #storypage p.photocaption,
    #sno_longform #storypage .photocaption {
        font-size: 13px !important;
        line-height: 18px !important;
    }
    #sno_longform #storypage p.photocredit,
    #sno_longform #storypage p.videocredit {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    #back-top {
        background: #fff;
    }
}

@media only screen and (min-width: 561px) {
    .mobileslider {
        display: none !important;
    }
    #homepagefull .tsthumbstop ul li {
        margin-right: 10px !important;
    }
}

@media only screen and (max-width: 728px) {
    .mobile-leaderboard {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 560px) {
    .sportsone,
    .sportsheading {
        display: none !important;
    }
    .hiddencell {
        display: block !important;
    }
    .sportstoprow {
        border-bottom: none !important;
    }
    .sportstwo {
        display: revert;
        border-bottom: 1px solid #ddd !important;
        width: 100%;
    }
    .seasonlist {
        float: left !important;
    }
    .insert {
        display: none !important;
    }
    .topwideteaserphoto {
        width: 100% !important;
    }
    .tsthumbstop,
    .carouselthumbs {
        width: 100% !important;
        right: 0px !important;
    }
    #homepagefull .tsthumbstop ul li,
    .carouselthumbs ul li {
        margin-right: 3px !important;
    }
    .tsthumbstop .flexslider,
    .carouselthumbs .flexslider {
        padding-bottom: 3px !important;
    }
    .mobileslider {
        display: block !important;
    }
    .lf_headerleft img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .adright {
        max-width: 100%;
        width: 100%;
    }
    .topnavbarcenter {
        display: none !important;
    }
    #header h1 {
        font-size: 2.4em !important;
        line-height: normal !important;
        margin-left: 10px !important;
    }
    #header p {
        display: none !important;
    }
    .headersmall {
        display: block !important;
        width: calc(100% - 70px);
        min-height: 70px;
        height: auto;
    }
    #mobile-menu .sitetitle {
        width: 100% !important;
    }
    .headerlarge {
        display: none;
    }
    #sidebar {
        width: 100% !important;
    }
    #homepage {
        width: 100% !important;
    }
    #homepagewide {
        width: 100% !important;
    }
    #content {
        width: 95% !important;
    }
    .postarea {
        width: 96% !important;
        padding: 10px 2% !important;
    }
    #contentleft {
        width: 100% !important;
    }
    #homepageleft,
    #homepageright {
        width: 100% !important;
    }
    #homepagewide .catboxthumbnail {
        width: 100% !important;
    }
    #homepageleft .staffboxthumbnail,
    #homepageright .staffboxthumbnail {
        width: 50% !important;
    }
    .permalinkphotobox {
        width: 100% !important;
        max-width: 100% !important;
    }
    .archivepage .categoryimage,
    .archivevideowrap {
        width: 100% !important;
    }
    .profilepreviewbox,
    .categorypreviewbox {
        width: 95% !important;
        margin-left: 0% !important;
    }
    #reviewside {
        width: 100% !important;
    }
    #reviewside .teaserbox,
    #reviewside .ratingsbox {
        display: none !important;
    }
    .multimediamobilebox {
        width: 96% !important;
        padding: 2% !important;
        margin: 1% 0% !important;
    }
    .topboxleftwide,
    .topboxleft {
        width: 99.5% !important;
    }
    .topboxsmallwide,
    .topboxsmall {
        width: 49.5% !important;
        margin-top: 1px;
    }
    .hidebox {
        display: none;
    }
    .hideboxfive,
    .hideboxfour {
        display: none;
    }
    .topboxsmall {
        margin-right: 1px;
    }
    #homebreaking #topstoryvert .homebreaking-photo-vert,
    #homebreaking #topstoryhoriz .breakingstory-horiz {
        display: none;
    }
    #homebreaking #topstoryvert .breakingstory,
    #homebreaking #topstoryhoriz .homebreaking-photo-horiz {
        width: 98% !important;
    }
    #homebreaking #topstoryvert h1 a,
    #homebreaking #topstoryvideo h1 a,
    #homebreaking #topstoryhoriz h1 a,
    #homebreaking #topstorynophoto h1 a {
        font-size: 1em !important;
    }
    #storypage #contentleft h1 {
        font-size: 2em !important;
        line-height: 1.3em !important;
    }
    #storypage .storydeck p,
    #storypage .storyshare p {
        font-size: 1.5em !important;
        line-height: 1.4em !important;
    }
    .storycat span {
        font-size: 1.1em !important;
    }
    #storypage #contentleft p {
        font-size: 1.2em;
    }
    #storypage #commentsbody p {
        font-size: 1em;
        line-height: 1.5em;
    }

    .sno-poll {
        width: calc(100% - 30px) !important;
        padding: 0 !important;
    }
    .galleryvert {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .catstory-photo {
        width: 35% !important;
        float: left;
        margin-right: 10px;
    }
    .catrow {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .relateddividervert {
        display: none;
    }
    #sno_longform #storypage p {
        font-size: 1.2em !important;
        line-height: 1.4em !important;
    }
    .catwidgetleft {
        float: none !important;
        width: 100% !important;
    }
    .catwidgetright {
        float: none !important;
        width: 100% !important;
        margin-top: 25px;
    }
    .gridchapter {
        width: 97.5% !important;
    }
    #altheader-searchbox {
        width: 100% !important;
    }
    #hoverbar_menu {
        width: 100% !important;
    }
    .topbox23bottom,
    .topbox23top {
        width: 100% !important;
    }
}
@media only screen and (max-width: 400px) {
    .altheader-logo,
    .altheader-logo img {
        max-width: 250px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    .archivepage .categoryimage,
    .archivevideowrap {
        width: 51% !important;
    }
    .second {
        margin-right: 0% !important;
    }
    #homebreaking #topstoryvert h1 a,
    #homebreaking #topstoryvideo h1 a,
    #homebreaking #topstoryhoriz h1 a,
    #homebreaking #topstorynophoto h1 a {
        font-size: 1.5em !important;
    }
    #storypage #contentleft h1 {
        font-size: 2.3em !important;
        line-height: 1.2em !important;
    }
    #storypage .storydeck p,
    #storypage .storyshare p {
        font-size: 1.6em !important;
        line-height: 1.4em !important;
    }
    .storycat span {
        font-size: 1.2em !important;
    }
    #storypage #contentleft p {
        font-size: 1.2em !important;
    }
    .sno-poll {
        width: 45% !important;
    }
    .galleryvert {
        width: 130px !important;
    }
    .catstory-photo {
        width: 40% !important;
        float: left;
        margin-right: 10px;
    }
    .catrow {
        width: 47% !important;
        margin-bottom: 15px;
    }
    .relateddividervert {
        display: none;
    }
    .catstory-position-1,
    .catstory-position-3 {
        margin-right: 20px;
    }
    #sno_longform #storypage p {
        font-size: 1.3em !important;
        line-height: 1.4em !important;
    }
}

/* end of mobile styles */