/* NEWS BANNER STYLES */
.container-news-banner {
  padding: 0;
  max-width: none;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

/* WIDER NEWS BANNER CONTAINER */
.container-news-banner.wide{
  max-width: none !important;
}

@media only screen and (min-width: 1400px){
  .container-news-banner.wide{
    /* max-width: 1400px !important; */
  }
}

.news-banner h4 {
  opacity: 1;
  color: #000000;
  text-decoration: none !important;
}

.news-banner-outer:hover .news-banner h4 {
  color: #000000;
  text-decoration: underline !important;
}

.news-banner p {
  text-decoration: none;
  color: #000000;
}

.layout-body .news-banner h4 + p{
  padding: 0;
  margin: 10px 0 0;
}

.news-banner-content{
  padding: 15px 35px 15px 25px;
}

.news-banner-button{
  padding: 0 35px 7px 25px;
}

@media (min-width: 768px) {
  .news-banner a {
    padding: 0;
    display: flex;
  }

  .layout-body .news-banner h4 + p{
    line-height: 1.3;
    margin: 5px 0 0;
  }

  .news-banner-content {
    flex: 1 0 60%;
    padding: 15px 35px 0 25px;
  }

  .news-banner-button {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 30px 0 0;
  }

  .news-banner-button a {
    display: block;
  }

  .news-banner-button a.button-text {
    display: block;
  }

  .news-banner-button a.button-text {
    text-decoration: none;
  }

  .news-banner-outer:hover .news-banner-button a.button-text {
    text-decoration: underline;
  }
}

@media (min-width: 992px) {
  .news-banner-content {
    padding: 15px 25px 18px 45px;
  }

  .news-banner-button {
    padding: 0 45px 0 0;
  }
}

@media (min-width: 1400px) {
  .container-news-banner a{
    
  }

  .news-banner-content {
    padding: 15px 45px 18px 15px;
  }
  .news-banner-button {
    padding: 0 15px 0 0;
  }
}

/* IMMIGRATION NEWS BANNER - TRIANGLE DECORATIONS */
.immigration-news-banner{
  position: relative;
}

.immigration-news-banner::before,
.immigration-news-banner::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px; /* Adjust width as needed for the triangle pattern */
  pointer-events: none;
  z-index: 1;
}

.immigration-news-banner::before{
  left: 0;
  background-image: url('../assets/news-banner-triangles.svg');
  background-repeat: repeat-y;
  background-position: left top;
}

.immigration-news-banner::after{
  right: 0;
  background-image: url('../assets/news-banner-triangles.svg');
  background-repeat: repeat-y;
  background-position: left top;
  transform: scaleX(-1); /* Reverse horizontally */
}

/* NEWS BANNER LAYOUT */
a.news-banner-outer{
  display: block;
  max-width: none;
  width: 100%;
  text-decoration: none !important;
  background-color: #ffe15d;
}

a.news-banner-outer:hover{
  background-color: transparent;
}

.news-banner{
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px){
  .news-banner{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: auto;
    width: 100%;
  }
}

/* NEWS BANNER BUTTON TEXT STYLES - matching know-your-rights styles */
.news-banner .button.button-text{
  color: #000000 !important;
  text-decoration: none !important;
}

.news-banner .button.button-text{
  color: #000000;
  opacity: 1;
}

.news-banner .button.button-text::before{
  border-top-color: #000000;
}

.news-banner .button.button-text::after{
  border-top-color: #000000;
  border-right-color: #000000;
}

.news-banner-outer:hover .news-banner .button.button-text{
  color: #d98003 !important;
}

.news-banner-outer:hover .news-banner .button.button-text::before{
  border-top-color: #d98003;
}

.news-banner-outer:hover .news-banner .button.button-text::after{
  border-top-color: #d98003;
  border-right-color: #d98003;
}