#okanjo.okanjo-placement,
.offcanvas-drawer .site-search-form .input-group-btn .btn span,
.ss-content .card-grid>div>div :before,
[data-rc-widget] {
    display: none
}

.asset .share-container.content-above,
.offcanvas-drawer .site-search-form .input-group-btn .btn svg,
.ss-footer-search .site-search-form .input-group-btn .btn svg,
.ss-masthead-search .site-search-form .input-group-btn .btn svg,
.subscriber-only {
    display: block !important
}

body.blox-asset #main-page-container,
body.blox-asset .asset {
    padding-bottom: 0;
    margin-bottom: 0
}

body.blox-asset #site-footer-container {
    margin-top: 0
}

body .asset,
body .asset .asset-content,
body .asset .asset-header h1,
body .asset .asset-tagline {
    font-family: "Raleway", sans-serif
}

body .asset .asset-content h1,
body .asset .asset-content h2,
body .asset .asset-content h3,
body .asset .asset-content h4,
body .asset .asset-content h5,
body .asset .asset-content h6,
body .asset .asset-content li,
body .asset .asset-content p,
body .asset .asset-tagline h1,
body .asset .asset-tagline h2,
body .asset .asset-tagline h3,
body .asset .asset-tagline h4,
body .asset .asset-tagline h5,
body .asset .asset-tagline h6,
body .asset .asset-tagline li,
body .asset .asset-tagline p,
body .asset h1,
body .asset h2,
body .asset h3,
body .asset h4,
body .asset h5,
body .asset h6,
body .asset li,
body .asset p {
    font-family: inherit
}

.asset.article-longform #article-body~* {
    max-width: 660px;
    margin-right: auto;
    margin-left: auto
}

.asset.article-longform+.row [class*=col-md-] {
    min-height: 0
}

body .asset .asset-content li,
body .asset .asset-content p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500
}

body .asset .asset-content li a,
body .asset .asset-content p a {
    color: #6eae19;
    box-shadow: inset 0 -2px 0 0 #fbf0c3;
    font-weight: 600
}

body .asset .asset-content li a:hover,
body .asset .asset-content p a:hover {
    box-shadow: inset 0 -2px 0 0 #92c64c;
    text-decoration: none
}

body .asset .asset-content li em,
body .asset .asset-content p em {
    font-family: Georgia, 'Times New Roman', Times, serif
}

.asset .asset-masthead {
    margin-bottom: 1em
}

.asset .share-container.content-below {
    margin-top: 5em
}

.asset #asset-below .asset-tags h4,
.asset .share-container.content-below:before {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .6;
    display: block
}

.asset .share-container.content-below:before {
    content: 'Share this';
    margin-bottom: .5em
}

.asset .share-container>ul {
    display: flex;
    justify-content: center
}

.asset .share-container li.social-share-link {
    font-size: 1.2em
}

.asset .share-container li.social-share-link a,
.asset .share-container li.social-share-link button {
    color: #86bc3c
}

.asset .share-container li.social-share-link button {
    margin: auto
}

.asset #asset-below .asset-tags h4 {
    margin: 0 0 1em;
    float: none;
    text-align: center
}

.asset #asset-below .asset-tags .list-inline {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    gap: 0 .25em;
    flex-wrap: wrap
}

.ss-asset-more {
    margin-top: 6em;
    padding: 6em 0
}

.ss-asset-more:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%;
    background: #2d4c69
}

.ss-asset-more .block {
    position: relative;
    z-index: 2;
    max-width: 660px;
    margin: auto
}

.ss-asset-more .block-title {
    margin: 0
}

.ss-asset-more .block-note,
.ss-asset-more .block-title-inner {
    padding-bottom: 0 !important;
    border: 0 !important
}

.ss-asset-more .block-note>*,
.ss-asset-more .block-title-inner>* {
    font-size: 32px !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.1
}

