section.news-letter__inner{
background: url(/sites/g/files/fnmzdf8856/files/2026-05/newsletter-popup%202.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and  (min-width: 768px) and (max-width: 1220px){
section.news-letter__inner{
background: url(/sites/g/files/fnmzdf8856/files/2026-05/newsletter-popup%202.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
}
@media only screen and (min-width: 275px) and (max-width: 767px){
section.news-letter__inner{
background: url(/sites/g/files/fnmzdf8856/files/2026-05/newsletter-popup%202.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
}
.news-letter .news-letter__inner .webform-submission-popup-form {
position: absolute;
bottom: 0;
display: flex;
width: 100%;
padding: 0;
margin: 0;
}

.news-letter.news-letter__inner .news-letter__inner-content-wrapper {
  height: 100%;
  position: relative;
  bottom: -6px;
}
.news-letter .news-letter__inner .news-letter__inner-content-wrapper {
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: auto !important;
}

@media screen and (min-width: 1024px) {
  .news-letter section.news-letter__inner {
    max-height: 50rem;
    max-width: 90rem;
    margin: 0 auto;
    height: 100%;
    width: 100%;
  }
  .news-letter .news-letter__inner .webform-submission-popup-form {
    padding-left: 5rem;
  }
   .news-letter__inner .news-letter .popupClosed.close .clear-icon::after {
    right: 0;
    top: calc(50% + 0rem);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news-letter section.news-letter__inner {
    max-height: 43rem;
    max-width: 75rem;
    margin: 0 auto;
    height: 100%;
    width: 95%;
  }
  .news-letter .news-letter__inner .webform-submission-popup-form {
    padding-left: 4rem;
  }
  .news-letter__inner .news-letter .popupClosed.close .clear-icon::after {
    right: 0;
    top: calc(50% + 0rem);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .news-letter section.news-letter__inner {
    height: 55rem;
    width: 36rem;
    margin: 0 auto;
  }

  .news-letter.sticky.bottom.news-letter--loaded {
    height: 100%;
    width: 100%;
    margin: 0 auto;
  }
  .news-letter .news-letter__inner .webform-submission-popup-form {
    padding-left: 3rem;
  }
  .news-letter__inner .news-letter .popupClosed.close .clear-icon::after {
    right: -1rem;
    background-color: #ffffff !important;
    top: calc(50% - 1rem);
    padding: 0;
    font-size: 2rem;
  }
}
@media screen and (min-width: 421px) and (max-width: 767px) {
  .news-letter section.news-letter__inner {
    height: 55rem;
    width: 38rem;
    margin: 0 auto;
  }
  }
@media screen and (min-width: 320px) and (max-width: 389px) {
  .news-letter section.news-letter__inner {
    height: 38rem;
    width: 32rem;
    margin: 0 auto;
  }
}
.hyperlink{color: #ffb800 !important;}
.news-letter section.news-letter__inner {
    max-height: 720px;
    max-width: 1280px;
}
.webform-submission-form {
    position:relative;
    padding: 15px;
}
@media (min-width: 768px) {
    .news-letter__inner .webform-submission-form {
        max-width: 50%;
        top: 40%;
        transform: translateY(-50%);
        padding: 40px;
    }
    .news-letter__inner .webform-submission-form .js-form-item h2.popup_title {
        font-size: 40px !important;
        margin-bottom: 15px;
        line-height: 48px;
    }
}
.news-letter__inner .webform-submission-form .js-form-item {
    color: #fff;
    text-align: left;
}
.news-letter__inner .webform-submission-form .js-form-item h2.popup_title {
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: 700;
}
.news-letter__inner .webform-submission-form .js-form-item p.popup_subtitle {
    font-size: 17px;
    margin-bottom:30px;

}

.news-letter__inner .webform-submission-form .form-actions .form-submit {
    background-color: #ffb800;
    color: #780068;
    font-size:14px;
    padding: 18px 21px;
    line-height:1.143;
    border-radius:50px;
    min-width: 200px;
    font-weight:900;
text-decoration: none;
}
.news-letter__inner .webform-submission-form .js-form-item p.popup_description {
    position:absolute;
    bottom:-45%;
    font-size:12px;
    line-height:14.4px;
    font-weight:300;
}
.news-letter .popupClosed .clear-icon::after {
    background-color: #ffffff !important;
    border-radius: 50px;
    padding:8px 12px !important;
    opacity:.5;
    font-weight:500;
}