/* =========================================================
   TWOSU NEWS — MASTER SITE POLISH
   Clean professional news styling
   ========================================================= */


/* ---------- GLOBAL ---------- */

:root {
  --twosu-red: #d60000;
  --twosu-red-dark: #a90000;
  --twosu-black: #080808;
  --twosu-charcoal: #151515;
  --twosu-charcoal-2: #1d1d1d;
  --twosu-white: #ffffff;
  --twosu-gray: #bdbdbd;
  --twosu-light-gray: #e7e7e7;
  --twosu-border: #2a2a2a;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--twosu-black);
  color: var(--twosu-white);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a {
  transition: all 0.2s ease;
}

img {
  max-width: 100%;
  height: auto;
}


/* ---------- MAIN CONTENT WIDTH ---------- */

.wp-site-blocks > main,
main.wp-block-group,
.site-main {
  width: 100%;
}

.wp-block-group.alignwide,
.wp-block-columns.alignwide,
.wp-block-query.alignwide {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-group:not(.alignfull),
.wp-block-columns:not(.alignfull),
.wp-block-query:not(.alignfull) {
  box-sizing: border-box;
}


/* ---------- SECTION HEADINGS ---------- */

h1,
h2,
h3,
h4 {
  letter-spacing: -0.02em;
}

h2 {
  font-weight: 800;
}

.twosu-section-title,
.wp-block-heading.twosu-section-title {
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  padding-bottom: 0.65rem;
  border-bottom: 5px solid var(--twosu-red);
}


/* ---------- STORY CARDS ---------- */

.wp-block-post-template {
  gap: 24px;
}

.wp-block-post {
  background: var(--twosu-charcoal);
  border-top: 4px solid var(--twosu-red);
  overflow: hidden;
  transition: transform 0.2s ease, background 0.2s ease;
}

.wp-block-post:hover {
  transform: translateY(-2px);
  background: var(--twosu-charcoal-2);
}

.wp-block-post-title {
  font-weight: 800;
  line-height: 1.2;
}

.wp-block-post-title a {
  color: var(--twosu-white);
  text-decoration: none;
}

.wp-block-post-title a:hover {
  color: #f3f3f3;
}


/* ---------- FEATURED IMAGES ---------- */

.wp-block-post-featured-image,
.twosu-featured-image {
  overflow: hidden;
  background: #000;
}

.wp-block-post-featured-image a {
  display: block;
}

/* Keeps homepage/news cards visually consistent */
.wp-block-post-featured-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: transform 0.25s ease;
}

.wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.015);
}


/* ---------- CATEGORY / LABEL STYLE ---------- */

.wp-block-post-terms {
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.wp-block-post-terms a {
  color: var(--twosu-red);
  text-decoration: none;
}

.wp-block-post-terms a:hover {
  color: var(--twosu-white);
}


/* ---------- STORY CARD CONTENT ---------- */

.wp-block-post > .wp-block-group,
.twosu-story-content {
  padding: 18px 20px 22px;
}

.wp-block-post-excerpt {
  color: #d0d0d0;
}


/* ---------- BUTTONS ---------- */

.wp-block-button__link,
.twosu-button,
a.twosu-button {
  background: var(--twosu-red);
  color: var(--twosu-white) !important;
  border-radius: 0;
  padding: 13px 20px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 1px solid var(--twosu-red);
}

.wp-block-button__link:hover,
.twosu-button:hover,
a.twosu-button:hover {
  background: var(--twosu-red-dark);
  border-color: var(--twosu-red-dark);
  color: var(--twosu-white) !important;
}


/* Secondary dark button */
.twosu-button-secondary,
.wp-block-button.is-style-outline .wp-block-button__link {
  background: #242424;
  color: var(--twosu-white) !important;
  border: 1px solid #343434;
}

.twosu-button-secondary:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #333;
  border-color: #444;
}


/* ---------- TWOSU COVERAGE CARDS ---------- */

.twosu-coverage-card {
  background: var(--twosu-charcoal);
  border-left: 6px solid var(--twosu-red);
  padding: 26px 24px;
  height: 100%;
  box-sizing: border-box;
}

.twosu-coverage-card h3 {
  margin-top: 0;
  font-size: 1.35rem;
  font-weight: 800;
  text-transform: uppercase;
}

.twosu-coverage-card p {
  color: #e2e2e2;
  font-size: 1rem;
}