.ss-asset-more,
.ss-content .card-grid>div>div .card.has-image>.card-container {
    position: relative
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body {
    position: absolute;
    z-index: 20;
    flex-direction: column;
    background: linear-gradient(3.5deg, rgba(0, 0, 0, .8) 3.08%, rgba(0, 0, 0, .51) 45.59%, transparent 80.38%);
    display: block;
    height: auto;
    bottom: 0;
    width: 100%;
    padding: 120px 10px 10px
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-headline {
    font-size: 18px
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-headline>a {
    color: #fff;
    font-family: "Raleway", sans-serif;
    line-height: 1.25;
    text-shadow: 0 1px 1px #222;
    font-weight: 600 !important
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-headline>a:after {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-section-tag {
    color: #fff;
    margin-bottom: 1em;
    font-weight: 600
}

.ss-content .card-grid>div>div .card.has-image>.card-container>.card-body>* {
    height: auto
}

.ss-content .block {
    position: relative;
    z-index: 2
}

.ss-content .card-grid>div {
    gap: 20px;
    display: grid
}

.ss-content .card-grid>div>div * {
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.ss-content .card-grid>div>div img {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 300px
}

.ss-content .card-grid>div>div .card {
    margin-bottom: 0 !important;
    padding-top: 0
}

.ss-content .card-grid>div>div .card>.clearfix {
    display: none !important
}

.ss-content .card-grid>div>div .card .card-image {
    margin-bottom: 0 !important
}

.ss-content .card-grid>div>div .card .card-image .photo.layout-vertical img {
    max-height: none
}

.ss-content.-flag,
.ss-content.-half {
    margin-bottom: 20px;
    position: relative
}

.ss-content.-flag:after,
.ss-content.-half:after {
    display: block;
    content: '';
    position: absolute;
    background-color: #162533
}

.ss-content.-flag:after {
    height: calc(75% + (20px));
    top: 25%;
    left: -25vw;
    width: 150vw
}

.ss-content.-half {
    height: 100%
}

.ss-content.-half:after {
    height: calc(100% + (42px));
    top: -21px;
    left: -20px;
    width: 100vw
}

.ss-content.-full .card-grid>div,
.ss-content.-half .card-grid>div {
    display: block
}

.ss-content.-half .card-grid>div>div:nth-child(1) img {
    min-height: 320px
}

.ss-content.-full {
    position: relative
}

.ss-content.-full:after {
    display: block;
    content: '';
    position: absolute;
    background-color: #162533;
    height: calc(50% + (20px));
    top: -20px;
    left: -25vw;
    width: 150vw
}

.ss-content.-bricks>.block {
    padding-bottom: 4em
}

.ss-content.-bricks .card-grid>div>div:nth-child(3n+1) img {
    aspect-ratio: 16/10
}

.offcanvas-drawer .site-search-form {
    padding-bottom: 20px
}

.offcanvas-drawer .site-search-form .form-control {
    background-color: #fbf0c3;
    border: 0;
    height: 3em;
    color: #162533
}

.offcanvas-drawer .site-search-form .input-group-btn .btn,
.ss-footer-search .site-search-form .input-group-btn .btn,
.ss-masthead-search .site-search-form .input-group-btn .btn {
    background: #92c64c;
    border: 0;
    height: 3em;
    display: flex;
    align-items: center;
    padding: 0 1em;
    color: #162533
}

.ss-nav-logo {
    padding: 15px
}

.ss-nav-logo .block {
    max-width: 340px
}

.ss-nav-logo .card {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.ss-footer-logo .card.promo.media .pull-left,
.ss-masthead-logo .card.promo.media .pull-left,
.ss-nav-logo .card.promo.media .pull-left {
    width: 100%
}

.ss-nav-logo .media-body {
    padding: 1.5em 0 .25em;
    width: auto;
    line-height: 1.1;
    font-size: 10px
}

.ss-nav-logo .media-body p {
    margin-bottom: 0;
    color: #2d4c69
}

body #site-footer-container {
    margin: 4em 0 0;
    background-color: #162533 !important;
    border-top: 3px solid #92c64c
}

.ss-footer-logo .block {
    max-width: 340px
}

.ss-footer-logo .block img {
    padding-right: 2em
}

.ss-footer-logo .card {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.ss-footer-logo .media-body {
    padding: 20px 0
}

.ss-footer-search .card {
    margin-bottom: 40px;
    padding: 0;
    box-shadow: none !important
}

.ss-footer-search .site-search-form {
    float: none !important;
    display: flex
}

.ss-footer-search .site-search-form .input-group-btn .btn span,
.ss-footer-search .site-search-form .sr-only {
    display: none
}

.ss-footer-search .site-search-form input.form-control,
.ss-masthead-search .site-search-form input.form-control {
    height: 3em;
    background-color: #0e1821;
    color: #fff;
    border: 0
}

.ss-footer-search .site-search-form .input-group-btn {
    width: auto
}

#site-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0
}

#site-footer #footer-col-two-nav_menu li {
    padding-bottom: 5px
}

#site-footer #footer-col-two-nav_menu li a {
    border-bottom: 3px solid transparent !important
}

#site-footer #footer-col-two-nav_menu li a:hover {
    padding-left: 0;
    border-bottom: 3px solid #92c64c !important
}

#site-footer #site-copyright {
    margin-top: 3em;
    position: relative
}

#site-footer #site-copyright:after {
    content: '';
    top: 0;
    left: -25vw;
    width: 150vw;
    height: 100%;
    display: block;
    position: absolute;
    background-color: #0e1821
}

#site-footer #site-copyright>section {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#site-footer #site-copyright>section * {
    float: none;
    width: auto
}

