@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

/* Section heading */

body.section-feast-and-field #tncms-region-index-full-top:before,
body.section-feast-and-field #main-page-container article.asset:before {
    display: block;
    content:'';
    width:200px;
    height:45px;
    margin:0 auto 20px;
    background-image: url(https://bloximages.chicago2.vip.townnews.com/central.leetemplates.com/content/tncms/live/global/resources/images/logos/ds/400/feastandfield.net.png);
    background-repeat: no-repeat;
    background-size: contain;
}


/* Titles */

#main-page-container .block-title {
    text-transform:uppercase;
    letter-spacing:2px;
}

#main-page-container .style-title .block-title:before, #main-page-container .emphasis-h1 .block-title:before, #main-page-container .user-header.block-title:before {
    border:none;
}

#main-page-container .emphasis-h1 .block-title-inner, #main-page-container .emphasis-h1 .block-title-inner a, #main-page-container .user-header .block-title-inner {
    background-color: transparent;
}

#main-page-container .block-title-inner * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight:400;
}

#main-page-container .style-title .block-title-inner,
#main-page-container .emphasis-h1 .heading.card .block-title-inner {
    padding:3px 0px 0px;
    border-top:3px solid #eb8f23;
    background-color: transparent;
}

#main-page-container .style-title .block-title-inner a:hover,
#main-page-container .style-title .block-title-inner a:active,
#main-page-container .style-title .block-title-inner a:focus {
    color: #e84632;
    text-decoration:none;
}

#main-page-container .photos-container .block-title {
    text-align:center;
}

#main-page-container .photos-container .block-title-inner {
    background-color:#000;
    border-color:#eb8f23;
}

#main-page-container .bg-fill-100.style-title {
    background-color: transparent;
}

#main-page-container .bg-fill-100.style-title .block-title-inner * {
    color: #222 !important;
}

#main-page-container .style-title .emphasis-h3 .block-title-inner,
#main-page-container .style-title .emphasis-h4 .block-title-inner {
    padding-left:0;
}

#main-page-container .style-title .emphasis-h3 .block-title-inner:after,
#main-page-container .style-title .emphasis-h4 .block-title-inner:after {
    display:none;
}

#main-body-container .btn-block-links .block-links.pos-bottom a {
    background-color:#fff;
    color: #e84632;
    border-color: #e84632; 
    text-transform:uppercase;
    letter-spacing:2px;
}

#main-body-container .btn-block-links .block-links.pos-bottom a:hover {
    background-color:#e84632;
    color:#fff;
}

#main-page-container .heading.card {
    margin:10px 0 0;
}



/* Headlines */

#main-page-container .card .card-headline,
#main-page-container .card .card-headline h1,
#main-page-container .card .card-headline h2,
#main-page-container .card .card-headline h3,
#main-page-container .card .card-headline h4,
#main-page-container .card .card-headline h5,
#main-page-container .card .card-headline h6,
#main-page-container .card .card-headline a {
    font-family: PT Serif, "serif-ds", Times, "Times New Roman", serif;
    letter-spacing: -.2px;
    font-weight: 700;
}

#main-page-container .card .card-headline a:hover,
#main-page-container .card .card-headline a:active,
#main-page-container .card .card-headline a:focus {
    color: #e84632;
}


/* Labels */

.card .card-labels {
    margin-bottom:10px;
}

.card .card-label-section a {
    font-variant:jis83;
    font-size:10.5px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#fff;
    background-color:#eb8f23;
    padding:2px 3px 2px 4px;
}

.card .card-label-section a:hover {
    text-decoration:none;
}

/* Summary Card */

@media(max-width: 767px){
    .card .card-lead {
        display: block;
    }
}

.card.summary.has-image.image-left .card-image {
    margin-bottom:0;
}

.card.summary.has-image.image-left .card-body {
    max-width:500px;
}

.border-card .card, .border-card-not-last .card {
    border-color: rgba(0,0,0,.2);
}