.twosu-coverage-card a {
  color: var(--twosu-white);
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.twosu-coverage-card a:hover {
  color: var(--twosu-red);
}


/* ---------- ARTICLE PAGE ---------- */

.single-post main,
.single-post .site-main {
  background: var(--twosu-black);
}

.single-post .wp-block-post-title,
.single-post h1 {
  font-size: clamp(2.1rem, 5vw, 4.2rem);
  line-height: 1.04;
  font-weight: 850;
  max-width: 1100px;
}

.single-post .wp-block-post-date,
.single-post .wp-block-post-author-name {
  color: var(--twosu-gray);
}

.single-post .wp-block-post-content {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.08rem;
  line-height: 1.8;
}

.single-post .wp-block-post-content p {
  margin-bottom: 1.4em;
}

.single-post .wp-block-post-content h2 {
  font-size: clamp(1.55rem, 3vw, 2.3rem);
  line-height: 1.2;
  margin-top: 2.2em;
  border-left: 5px solid var(--twosu-red);
  padding-left: 15px;
}


/* Featured image on article page */
.single-post .wp-block-post-featured-image img {
  aspect-ratio: auto;
  max-height: 720px;
  object-fit: cover;
}


/* ---------- EMBEDDED VIDEO ---------- */

.wp-block-embed,
.wp-block-video {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.wp-block-embed__wrapper {
  overflow: hidden;
}

.wp-block-embed-youtube .wp-block-embed__wrapper,
.wp-block-embed-vimeo .wp-block-embed__wrapper {
  aspect-ratio: 16 / 9;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-vimeo iframe {
  width: 100%;
  height: 100%;
}


/* ---------- DIVIDERS ---------- */

.wp-block-separator {
  border: 0;
  height: 2px;
  background: var(--twosu-border);
}

.twosu-red-divider {
  height: 4px;
  background: var(--twosu-red);
  border: 0;
}


/* ---------- HEADER / NAV ---------- */

header a {
  text-decoration: none;
}

header nav a {
  font-weight: 700;
}

header nav a:hover {
  color: var(--twosu-red);
}


/* ---------- FOOTER ---------- */

footer {
  border-top: 4px solid var(--twosu-red);
}

footer a {
  color: var(--twosu-white);
}

footer a:hover {
  color: var(--twosu-red);
}


/* ---------- MOBILE / TABLET ---------- */

@media (max-width: 900px) {

  .wp-block-columns {
    gap: 18px;
  }

  .twosu-coverage-card {
    padding: 22px 18px;
  }

  .wp-block-post > .wp-block-group,
  .twosu-story-content {
    padding: 16px;
  }

  .single-post .wp-block-post-content {
    font-size: 1.03rem;
  }

}


@media (max-width: 600px) {

  body {
    overflow-x: hidden;
  }

  h1 {
    word-break: normal;
  }

  .wp-block-post-template {
    gap: 18px;
  }

  .wp-block-post-featured-image img {
    aspect-ratio: 4 / 3;
  }

  .wp-block-button,
  .wp-block-button__link {
    width: 100%;
  }

  .wp-block-button__link {
    text-align: center;
    box-sizing: border-box;
  }

  .twosu-coverage-card {
    padding: 20px 18px;
  }

  .single-post .wp-block-post-title,
  .single-post h1 {
    font-size: 2rem;
  }
}

/* TWOSU - Related post images on mobile */

@media (max-width: 768px) {

    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100% !important;
        float: none !important;
        margin: 0 0 28px 0 !important;
        padding: 0 !important;
    }

    #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }

    #jp-relatedposts .jp-relatedposts-post-a {
        display: block !important;
    }

    #jp-relatedposts .jp-relatedposts-post-title {
        margin-top: 8px !important;
    }
}
}


/* ---------- OPTIONAL CLEANUP ---------- */

/* Prevent overly rounded WordPress defaults */
.wp-element-button,
.wp-block-button__link,
input,
select,
textarea {
  border-radius: 0;
}

/* Slightly tighter desktop cards */
@media (min-width: 1000px) {
  .wp-block-post-title {
    font-size: 1.45rem;
  }
}
/* TWOSU - Force Jetpack Related Posts images on phones */

@media screen and (max-width: 782px) {

    #jp-relatedposts .jp-relatedposts-items-visual {
        display: block !important;
    }

    #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 0 30px 0 !important;
    }

    #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-a {
        display: block !important;
    }

    #jp-relatedposts .jp-relatedposts-items-visual img,
    #jp-relatedposts img.jp-relatedposts-post-img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        margin: 0 0 10px 0 !important;
    }

    #jp-relatedposts .jp-relatedposts-post-thumbs {
        display: block !important;
    }
}

/* TWOSU SITE TITLE / HOME LINK */

.wp-block-site-title a,
.wp-block-site-title a:visited,
.site-title a,
.site-title a:visited {
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-decoration:none !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
}

/* Add HOME next to TWOSU */
.wp-block-site-title a::after,
.site-title a::after {
content:“HOME” !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
font-size:12px !important;
font-weight:700 !important;
letter-spacing:1px !important;
padding-left:8px !important;
border-left:1px solid #666666 !important;
}

/* Keep everything white when tapped or visited */
.wp-block-site-title a:hover,
.wp-block-site-title a:focus,
.wp-block-site-title a:active,
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-decoration:none !important;
}

/* ==========================================
   TWOSU NEWS — BREAKING NEWS TICKER
========================================== */

.twosu-breaking-link {
    display: block;
    width: 100%;
    text-decoration: none !important;
    color: #fff !important;
}

.twosu-breaking-bar {
    width: 100%;
    background: #c90000;
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 60px;
    cursor: pointer;
}

.twosu-breaking-label {
    background: #fff;
    color: #c90000;
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding: 0 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 5;
}