#main-navigation .navbar-nav:before,
#site-copyright-container,
#site-header-container {
    display: none
}

.ss-links {
    padding: 8em 0
}

.ss-links .block-title {
    text-align: center
}

.ss-links .block-title .block-title-inner {
    border-bottom: 0 !important
}

#main-body-container .ss-links .block-title .block-title-inner h3 {
    font-size: 32px;
    text-transform: none;
    letter-spacing: 0;
    font-family: "Raleway", sans-serif
}

.ss-links .list-inline {
    border: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    padding: 20px 0 0 !important
}

.ss-links .list-inline li {
    padding: 0
}

.ss-links .list-inline a {
    padding: .75em 1.5em;
    border: 1px solid #92c64c;
    color: #2d4c69;
    font-size: 16px;
    display: block;
    transition: all 100ms ease
}

.ss-links .list-inline a:hover {
    text-decoration: none;
    background-color: #92c64c;
    color: #fff
}

#main-navigation .navbar-header {
    grid-template-columns: 40px 1fr 40px
}

#main-navigation .navbar-header .hamburger-desktop {
    margin: 0 auto 0 0 !important;
    padding-left: 0 !important
}

#main-navigation .navbar-header .search-form-dropdown a {
    padding: 10px 0 10px 10px
}

#main-navigation .navbar-header .search-form-dropdown .yamm-content {
    padding-right: 0 !important
}

#main-navigation #navbar-collapse {
    width: auto;
    padding: 0;
    display: flex
}

#main-navigation #navbar-collapse>.navbar-left {
    float: none !important;
    flex: 0 1;
    margin-right: 0
}

#main-navigation #navbar-collapse>.navbar-left * {
    display: flex;
    height: 100%
}

#main-navigation #navbar-collapse>.pull-right {
    float: none
}

#main-navigation .navbar-nav {
    justify-content: flex-start;
    margin: 0 !important
}

#main-navigation .navbar-nav>li {
    margin-right: 6.66667px
}

#main-navigation .navbar-nav>li>a {
    font-size: 16px;
    padding-bottom: .5em
}

#main-navigation .navbar-nav>li>a:hover {
    color: #2d4c69 !important
}

#main-navigation .navbar-nav>li>a.nav-link {
    border-bottom: 3px solid transparent !important
}

#main-navigation .navbar-nav>li>a.nav-link:hover {
    border-bottom: 3px solid #92c64c !important
}

#main-navigation .navbar-nav>li:first-child>a {
    padding-left: 0
}

#main-navigation .navbar-nav#main-nav_menu li:first-child {
    transition: width 400ms ease 0ms;
    overflow: hidden;
    margin-right: 0;
    width: 0
}

body.blox-asset #main-navigation .navbar-nav#main-nav_menu li:first-child {
    width: 140px
}

#site-navbar-container:not(.affix-top) #main-navigation .navbar-nav#main-nav_menu li:first-child {
    display: flex;
    align-items: center;
    width: 140px;
    transition: width 400ms ease 300ms
}

#main-navigation .navbar-nav#main-nav_menu li:first-child>a {
    position: relative;
    display: block;
    width: 120px;
    height: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 0 !important
}

#main-navigation .navbar-nav#main-nav_menu li:first-child>a:before {
    content: '';
    background-image: url(https://bloximages.chicago2.vip.townnews.com/sfexaminer.com/content/tncms/custom/image/8ad2752a-16a3-11ed-a055-ef6bf63b17b6.png?resize=200%2C41);
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
    top: -3px
}

.blox-asset #main-navigation .navbar-nav#main-nav_menu li:first-child>a:before {
    top: 0
}

#main-navigation .navbar-nav#main-nav_menu li:first-child>a:hover {
    text-decoration: none;
    border: 0 !important;
    padding: 0
}

#main-navigation .navbar-nav#main-nav_menu li:first-child>a span {
    display: none
}

#tncms-region-index-featured-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    display: grid !important;
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1em
}

.ss-masthead-logo.-mobile img {
    margin: auto
}

.ss-masthead-logo.-mobile .pull-left {
    padding-right: 0
}

.ss-masthead-logo.-mobile .media-body {
    padding: .25em 0 0
}

.ss-masthead-logo.-mobile .media-body p {
    font-size: 10px;
    margin-bottom: 0;
    color: #6390a1;
    text-align: center
}

