.countdown-id-thin-banner-cd-cup .countdown-home-team,
.countdown-id-thin-banner-cd-cup .countdown-away-team {
  display: none;
}

.field--name-field-landing-sidebar .countdown-banner, 
.field--name-field-landing-max-width .countdown-banner {
border-radius: 10px;
}

.field--name-field-landing-full-width .countdown-banner {
border-radius: 0px; 
}

.countdown-id-thin-banner-cd-cup {
  height: 130px!important;
}

#thin-banner-cd-cup {

position: relative;
left: 368px;
top: -40px;
font-size: 14px!important;
}


@media (min-width: 1340px) {
	.countdown-id-thin-banner-cd-cup .countdown-banner {
	height: 180px;
	}
}



.match-banner__local-date {
  display: none;
}
.rich-text-output iframe {
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
    border-width: 0;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.site-matildas .banner-thin__full-width .banner-thin {
height: 115px!important;
}

@media only screen and (max-width: 768px) {
	.site-matildas .banner-thin__full-width .banner-thin {
	height: 50px!important;
	}
}

.site-matildas .match-banner__bottom-panel {
margin-bottom: 1em;
}


.site-matildas .banner-thin__full-width .banner-thin[style*="takeover_banner"] {
    height: 470px !important;
}


   
    .banner-thin[style*="takeover_banner"] {
      cursor: pointer;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; 
      height: 470px;
      padding: 0;
      margin: 0 auto; 
      margin-bottom: 1em;
      border-radius: 0;
      max-width: 1500px;
      display: block; 
      width: 100%;
    }
    
    /* Tablet breakpoint */
    @media (max-width: 1024px) {
      .banner-thin[style*="takeover_banner"] {
        height: 350px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 0.75em;
      }
    }
    
    /* Mobile breakpoint */
    @media (max-width: 768px) {
      .banner-thin[style*="takeover_banner"] {
        height: 250px;
        background-size: contain; 
        background-position: center;
        margin-bottom: 0.5em;
        width: 100%;
      }
    }
    
    /* Small mobile breakpoint */
    @media (max-width: 480px) {
      .banner-thin[style*="takeover_banner"] {
        height: 180px;
        width: 100%;
        background-size: contain;
        background-position: center;
      }
    }
    
.field--name-field-takeover-banner-image img {
  width: 100%;

}