.twosu-breaking-window {
    flex: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.twosu-breaking-scroll {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;

    /* THIS is what makes it move */
    animation-name: twosuTicker;
    animation-duration: 18s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    will-change: transform;
}

.twosu-breaking-headline {
    display: inline-block;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    padding: 0 45px;
}

.twosu-breaking-separator {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
}

@keyframes twosuTicker {

    0% {
        transform: translateX(100vw);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Pause on desktop hover */
.twosu-breaking-link:hover .twosu-breaking-scroll {
    animation-play-state: paused;
}


/* MOBILE */
@media (max-width: 700px) {

    .twosu-breaking-bar {
        min-height: 54px;
    }

    .twosu-breaking-label {
        min-height: 54px;
        font-size: 11px;
        padding: 0 12px;
        letter-spacing: 1px;
    }

    .twosu-breaking-headline {
        font-size: 16px;
        padding: 0 30px;
    }

    .twosu-breaking-scroll {
        animation-duration: 15s;
    }
}

/* =========================================================
   TWOSU NEWS
   REMOVE SECONDARY JETPACK SUBSCRIPTION FROM NEWS/BLOG PAGE
   DOES NOT AFFECT HOMEPAGE SUBSCRIBE SECTION
   ========================================================= */

/* WordPress posts-page / blog archive */
body.blog main .wp-block-jetpack-subscriptions,
body.blog main .wp-block-jetpack-subscriptions__container,
body.blog main .jetpack_subscription_widget,
body.blog main .jetpack-subscription,
body.blog main [class*="jetpack"][class*="subscription"]{
    display:none !important;
}

/* Some WordPress.com themes identify the posts page differently */
body.home.blog main .wp-block-jetpack-subscriptions,
body.home.blog main .wp-block-jetpack-subscriptions__container,
body.home.blog main .jetpack_subscription_widget,
body.home.blog main .jetpack-subscription,
body.home.blog main [class*="jetpack"][class*="subscription"]{
    display:none !important;
}

/* Preserve the custom TWOSU homepage subscription */
#twosu-subscribe,
#twosu-subscribe .wp-block-jetpack-subscriptions,
#twosu-subscribe .wp-block-jetpack-subscriptions__container{
    display:block !important;
}

/* =========================================================
   TWOSU NEWS — IPHONE TOP STORY IMAGE FIX
   PRESERVE FULL FEATURED IMAGE / NO CROPPING
   ========================================================= */

@media(max-width:781px){

    .twosu-lead-list .wp-block-latest-posts__featured-image{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:20px !important;
    }

    .twosu-lead-list .wp-block-latest-posts__featured-image img{
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        aspect-ratio:auto !important;
        object-fit:contain !important;
        object-position:center center !important;
        display:block !important;
        border-radius:0 !important;
    }

}

/* =========================================================
   TWOSU NEWS — MOBILE LANDSCAPE FIX
   iPhone + Android
   ========================================================= */

/* Allow normal mobile browser resizing */
html,
body{
    -webkit-text-size-adjust:auto !important;
    text-size-adjust:auto !important;
}


/* =========================================================
   LANDSCAPE PHONE LAYOUT
   ========================================================= */

@media screen and (orientation:landscape) and (max-height:600px){

    html,
    body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;

        -webkit-text-size-adjust:auto !important;
        text-size-adjust:auto !important;
    }


    #twosuNewsroom{
        width:100% !important;
        max-width:100% !important;
    }


    #twosuNewsroom .tw-container{
        width:calc(100% - 28px) !important;
        max-width:none !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }


    /* -----------------------------------------
       TOP STORY
       ----------------------------------------- */

    #twosuNewsroom .tw-lead{
        width:100% !important;
    }


    #twosuNewsroom .tw-lead-inner{
        padding:20px !important;
    }


    #twosuNewsroom
    .tw-lead-list
    .wp-block-latest-posts__post-title{

        font-size:clamp(
            28px,
            4vw,
            40px
        ) !important;

        line-height:1.05 !important;
    }


    /* -----------------------------------------
       WEATHER
       ----------------------------------------- */

    #twosuNewsroom .tw-weather-body{
        display:grid !important;

        grid-template-columns:
            220px
            minmax(0,1fr) !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:1px solid #303030 !important;
        border-bottom:0 !important;
    }


    #twosuNewsroom .tw-weather-forecast{
        min-width:0 !important;
    }


    #twosuNewsroom .tw-weather-days{
        min-width:600px !important;
    }


    /* -----------------------------------------
       LATEST NEWS / HEADLINES
       ----------------------------------------- */

    #twosuNewsroom .tw-headline-list li{
        grid-template-columns:
            minmax(0,1fr)
            130px !important;
    }


    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image,

    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image img{

        width:130px !important;
    }


    /* -----------------------------------------
       NEWS DESKS
       ----------------------------------------- */

    #twosuNewsroom .tw-desks{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }


    /* -----------------------------------------
       VIDEO / DASH CAM
       ----------------------------------------- */

    #twosuNewsroom .tw-media-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }


    /* -----------------------------------------
       MOBILE NAV BUTTON GRID
       ----------------------------------------- */

    #twosuNewsroom .tw-mobile-menu{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }


    /* -----------------------------------------
       CATEGORY BUTTON GRID
       ----------------------------------------- */

    #twosuNewsroom
    .tw-category-list
    .wp-block-categories{

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }


    /* -----------------------------------------
       UTILITY BUTTONS
       ----------------------------------------- */

    #twosuNewsroom .tw-tools{
        display:flex !important;
        width:auto !important;
        gap:6px !important;
    }


    #twosuNewsroom .tw-tool{
        width:auto !important;
        min-width:90px !important;

        padding-left:12px !important;
        padding-right:12px !important;
    }


    /* -----------------------------------------
       SECTION HEADINGS
       ----------------------------------------- */

    #twosuNewsroom .tw-section-title,
    #twosuNewsroom .tw-column-title{
        text-align:left !important;
    }


    #twosuNewsroom .tw-section-title::after,
    #twosuNewsroom .tw-column-title::after{
        left:0 !important;
        transform:none !important;
    }
}


/* =========================================================
   VERY SHORT LANDSCAPE PHONES
   ========================================================= */