.ss-masthead-logo .block {
    max-width: 340px
}

.ss-masthead-logo .card {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.ss-masthead-logo .media-body {
    padding: .75em 0 .25em;
    width: auto
}

.ss-masthead-logo .media-body p {
    margin-bottom: 0;
    color: #6390a1
}

.ss-masthead-image {
    padding-bottom: 2.5em
}

.ss-masthead-image .block {
    width: 140px;
    margin-left: auto
}

.ss-masthead-search .navbar-nav>li>a:focus,
.ss-masthead-search .navbar-nav>li>a:hover {
    color: #2d4c69 !important
}

.ss-masthead-search .navbar-nav>li>a .tnt-svg path {
    fill: #2d4c69 !important
}

.ss-masthead-search .site-search-form {
    float: none !important;
    display: flex
}

.ss-masthead-search .site-search-form .input-group-btn .btn span,
.ss-masthead-search .site-search-form .sr-only {
    display: none
}

.ss-masthead-search .site-search-form .input-group-btn {
    width: auto
}

.ss-signup {
    position: relative;
    height: 100%
}

.ss-signup:after {
    display: block;
    content: '';
    position: absolute;
    background-color: #162533;
    height: calc(100% + (42px));
    top: -21px;
    right: -20px;
    width: 150vw
}

.ss-signup .block {
    position: relative;
    z-index: 2
}

body .ss-signup .headline.small {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: .5em;
    font-family: "Raleway", sans-serif;
    text-align: left
}

body .ss-signup .headline.small+p {
    max-width: 280px;
    padding-bottom: .5em;
    font-family: "Raleway", sans-serif;
    text-align: left
}

.ss-signup .card-panel {
    background-color: #2d4c69;
    color: #fff;
    text-align: left
}

.ss-signup .panel-body {
    padding: 32px 32px 36px
}

.ss-signup .panel-body *,
.ss-signup .panel-body p {
    text-align: left
}

.ss-signup .form-validate {
    display: flex
}

.ss-signup .form-validate .input-group-addon,
.ss-signup .form-validate .mailing-lists,
.ss-signup .form-validate>input {
    display: none
}

.ss-signup .form-validate>.email-address,
body #main-page-container [class*=" ss-"] .block {
    margin-bottom: 0
}

.ss-signup .form-validate>.email-address input {
    height: 3em;
    background-color: #162533;
    color: #fff;
    border: 0
}

.ss-signup .form-validate>.row {
    border-radius: 0;
    margin: 0
}

.ss-signup .form-validate>.row .mailinglist-btn-container .btn svg,
.ss-signup .form-validate>.row>* {
    display: none
}

.ss-signup .form-validate>.row .mailinglist-btn-container {
    padding: 0;
    float: none;
    width: auto;
    display: flex;
    border-radius: 0
}

.ss-signup .form-validate>.row .mailinglist-btn-container .btn {
    text-indent: -1000em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.81 9.27L16.96 9.1H16.67L8.47 0H0L8.12 9.27L0 18.53H8.47L16.67 9.44H16.74L16.81 9.27Z' fill='%230B1620'/%3E %3C/svg%3E ");
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: center;
    border: 0;
    width: 3em;
    height: 3em;
    padding: 1em;
    background-color: #92c64c
}

.ss-signup .form-validate>.row .mailinglist-btn-container:nth-child(2) {
    display: none
}

body {
    font-size: 16px;
    font-family: "Raleway", sans-serif
}

body #offcanvas-inner,
body #site-container {
    width: 100%;
    overflow-x: hidden
}

body #main-page-container {
    position: relative
}

body .container_fluid {
    width: 100%;
    max-width: 1396px;
    margin: auto
}

body:not(.blox-asset) #main-body-container .row {
    margin-right: -10px;
    margin-left: -10px
}

body:not(.blox-asset) #main-body-container .row .tncms-region {
    display: flex;
    height: 100%;
    flex-direction: column
}

body:not(.blox-asset) #main-body-container [class*=col-lg-],
body:not(.blox-asset) #main-body-container [class*=col-md-],
body:not(.blox-asset) #main-body-container [class*=col-sm-],
body:not(.blox-asset) #main-body-container [class*=col-xs-] {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 0
}

body:not(.blox-asset) #main-body-container .col-lg-12,
body:not(.blox-asset) #main-body-container .col-md-12,
body:not(.blox-asset) #main-body-container .col-sm-12,
body:not(.blox-asset) #main-body-container .col-xs-12 {
    width: 100%
}