/* Featured Card */

.card.feature .card-labels {
    margin-bottom:15px;
}

.card.feature .card-label-section a {
    background-color:#e84632;
    padding:5px 8px;
}
.card.feature .card-headline h1 {
    font-size:22px;
}
.card.feature.feature-overlay-full-dark .full-dark-container {
    opacity:.3;
}
@media (min-width: 768px){
    .card.feature .centered-content {
        max-width:70%;
    }
    .card.feature .card-headline h1 {
        font-size:40px;
    }
}
@media (min-width: 1396px){
    .card.feature .card-headline h1 {
        font-size:58px;
    }
}


/* Date Partitions */

.date-partition h5 {
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: 700;
}

.date-partition h5 .date {
    padding:3px 0px 0px;
    border-top:3px solid #eb8f23;
}

/* Lists */

.block .list-unstyled li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgba(0,0,0,0.4);
    display: block;
    font-family: "serif-ds", Times, "Times New Roman", serif;
}

.block .list-unstyled li .tnt-headline a, .list-popular a {
    font-family: "serif-ds", Times, "Times New Roman", serif;
    font-size: 22px;
    line-height: 1.1em;
    color:#222;
    margin-left: 0;
}

/* Most Popular */

.list-popular>li:before {
    width:28px;
    height:28px;
    line-height:28px;
    font-weight:500;
    margin:0 12px 0 0;
}

.list-popular a {
    margin-left: 40px !important;
}


/* Assets */

.asset .asset-header .tnt-update-recent,
.asset .asset-header .tnt-update-old {
    display:none;
}

.asset .asset-header {
    border-bottom:none;
}

.asset .asset-header h1 {
    font-family: PT Serif, "serif-ds", Times, "Times New Roman", serif;
}

.asset .asset-content {
    padding-bottom:30px;
}

.asset .asset-content ol, .asset .asset-content p, .asset .asset-content ul {
    font-family: Georgia, serif;
}

.asset .asset-tags a.label-default {
    color: #e84632;
}

.asset .asset-header .kicker {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 1.4;
}

.asset .asset-header:first-child .kicker {
    font-weight: 400;
    text-transform: uppercase;
    color: #e84632;
    margin-top: 10px;
}

.card-headline a, .card .headline-list a {
    font-family: PT Serif, "serif-ds", Times, "Times New Roman", serif;
    font-weight: 800;
}

/* Hide flags */
.asset .asset-header .asset-label-flags .label {
    display: none;
}

.asset .asset-header .asset-label-flags .label.label-flag-contributed,
.asset .asset-header .asset-label-flags .label.label-flag-sponsored,
.asset .asset-header .asset-label-flags .label.label-flag-advertorial {
    display: inline;
}

@media(min-width:992px) {
    .blox-asset .infinite-item .col-md-8, .asset .main-content {
        border-right: 1px solid rgba(0,0,0,.2);
    }
}

/* Native Ads */
.tnt-ads .card {
    border:1px solid #e8e8e9 !important;
    background-color: #fff;
    padding:0;
}

.tnt-ads .card .card-container>.card-image {
    display:block;
    float:none;
    width:auto;
    margin:0;
}

.tnt-ads .card .card-container>.card-body {
    padding:15px;
}

/* Footer nav links */
.footer-nav .headline-list.bullet-disc {
    padding: 0;
    list-style: none;
}

/* Blockquotes */  
.asset .tncms-inline-relcontent.tncms-inline-relcontent-quote blockquote {
    padding: 25px 25px 25px 30px;
    box-shadow: 1px 1px 8px 3px rgb(0 0 0 / 8%);
    margin: 0;
    border-left: 15px solid #eb8f23;
}

/* Below article follow us */
.ff-follow-us {
    text-align: center;
    margin:40px 0 20px;
}

.ff-follow-us .block-title {
    margin-bottom:10px !important;
}

.ff-follow-us .block-title h3 {
    font-size: 16px;
}