@media screen and (orientation:landscape) and (max-height:430px){

    #twosuNewsroom .tw-container{
        width:calc(100% - 20px) !important;
    }


    #twosuNewsroom .tw-mobile-menu{
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;
    }


    #twosuNewsroom
    .tw-category-list
    .wp-block-categories{

        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;
    }


    #twosuNewsroom
    .tw-lead-list
    .wp-block-latest-posts__post-title{

        font-size:clamp(
            27px,
            3.7vw,
            36px
        ) !important;
    }
}

/* =========================================================
   TWOSU NEWS — PHONE LANDSCAPE OVERRIDE
   Paste at the BOTTOM of Additional CSS
   ========================================================= */

@media screen and (orientation:landscape) and (max-height:600px){

    html,
    body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
        -webkit-text-size-adjust:auto !important;
        text-size-adjust:auto !important;
    }

    #twosuNewsroom{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    /* Keep phone navigation */
    #twosuNewsroom .tw-desktop-nav{
        display:none !important;
    }

    #twosuNewsroom .tw-mobile-nav{
        display:block !important;
    }

    #twosuNewsroom .tw-mobile-menu{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    /* Keep homepage vertical like portrait */
    #twosuNewsroom .tw-newsroom-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }

    #twosuNewsroom .tw-lead{
        order:1 !important;
        width:100% !important;
    }

    #twosuNewsroom .tw-mobile-weather-slot{
        order:2 !important;
        width:100% !important;
    }

    #twosuNewsroom .tw-latest-rail{
        order:3 !important;
        width:100% !important;
        margin-top:25px !important;
    }

    #twosuNewsroom .tw-headlines-rail{
        order:4 !important;
        width:100% !important;
        margin-top:25px !important;
    }

    /* Keep weather mobile style */
    #twosuNewsroom .tw-weather-body{
        display:block !important;
    }

    #twosuNewsroom .tw-weather-current{
        border-right:0 !important;
        border-bottom:1px solid #303030 !important;
    }

    /* Keep desks stacked */
    #twosuNewsroom .tw-desks{
        grid-template-columns:1fr !important;
    }

    /* Keep video stacked */
    #twosuNewsroom .tw-media-grid{
        grid-template-columns:1fr !important;
    }

    /* Keep section headings centered */
    #twosuNewsroom .tw-column-title,
    #twosuNewsroom .tw-section-title{
        text-align:center !important;
    }

    #twosuNewsroom .tw-column-title::after,
    #twosuNewsroom .tw-section-title::after{
        left:50% !important;
        transform:translateX(-50%) !important;
    }

    /* Prevent oversized headline images */
    #twosuNewsroom .tw-headline-list li{
        grid-template-columns:minmax(0,1fr) 105px !important;
    }

    #twosuNewsroom .tw-headline-list .wp-block-latest-posts__featured-image,
    #twosuNewsroom .tw-headline-list .wp-block-latest-posts__featured-image img{
        width:105px !important;
    }

    /* Keep top buttons clean */
    #twosuNewsroom .tw-tools{
        width:100% !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        gap:5px !important;
    }

    #twosuNewsroom .tw-tool{
        width:100% !important;
        min-width:0 !important;
    }
}

=========================================================

   TWOSU NEWS — BREAKING + MARKET TICKER MOBILE FIX

   COPY / PASTE AT BOTTOM OF ADDITIONAL CSS

   ========================================================= */

/* =========================================================

   1. REMOVE DUPLICATE BREAKING LABEL

   Keep the actual breaking-news ticker itself.

   ========================================================= */

/* Hide an extra section heading immediately above

   the actual breaking shortcode/widget */

#twosuNewsroom .tw-breaking > .tw-section-title,

#twosuNewsroom .tw-breaking > .tw-column-title,

#twosuNewsroom .tw-breaking-section > .tw-section-title,

#twosuNewsroom .tw-breaking-section > .tw-column-title,

#twosuNewsroom .tw-breaking-wrap > .tw-section-title,

#twosuNewsroom .tw-breaking-wrap > .tw-column-title {

    display:none !important;

}

/* If the outer wrapper uses a plain H2/H3 */

#twosuNewsroom .tw-breaking-section > h2:first-child,

#twosuNewsroom .tw-breaking-section > h3:first-child,

#twosuNewsroom .tw-breaking-wrap > h2:first-child,

#twosuNewsroom .tw-breaking-wrap > h3:first-child {

    display:none !important;

}

/* =========================================================

   2. MARKET / TRADINGVIEW CONTAINERS

   Prevent the widgets from being squeezed and cut off.

   ========================================================= */

#twosuNewsroom .tradingview-widget-container,

#twosuNewsroom .tradingview-widget-container__widget {

    width:100% !important;

    max-width:100% !important;

}

/* Market cards need their own horizontal viewport */

#twosuNewsroom .tw-market-card,

#twosuNewsroom .tw-market-widget,

#twosuNewsroom .tw-market-panel,

#twosuNewsroom .tw-energy,

#twosuNewsroom .tw-financial,

#twosuNewsroom .tw-tradingview-wrap {

    width:100% !important;

    max-width:100% !important;

    min-width:0 !important;

    overflow-x:auto !important;

    overflow-y:hidden !important;

    -webkit-overflow-scrolling:touch !important;

    overscroll-behavior-x:contain;

}

/* =========================================================

   3. DO NOT CROP TRADINGVIEW IFRAMES

   ========================================================= */