@media (min-width:480px) {
    .ss-content .card-grid>div>div .card.has-image>.card-container>.card-body {
        padding: 120px 20px 20px
    }

    #site-footer #footer-col-two-nav_menu {
        display: flex;
        gap: 20px
    }

    #site-footer #footer-col-two-nav_menu li {
        padding-bottom: 0
    }
}

@media (min-width:650px) {

    .ss-asset-more .card-grid>div,
    .ss-content.-flag .card-grid>div {
        grid-template-columns: 1fr 1fr
    }

    .ss-content .card-grid>div>div .card.has-image>.card-container>.card-body {
        padding: 120px 10px 10px
    }

    .ss-content .card-grid>div>div img {
        aspect-ratio: 7/8
    }

    .ss-content.-flag:after {
        height: calc(50% + (20px));
        top: 50%;
        left: -25vw;
        width: 150vw
    }

    .ss-content.-full .card-grid>div>div:nth-child(1) img,
    .ss-content.-half .card-grid>div>div:nth-child(1) img {
        aspect-ratio: 16/10
    }

    .ss-content.-bricks .card-grid>div {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: 'a a' 'b c' 'd d' 'e f' 'g g'
    }

    #main-navigation .navbar-nav>li {
        margin-right: 20px
    }

    .ss-signup {
        padding-top: 0;
        margin-bottom: 20px
    }

    body:not(.blox-asset) #main-body-container .row {
        display: flex;
        height: 100%
    }
}

@media (min-width:768px) {

    body .asset .asset-content li,
    body .asset .asset-content p {
        font-size: 18px;
        line-height: 1.8
    }

    .ss-content .card-grid>div>div .card.has-image>.card-container>.card-body {
        padding: 120px 20px 20px
    }

    .ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-headline {
        font-size: 21px
    }

    .ss-content .card-grid>div>div img {
        aspect-ratio: 1
    }

    .ss-content.-bricks .card-grid>div,
    .ss-content.-flag .card-grid>div {
        grid-template-columns: 7fr 5fr
    }

    .ss-footer-logo .media-body {
        padding: 40px 0 0
    }

    #site-footer>.row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #site-footer>.row #footer-col-two {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    #site-footer #footer-col-two-nav_menu {
        justify-content: flex-end
    }
}

@media (min-width:992px) {
    .ss-asset-more .block {
        display: grid;
        grid-template-columns: 250px 1fr;
        max-width: 660px
    }

    .ss-asset-more .block .card-grid {
        width: calc(410px + ((100vw - 660px)/2) - 10px - 15px);
        max-width: calc(736px + 30px)
    }

    .ss-asset-more .card-grid>div>div:nth-child(1) img,
    .ss-content.-flag .card-grid>div>div:nth-child(1) img {
        aspect-ratio: 5/3
    }

    .ss-content.-flag .card-grid>div {
        grid-template-columns: 8fr 4fr
    }

    .ss-content.-full .card-grid>div>div:nth-child(1) img {
        aspect-ratio: 2/1
    }

    .ss-content.-bricks .card-grid>div {
        grid-template-areas: none;
        grid-template-columns: repeat(24, 1fr)
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(1) {
        grid-column: span 16
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(1) img {
        aspect-ratio: 16/10
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(2) {
        grid-column: span 8
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(3) {
        grid-column: span 14
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(3) img {
        aspect-ratio: 3/2
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(4) {
        grid-column: span 10
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(n+5) img {
        aspect-ratio: 4/3
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(5) {
        grid-column: span 7
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(6) {
        grid-column: span 10
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(7) {
        grid-column: span 7
    }

    .ss-footer-logo .block img {
        padding-right: 0
    }

    #site-footer #footer-col-two-nav_menu {
        gap: 40px
    }

    #main-navigation .navbar-header {
        display: none
    }

    .ss-masthead-search .dropdown-menu {
        width: 400px
    }
}

@media (min-width:1200px) {
    .ss-content .card-grid>div>div .card.has-image>.card-container>.card-body .tnt-headline {
        font-size: 24px
    }

    #site-footer #site-copyright>section {
        justify-content: flex-start
    }
}

@media (max-width:991px) {
    #main-navigation #navbar-collapse {
        display: none !important
    }

    .ss-masthead-image,
    .ss-masthead-logo.-desktop {
        display: none
    }
}

@media (min-width:650px) and (max-width:991px) {
    .ss-content.-bricks .card-grid>div>div:nth-child(1) {
        grid-area: a
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(2) {
        grid-area: b
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(3) {
        grid-area: c
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(4) {
        grid-area: d
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(5) {
        grid-area: e
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(6) {
        grid-area: f
    }

    .ss-content.-bricks .card-grid>div>div:nth-child(7) {
        grid-area: g
    }
}