.ff-follow-us li a {
    color:#e84632 !important;
    opacity: 1 !important;
}

.ff-follow-us li a:hover,
.ff-follow-us li a:active,
.ff-follow-us li a:focus {
    color:#eb8f23 !important;
}

/* enlarge featured block on mobile */
@media (max-width: 991px){
    .card.feature .image {
        padding-bottom: calc(100% * (5/8));        
        position: relative;
    }
    .card.feature .img-responsive {
        object-fit: cover;
        position: absolute;
        height: 100%;        
    }
    .card.feature .card-headline .tnt-headline {
        font-size: 28px;
    }
}

/* related / popular / featured blocks at end of assets */
.asset #article-related-bottom #article-related-bottom .card-meta {
    display: none;
}
.asset:not(.article-default):not(.collection-vertical-default) .asset-related {
    margin-top: 3em;
}
.asset:not(.article-default):not(.collection-vertical-default) .asset-related-group > *:first-child:not(div) {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 26px;
    padding: 3px 0px 0px;
    border-top: 3px solid #eb8f23;
    margin-bottom: 20px;
    display: table;
}

/*
.asset #article-related-bottom .float-preview .card.has-image .card-image,
.asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact .card.has-image>.card-container>.card-body>.card-image,
.asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact .card.has-image>.card-container>.card-image {
    max-width: 160px;
}
*/

.asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .asset-icon, 
.asset #article-related-bottom .float-preview .card.has-image .asset-icon, 
.asset #article-related-bottom .card .card-body .card-labels {
    display: none;
}

@media (max-width: 767px){
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact>.card, 
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact>.row>div>.card {
        padding: 0 0 5px;
        margin-bottom: 20px;
    }
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact .card.has-image>.card-container>.card-body>.card-image, 
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact .card.has-image>.card-container>.card-image {
        width: 33%;
        float: right;
        margin-left: 15px;
    }
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-compact .card.has-image>.card-container>.card-body, 
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .card-grid.card-compact.card-img-lg .card.has-image>.card-container>.card-body {
        margin-left: 0;
    }
}
@media screen and (min-width: 768px) {
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .related-content:not(.card-grid) .card-container .card-image {
        float: right;
        margin-left: 15px;
    }
    .asset:not(.article-default):not(.collection-vertical-default) .asset-related-group .related-content:not(.card-grid) .card.has-image>.card-container>.card-body {
        margin-left: 0;
        padding: 0 15px 0 0;
        /* margin-right: 160px; */
        margin-right: *33%;
    }
}

/* more button | hide unless dynamic 4 is visible */ 
.tncms-block:empty + .ff-more {
    display: none;
}

/* hide block-title element on O&O dynamic heading .blocks */
#main-page-container .ff-oando-nav {
    background-color: transparent;
}
#main-page-container .heading-sub-nav.ff-oando-nav .block-links li a {
    text-transform: uppercase;
    letter-spacing: 2;
    font-weight: 700;
    color: #222;
    padding: 15px 15px 15px 10px;
}
#main-page-container .heading-sub-nav.ff-oando-nav .block-links li a:hover {
    color: #e84632;
}
#main-page-container .heading-sub-nav.ff-oando-nav .block-links li:after {
    content: '';
    border-right: 2px solid #eb8f23;
}
#main-page-container .heading-sub-nav.ff-oando-nav .block-links li:last-child:after {
    border-right:none;
}
#main-page-container .ff-oando-nav.-hide-block-title .block-title {
    display:none;
}
@media (min-width: 992px) {
    #main-page-container .heading-sub-nav .block-links li {
        margin-right: 0;
    }
    #main-page-container .heading-sub-nav .block-links li a {
        background-color: transparent;
        opacity: 1;
    }
    body.section-feast-and-field #tncms-region-index-full-top:before,
    body.section-feast-and-field #main-page-container article.asset:before {
        margin-bottom: 30px;
    }
}