#twosuNewsroom .tradingview-widget-container iframe,

#twosuNewsroom iframe[src*="tradingview"],

#twosuNewsroom iframe[src*="TradingView"] {

    display:block !important;

    border:0 !important;

    max-width:none !important;

    min-width:100% !important;

}

/* =========================================================

   4. MOBILE MARKET FIX

   Give the ticker enough internal width to display

   ALL supplied instruments.

   ========================================================= */

@media screen and (max-width:781px) {

    /* Outer market section stays inside phone viewport */

    #twosuNewsroom .tw-market-card,

    #twosuNewsroom .tw-market-widget,

    #twosuNewsroom .tw-market-panel,

    #twosuNewsroom .tw-energy,

    #twosuNewsroom .tw-financial,

    #twosuNewsroom .tw-tradingview-wrap,

    #twosuNewsroom .tradingview-widget-container {

        width:100% !important;

        max-width:100% !important;

        min-width:0 !important;

    }

    /* Allow horizontal finger scrolling */

    #twosuNewsroom .tradingview-widget-container {

        overflow-x:auto !important;

        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch !important;

        scrollbar-width:none;

    }

    #twosuNewsroom .tradingview-widget-container::-webkit-scrollbar {

        display:none;

    }

    /*

     * TradingView needs more room than the phone viewport.

     * This stops multiple instruments from being crushed.

     */

    #twosuNewsroom .tradingview-widget-container__widget {

        min-width:700px !important;

        width:700px !important;

        max-width:none !important;

    }

    #twosuNewsroom .tradingview-widget-container iframe,

    #twosuNewsroom iframe[src*="tradingview"],

    #twosuNewsroom iframe[src*="TradingView"] {

        min-width:700px !important;

        width:700px !important;

        max-width:none !important;

    }

    /* Keep the widget clipped to its own area only */

    #twosuNewsroom .tw-market-card,

    #twosuNewsroom .tw-market-panel {

        overflow:hidden !important;

    }

    /*

     * Then allow only the TradingView content itself

     * to scroll left/right.

     */

    #twosuNewsroom .tw-market-card .tradingview-widget-container,

    #twosuNewsroom .tw-market-panel .tradingview-widget-container {

        overflow-x:auto !important;

        overflow-y:hidden !important;

    }

}

/* =========================================================

   5. SMALL iPHONE / ANDROID

   ========================================================= */

@media screen and (max-width:430px) {

    #twosuNewsroom .tradingview-widget-container__widget,

    #twosuNewsroom .tradingview-widget-container iframe,

    #twosuNewsroom iframe[src*="tradingview"],

    #twosuNewsroom iframe[src*="TradingView"] {

        min-width:760px !important;

        width:760px !important;

    }

}

/* =========================================================

   6. LANDSCAPE PHONE

   Use more available width but still preserve scrolling

   if the complete ticker exceeds the screen.

   ========================================================= */

@media screen and (orientation:landscape) and (max-height:600px) {

    #twosuNewsroom .tradingview-widget-container__widget,

    #twosuNewsroom .tradingview-widget-container iframe,

    #twosuNewsroom iframe[src*="tradingview"],

    #twosuNewsroom iframe[src*="TradingView"] {

        min-width:900px !important;

        width:900px !important;

    }

}

/* =========================================================

   7. MARKET TITLES

   Keep section headers full width and readable.

   ========================================================= */

#twosuNewsroom .tw-market-title,

#twosuNewsroom .tw-market-card h3,

#twosuNewsroom .tw-market-panel h3 {

    width:100% !important;

    max-width:100% !important;

    overflow:visible !important;

}

/* =========================================================

   8. PREVENT MARKET SECTION FROM CAUSING PAGE-WIDE

   HORIZONTAL SCROLL

   ========================================================= */

html,

body,

#twosuNewsroom {

    max-width:100% !important;

    overflow-x:hidden !important;

}

/* =========================================================
   TWOSU NEWS — TABLET + DESKTOP LAYOUT RECOVERY
   Paste at VERY BOTTOM of Additional CSS
   ========================================================= */


/* =========================================================
   TABLET / DESKTOP
   782px AND WIDER
   ========================================================= */

@media screen and (min-width:782px) {

    /* -----------------------------------------
       PAGE / CONTAINERS
       ----------------------------------------- */

    html,
    body,
    #twosuNewsroom {
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    #twosuNewsroom .tw-container {
        width:100% !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:22px !important;
        padding-right:22px !important;
        box-sizing:border-box !important;
    }


    /* -----------------------------------------
       DESKTOP NAVIGATION
       ----------------------------------------- */

    #twosuNewsroom .tw-desktop-nav {
        display:block !important;
    }

    #twosuNewsroom .tw-mobile-nav {
        display:none !important;
    }


    /* -----------------------------------------
       MAIN NEWSROOM GRID
       Top Story | Latest News
       Top Headlines underneath/full usable width
       ----------------------------------------- */

    #twosuNewsroom .tw-newsroom-grid {
        display:grid !important;

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(0, 1fr) !important;

        column-gap:40px !important;
        row-gap:40px !important;

        width:100% !important;
        max-width:100% !important;

        align-items:start !important;
    }


    #twosuNewsroom .tw-lead {
        width:100% !important;
        max-width:none !important;

        grid-column:1 !important;

        min-width:0 !important;
    }


    #twosuNewsroom .tw-latest-rail {
        width:100% !important;
        max-width:none !important;

        grid-column:2 !important;

        min-width:0 !important;

        margin-top:0 !important;
    }


    #twosuNewsroom .tw-headlines-rail {
        width:100% !important;
        max-width:none !important;

        grid-column:1 / -1 !important;

        min-width:0 !important;

        margin-top:10px !important;
    }


    /* -----------------------------------------
       TOP STORY
       Stop headline from becoming ultra narrow
       ----------------------------------------- */

    #twosuNewsroom .tw-lead-list,
    #twosuNewsroom .tw-lead-list li {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    #twosuNewsroom
    .tw-lead-list
    .wp-block-latest-posts__post-title {

        width:100% !important;
        max-width:100% !important;

        font-size:clamp(34px,4vw,58px) !important;
        line-height:1.02 !important;

        word-break:normal !important;
        overflow-wrap:normal !important;
    }


    /* -----------------------------------------
       TOP STORY IMAGE
       ----------------------------------------- */

    #twosuNewsroom
    .tw-lead-list
    .wp-block-latest-posts__featured-image {

        width:100% !important;
        max-width:100% !important;
    }

    #twosuNewsroom
    .tw-lead-list
    .wp-block-latest-posts__featured-image img {

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

        object-fit:cover !important;
    }


    /* -----------------------------------------
       LATEST NEWS
       ----------------------------------------- */

    #twosuNewsroom .tw-latest-rail ul,
    #twosuNewsroom .tw-latest-rail li {

        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;
    }


    /* -----------------------------------------
       TOP HEADLINES
       THIS IS THE BIG FIX FOR YOUR SCREENSHOT
       ----------------------------------------- */

    #twosuNewsroom .tw-headline-list {

        width:100% !important;
        max-width:100% !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:0 36px !important;
    }


    #twosuNewsroom .tw-headline-list li {

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            150px !important;

        column-gap:20px !important;

        align-items:start !important;
    }


    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__post-title {

        width:auto !important;
        max-width:none !important;

        word-break:normal !important;
        overflow-wrap:break-word !important;
    }


    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image {

        width:150px !important;
        max-width:150px !important;
    }


    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image img {

        width:150px !important;
        max-width:150px !important;

        height:auto !important;
    }


    /* -----------------------------------------
       WEATHER
       ----------------------------------------- */

    #twosuNewsroom .tw-weather-body {

        display:grid !important;

        grid-template-columns:
            minmax(230px,0.75fr)
            minmax(0,2fr) !important;

        width:100% !important;
    }


    #twosuNewsroom .tw-weather-current {

        border-right:1px solid #303030 !important;
        border-bottom:0 !important;
    }


    /* -----------------------------------------
       DRIVER + MARKET DESK
       ----------------------------------------- */

    #twosuNewsroom .tw-market-card,
    #twosuNewsroom .tw-market-panel,
    #twosuNewsroom .tw-market-widget,
    #twosuNewsroom .tw-energy,
    #twosuNewsroom .tw-financial {

        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;
    }


    /*
     * IMPORTANT:
     * Undo old forced 700 / 760 / 900px
     * TradingView mobile widths on tablets/computers.
     */

    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe,
    #twosuNewsroom iframe[src*="tradingview"],
    #twosuNewsroom iframe[src*="TradingView"] {

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }


    /* -----------------------------------------
       NEWS DESKS
       ----------------------------------------- */

    #twosuNewsroom .tw-desks {

        display:grid !important;

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;

        gap:24px !important;

        width:100% !important;
    }


    /* -----------------------------------------
       VIDEO + DASH CAM
       ----------------------------------------- */

    #twosuNewsroom .tw-media-grid {

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:24px !important;

        width:100% !important;
    }


    /* -----------------------------------------
       SECTION HEADINGS
       ----------------------------------------- */

    #twosuNewsroom .tw-section-title,
    #twosuNewsroom .tw-column-title {

        width:100% !important;
        max-width:100% !important;
    }
}



/* =========================================================
   LARGE TABLETS / iPAD LANDSCAPE
   ========================================================= */

@media screen and (min-width:950px) and (max-width:1199px) {

    #twosuNewsroom .tw-container {

        max-width:1160px !important;

        padding-left:22px !important;
        padding-right:22px !important;
    }


    #twosuNewsroom .tw-newsroom-grid {

        grid-template-columns:
            minmax(0,1.1fr)
            minmax(0,1fr) !important;

        column-gap:34px !important;
    }


    #twosuNewsroom .tw-headline-list {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-desks {

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}



/* =========================================================
   TABLET PORTRAIT
   ========================================================= */

@media screen and (min-width:782px) and (max-width:949px) {

    #twosuNewsroom .tw-container {

        max-width:920px !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }


    /*
     * Give tablet portrait a comfortable stacked newsroom
     * instead of squashing two tiny columns.
     */

    #twosuNewsroom .tw-newsroom-grid {

        display:block !important;
    }


    #twosuNewsroom .tw-lead,
    #twosuNewsroom .tw-latest-rail,
    #twosuNewsroom .tw-headlines-rail {

        width:100% !important;
        max-width:100% !important;

        margin-top:32px !important;
    }


    #twosuNewsroom .tw-lead {

        margin-top:0 !important;
    }


    #twosuNewsroom .tw-headline-list {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-desks {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-media-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}



/* =========================================================
   TRUE DESKTOP
   ========================================================= */

@media screen and (min-width:1200px) {

    #twosuNewsroom .tw-container {

        max-width:1320px !important;
    }


    #twosuNewsroom .tw-newsroom-grid {

        grid-template-columns:
            minmax(0,1.35fr)
            minmax(380px,0.85fr) !important;

        column-gap:48px !important;
    }


    #twosuNewsroom .tw-desks {

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}

/* =========================================================
   TWOSU NEWS — FUNCTIONALITY RECOVERY OVERRIDE
   Paste at the ABSOLUTE BOTTOM of Additional CSS
   ========================================================= */


/* =========================================================
   1. GLOBAL RESPONSIVE SAFETY
   ========================================================= */

html,
body,
#twosuNewsroom{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

#twosuNewsroom *,
#twosuNewsroom *::before,
#twosuNewsroom *::after{
    box-sizing:border-box;
}


/* =========================================================
   2. RESTORE EXISTING WEATHER CENTER
   Do NOT redesign or reposition it.
   ========================================================= */

#twosuNewsroom .tw-weather,
#twosuNewsroom #twWeather,
#twosuNewsroom .tw-weather-section{
    width:100% !important;
    max-width:100% !important;

    visibility:visible !important;
    opacity:1 !important;

    position:relative !important;
    z-index:1 !important;
}


/* Weather slots must not collapse */

#twosuNewsroom #twWeatherDesktopSlot,
#twosuNewsroom #twMobileWeatherSlot,
#twosuNewsroom .tw-mobile-weather-slot{
    width:100% !important;
    max-width:100% !important;

    visibility:visible !important;
    opacity:1 !important;
}


/* =========================================================
   3. TRADINGVIEW RESET
   Cancel the old 700 / 760 / 900px rules.
   Preserve the EXISTING market design.
   ========================================================= */

#twosuNewsroom .tw-market-card,
#twosuNewsroom .tw-market-widget,
#twosuNewsroom .tw-market-panel,
#twosuNewsroom .tw-energy,
#twosuNewsroom .tw-financial,
#twosuNewsroom .tw-tradingview-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}


/* Restore native TradingView sizing */

#twosuNewsroom .tradingview-widget-container{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    overflow:hidden !important;
}


#twosuNewsroom .tradingview-widget-container__widget{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}


#twosuNewsroom .tradingview-widget-container iframe,
#twosuNewsroom iframe[src*="tradingview"],
#twosuNewsroom iframe[src*="TradingView"]{
    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    border:0 !important;
}


/* =========================================================
   4. REMOVE DUPLICATE OUTER BREAKING LABEL
   Preserve the actual breaking ticker.
   ========================================================= */

#twosuNewsroom .tw-breaking > .tw-section-title,
#twosuNewsroom .tw-breaking > .tw-column-title,
#twosuNewsroom .tw-breaking-section > .tw-section-title,
#twosuNewsroom .tw-breaking-section > .tw-column-title,
#twosuNewsroom .tw-breaking-wrap > .tw-section-title,
#twosuNewsroom .tw-breaking-wrap > .tw-column-title,
#twosuNewsroom .tw-breaking-section > h2:first-child,
#twosuNewsroom .tw-breaking-section > h3:first-child,
#twosuNewsroom .tw-breaking-wrap > h2:first-child,
#twosuNewsroom .tw-breaking-wrap > h3:first-child{
    display:none !important;
}


/* =========================================================
   5. PHONE — PORTRAIT
   ========================================================= */

@media screen and (max-width:781px){

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:none !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:12px !important;
        padding-right:12px !important;
    }


    /* Mobile navigation */

    #twosuNewsroom .tw-desktop-nav{
        display:none !important;
    }

    #twosuNewsroom .tw-mobile-nav{
        display:block !important;
    }


    /* Homepage stays vertically stacked */

    #twosuNewsroom .tw-newsroom-grid{
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        max-width:100% !important;

        gap:0 !important;
    }


    #twosuNewsroom .tw-lead{
        order:1 !important;
        width:100% !important;
    }


    #twosuNewsroom .tw-mobile-weather-slot{
        order:2 !important;
        width:100% !important;
    }


    #twosuNewsroom .tw-latest-rail{
        order:3 !important;
        width:100% !important;
        margin-top:25px !important;
    }


    #twosuNewsroom .tw-headlines-rail{
        order:4 !important;
        width:100% !important;
        margin-top:25px !important;
    }


    /* Weather stays mobile */

    #twosuNewsroom .tw-weather-body{
        display:block !important;
        width:100% !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:0 !important;
        border-bottom:1px solid #303030 !important;
    }


    /* Headlines */

    #twosuNewsroom .tw-headline-list{
        grid-template-columns:1fr !important;
    }


    #twosuNewsroom .tw-headline-list li{
        grid-template-columns:
            minmax(0,1fr)
            105px !important;
    }


    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image,
    #twosuNewsroom
    .tw-headline-list
    .wp-block-latest-posts__featured-image img{
        width:105px !important;
        max-width:105px !important;
    }


    /* News desks */

    #twosuNewsroom .tw-desks{
        grid-template-columns:1fr !important;
    }


    /* Video */

    #twosuNewsroom .tw-media-grid{
        grid-template-columns:1fr !important;
    }


    /*
     * IMPORTANT:
     * Cancel all old mobile TradingView fixed widths.
     */

    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe,
    #twosuNewsroom iframe[src*="tradingview"],
    #twosuNewsroom iframe[src*="TradingView"]{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   6. TRUE PHONE LANDSCAPE ONLY
   Replaces the old broad max-height:600px behavior.
   ========================================================= */

@media screen
and (orientation:landscape)
and (max-width:950px)
and (max-height:520px){

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:none !important;

        padding-left:12px !important;
        padding-right:12px !important;
    }


    #twosuNewsroom .tw-desktop-nav{
        display:none !important;
    }


    #twosuNewsroom .tw-mobile-nav{
        display:block !important;
    }


    #twosuNewsroom .tw-newsroom-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }


    #twosuNewsroom .tw-weather-body{
        display:block !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:0 !important;
        border-bottom:1px solid #303030 !important;
    }


    #twosuNewsroom .tw-desks{
        grid-template-columns:1fr !important;
    }


    #twosuNewsroom .tw-media-grid{
        grid-template-columns:1fr !important;
    }


    /* Absolutely no 900px iframe */

    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe,
    #twosuNewsroom iframe[src*="tradingview"],
    #twosuNewsroom iframe[src*="TradingView"]{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   7. iPAD / TABLET PORTRAIT
   ========================================================= */

@media screen
and (min-width:782px)
and (max-width:949px){

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:920px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }


    #twosuNewsroom .tw-desktop-nav{
        display:none !important;
    }


    #twosuNewsroom .tw-mobile-nav{
        display:block !important;
    }


    #twosuNewsroom .tw-newsroom-grid{
        display:block !important;
        width:100% !important;
    }


    #twosuNewsroom .tw-lead,
    #twosuNewsroom .tw-latest-rail,
    #twosuNewsroom .tw-headlines-rail{
        width:100% !important;
        max-width:100% !important;
    }


    #twosuNewsroom .tw-latest-rail,
    #twosuNewsroom .tw-headlines-rail{
        margin-top:32px !important;
    }


    #twosuNewsroom .tw-weather-body{
        display:grid !important;

        grid-template-columns:
            minmax(220px,.75fr)
            minmax(0,2fr) !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:1px solid #303030 !important;
        border-bottom:0 !important;
    }


    #twosuNewsroom .tw-headline-list{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-desks{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-media-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   8. iPAD / LARGE TABLET LANDSCAPE
   ========================================================= */

@media screen
and (min-width:950px)
and (max-width:1199px){

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:1160px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:22px !important;
        padding-right:22px !important;
    }


    /* Use tablet navigation, not squeezed desktop nav */

    #twosuNewsroom .tw-desktop-nav{
        display:none !important;
    }


    #twosuNewsroom .tw-mobile-nav{
        display:block !important;
    }


    #twosuNewsroom .tw-newsroom-grid{
        display:grid !important;

        grid-template-columns:
            minmax(0,1.1fr)
            minmax(0,1fr) !important;

        column-gap:34px !important;
        row-gap:38px !important;

        width:100% !important;
    }


    #twosuNewsroom .tw-lead{
        grid-column:1 !important;
    }


    #twosuNewsroom .tw-latest-rail{
        grid-column:2 !important;
    }


    #twosuNewsroom .tw-headlines-rail{
        grid-column:1 / -1 !important;
    }


    #twosuNewsroom .tw-headline-list{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-weather-body{
        display:grid !important;

        grid-template-columns:
            minmax(230px,.75fr)
            minmax(0,2fr) !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:1px solid #303030 !important;
        border-bottom:0 !important;
    }


    #twosuNewsroom .tw-desks{
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-media-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   9. TRUE DESKTOP
   ========================================================= */

@media screen and (min-width:1200px){

    #twosuNewsroom .tw-container{
        width:100% !important;
        max-width:1320px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }


    #twosuNewsroom .tw-desktop-nav{
        display:block !important;
    }


    #twosuNewsroom .tw-mobile-nav{
        display:none !important;
    }


    #twosuNewsroom .tw-newsroom-grid{
        display:grid !important;

        grid-template-columns:
            minmax(0,1.35fr)
            minmax(380px,.85fr) !important;

        column-gap:48px !important;
        row-gap:40px !important;

        width:100% !important;
    }


    #twosuNewsroom .tw-lead{
        grid-column:1 !important;
    }


    #twosuNewsroom .tw-latest-rail{
        grid-column:2 !important;
    }


    #twosuNewsroom .tw-headlines-rail{
        grid-column:1 / -1 !important;
    }


    #twosuNewsroom .tw-headline-list{
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:0 36px !important;
    }


    #twosuNewsroom .tw-weather-body{
        display:grid !important;

        grid-template-columns:
            minmax(230px,.75fr)
            minmax(0,2fr) !important;
    }


    #twosuNewsroom .tw-weather-current{
        border-right:1px solid #303030 !important;
        border-bottom:0 !important;
    }


    #twosuNewsroom .tw-desks{
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tw-media-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    #twosuNewsroom .tradingview-widget-container,
    #twosuNewsroom .tradingview-widget-container__widget,
    #twosuNewsroom .tradingview-widget-container iframe{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}

#twosu-subscribe .wp-block-jetpack-subscriptions__supports-newline,
#twosu-subscribe .wp-block-jetpack-subscriptions__button-and-input-wrapper + p,
#twosu-subscribe .wp-block-jetpack-subscriptions p:first-child,
#twosu-subscribe .wp-block-jetpack-subscriptions h2,
#twosu-subscribe .wp-block-jetpack-subscriptions h3,
#twosu-subscribe .jetpack-subscribe-title,
#twosu-subscribe .jetpack-subscribe-description {
    display: none !important;
}

#twosuNext .tw-breaking-title a {
    color:#d60000 !important;
}