/* ===================================== SINGLE PROMO BANNER ===================================== */
.g3-promo {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
  }
  
  .g3-promo__content {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 1.6em 0 0.3em 0;
    overflow: hidden;
  }
  
  .g3-promo__txt {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
  }
  
  .g3-promo .g3-eyebrow{
    padding-bottom: 1em;
    font-size: 2em;
  }

  .g3-promo a.g3-cta--ul {
    margin: 0.45em 0 0.2em 0;
    padding-bottom: 1em;
    font-size: 2em;
    font-weight: 500;
  }
  
  .g3-promo > h1 {
    font-family: "sofia-pro", sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.02em;
  }
  
  .g3-promo h2 {
    font-size: 3.1em;
    line-height: 1.3;
    letter-spacing: normal;
    padding-bottom: 0.2em;
  }
  
  .g3-promo h3 {
    font-size: 1.5em;
    line-height: 1.1;
    letter-spacing: 0.02em;
  }
  
  .g3-promo__txt--left {
    width: 100%;
    text-align: center;
  }
  
  .g3-promo__txt--left p {
    font-size: 1.7em;
    padding-bottom: 0.2em;
  }
  
  .g3-promo__txt--right {
    text-align: center;
    width: 65%;
    display: flex;
    flex-flow: nowrap;
    justify-content: space-around;
    align-items: center;
  }
  
  .g3-promo__txt--center {
    text-align: center;
    padding: 2em 0 1em 0;
  }
  
  .g3-promo__txt--center > div {
    position: relative;
    max-width: 100%;
    overflow: hidden;
  }
  .g3-promo__txt--center > h2 > sup {
    font-size: 0.4em; 
    vertical-align: 0.6em;
  }
  .g3-promo__txt .g3-sep {
    height: 50%;
    margin: 0;
    transform: translateY(40%);
  }
  
  .g3-promo__txt .g3-coupon-area {
    font-size: 1.3em;
    margin-top: 0.5em;
  }
  
  .g3-promo .g3-disclaimer {
    margin-top: 0em;
    padding-bottom: 1.8em;
    font-size: 1.45em;
  }
  
  /*Desktop Promo Banner*/
  @media (min-width: 1024px) {
    .g3-promo__content {
      width: 92%;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      padding: 2em 0 0.3em 0;
    }

    .g3-promo .g3-eyebrow{
        padding-bottom: 0.2em;
        font-size: .95em;
    }
    
    .g3-promo h2 {
      font-size: 1.5em;
      padding-bottom: 0em;
    }
  
    .g3-promo__txt {
      width: auto;
    }
  
    .g3-promo a.g3-cta--ul {
      margin: 0.45em 0.8em 0.2em 0.8em;
      padding-bottom: 0.3em;
      font-size: 1.1em;
      
    }
  
    .g3-promo__txt .g3-sep {
      height: 1.5em;
      margin: 0 1.3em;
      transform: none;
    }
  
    .g3-promo__txt--left {
      width: auto;
      text-align: left;
      padding-left: 4em;
    }
  
    .g3-promo__txt--left p {
      font-size: 1.1em;
      padding-bottom: 0;
    }
  
    .g3-promo__txt--center {
      padding: 0 0 0.5em 0;
    }
  
    .g3-promo__txt--right {
      display: block;
      text-align: right;
      width: auto;
      padding-right: 4em;
    }
  
    .g3-promo__txt .g3-coupon-area {
      font-size: 0.8125em;
      margin-top: 0;
    }
  
    .g3-promo .g3-disclaimer {
      margin-top: -0.5em;
      padding-bottom: 2.6em;
      font-size: 0.7em;
    }
  }
  /* ===================================== SINGLE PROMO BANNER END ===================================== */
  
/* ===================================== SINGLE COLUMN HERO 3 ===================================== */
.g3-hero__sc-3 .g3-img-overlay {
    display: block;
    position: absolute;
    width: 59%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
  }
  
  .g3-hero__sc-3 .g3-v-center {
    position: relative;
    display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 23.3em 0;
    overflow: hidden;
  }
  
  .g3-hero__sc-3__txt {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
  }
  
  .g3-hero__sc-3__txt .g3-eyebrow {
    font-size: 2.1em;
    font-weight: 600;
    padding-bottom: .9em;
  }
  
  .g3-hero__sc-3__txt h1 {
    font-family: 'kudryashev-d-contrast', serif;
    font-weight: 500;
    font-size: 6.4em;
    line-height: 1.1;
    letter-spacing: 0em;
  }
  .g3-hero__sc-3__txt p{
    display:block;
    padding: .75em 0 0;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.01em;
  }
  .g3-hero__sc-3__txt .g3-modernline {
    position: relative;
    width: auto;
    font-size: 1em;
  }
  
  .g3-hero__sc-3__txt sup {
    position: relative;
    vertical-align: 0em;
    font-size: 0.6em;
  }
  
  .g3-hero__sc-3__txt .g3-ctas {
    margin-top: 2.8em;
    white-space: nowrap;
    text-align: left;
  }
  
  .g3-hero__sc-3__txt a.g3-cta--block {
    margin: 0.4em 0;
    font-size: 2.2em;
  }
  
  .g3-hero__sc-3 .g3-background {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    z-index: -1;
  }
  
  @media (min-width: 1024px) {
    section.g3-hero__sc-3 .g3-img-overlay {
        width: 82.5%;
        left: 28%;
    }
  
    section.g3-hero__sc-3.g3-text-block--left .g3-img-overlay {
      left: 0%;
      right: auto;
      margin: 0;
    }
  
    section.g3-hero__sc-3.g3-text-block--right .g3-img-overlay {
      right: 0;
      left: auto;
      margin: 0;
    }
  
    section.g3-hero__sc-3.g3-text-block--center .g3-img-overlay {
      left: 0;
      right: 0;
      margin: 0 auto;
    }
  
    .g3-hero__sc-3 .g3-v-center {
      align-items: flex-end;
      padding: 0 0 8.1em 0;
    }
  
    .g3-hero__sc-3__txt {
      padding-bottom: 2em;
    }
  
    .g3-hero__sc-3__txt .g3-eyebrow {
      font-size: 1.5em;
      padding-bottom: .5em;
    }
  
    .g3-hero__sc-3__txt h1 {
        font-size: 4.7em;
    }
  
    .g3-hero__sc-3__txt h1 > .g3-modernline {
      font-size: 1em;
      margin-left: -0.05em;
    }
  
    .g3-hero__sc-3__txt > p {
      line-height: 1.5;
      padding: .8em 0 0;
      font-size: 1.3em;
      letter-spacing: 0;
    }
  
    .g3-hero__sc-3__txt .g3-ctas {
      margin-top: 2.3em;
    }
  
    .g3-hero__sc-3__txt a.g3-cta--block {
      margin: 0 0.6em;
      font-size: 1em;
    }
  }
/* ===================================== SINGLE COLUMN HERO 3 END ===================================== */

/* ===================================== TRIO EDITORIAL ===================================== */
a.g3-trio__item .TrioHeader {
    font-size: 3.7em;
}
@media (min-width: 1024px) {
    a.g3-trio__item .TrioHeader {
        font-size: 2em;
    }  
}
/*===================================== TRIO EDITORIAL END ===================================== */

/* ===================================== IT LIST EDITORIAL ===================================== */
.hpItListJuly24 .g3-img-overlay {
  padding: 0 0 5.7em 0;
}
.hpItListJuly24 .g3-editorial__hero-1__txt {
    text-align: center;
}
.hpItListJuly24 .g3-editorial__hero-1__txt h1 {
  line-height: 0.7;
}

.hpItListJuly24 .g3-editorial__hero-1__txt h1 small {
  font-size: 67%;
}

.hpItListJuly24 .g3-editorial__hero-1__txt p {
  font-size: 2.2em;
  padding-top: 1em;
}
.hpItListJuly24 .g3-editorial__hero-1__txt .g3-ctas {
    text-align: center;
  }
@media (min-width: 1024px) {
  .hpItListJuly24 .g3-img-overlay {
    padding: 0 0 13em 0em;
  }

  section.hpItListJuly24.g3-text-block--left .g3-img-overlay {
    width: 33.5%;
  }

  .hpItListJuly24 .g3-editorial__hero-1__txt {
    text-align: center;
  }

  .hpItListJuly24 .g3-editorial__hero-1__txt > h1 {
    font-size: 4.4em;
  }

  .hpItListJuly24 .g3-editorial__hero-1__txt p {
    font-size: 1.5em;
    padding-top: 0.25em;
    letter-spacing: 0.01em;
  }

  .hpItListJuly24 .g3-editorial__hero-1__txt .g3-ctas {
    margin-top: 2em;
    text-align: center;
  }
}
/* ===================================== IT LIST EDITORIAL END===================================== */

/* ===================================== AT WEEKEND EDITORIAL ===================================== */
.hpATWeekendJune24 .g3-img-overlay {
    padding: 0;
}
.hpATWeekendJune24 .g3-v-center {
  align-items: flex-end;
}

.hpATWeekendJune24 .g3-editorial__hero-1__txt {
  padding-bottom: 3.5em;
}

.hpATWeekendJune24 .g3-editorial__hero-1__txt p {
  font-size: 2em;
}
.hpATWeekendJune24 .g3-editorial__hero-1__txt .g3-ctas {
    margin-top: 2.2em;
}

@media (min-width: 1024px) {
  section.hpATWeekendJune24.g3-text-block--center .g3-img-overlay {
    width: 50%;
    padding: 0 0 10em;
  }
  .hpATWeekendJune24 .g3-editorial__hero-1 .g3-v-center {
    align-items: flex-end;
  }

  .hpATWeekendJune24 .g3-editorial__hero-1__txt p {
    font-size: 1.3em;
    line-height: 1.5;
    text-align: center;
  }
  .hpATWeekendJune24 .g3-editorial__hero-1__txt .g3-ctas {
    margin-top: 1.5em;
    text-align: center;
  }
  .hpATWeekendJune24 .g3-editorial__hero-1__txt a.g3-cta--block {
    background-color: #fff;
    border: none;
  }
}
/* ===================================== AT WEEKEND EDITORIAL END ===================================== */

/* ===================================== CC EDITORIAL ===================================== */
.hpCCJuly24 .g3-img-overlay {
  padding: 0 0 6.3em 0;
}

.hpCCJuly24 .g3-editorial__hero-1__txt h1 {
  font-size: 6.3em;
}

.hpCCJuly24 .g3-editorial__hero-1__txt p {
  padding-top: 0.7em;
  letter-spacing: -0.01em;
}

.hpCCJuly24 .g3-editorial__hero-1__txt .g3-ctas {
  margin-top: 4.2em;
}

@media (min-width: 1024px) {
  .hpCCJuly24 .g3-img-overlay {
    padding: 0 0 10.5em 4.7em;
  }

  section.hpCCJuly24.g3-text-block--right .g3-img-overlay {
    width: 25.5%;
  }

  .hpCCJuly24 .g3-editorial__hero-1__txt {
    text-align: left;
  }

  .hpCCJuly24 .g3-editorial__hero-1__txt h1 {
    font-size: 3.6em;
    line-height: 1.05;
    letter-spacing: -0.02em;
    padding-bottom: 0.1em;
    text-align: left;
  }

  .hpCCJuly24 .g3-editorial__hero-1__txt p {
    text-align: left;
    font-size: 1.55em;
    letter-spacing: -0.01em;
    padding-top: 0;
  }

  .hpCCJuly24 .g3-editorial__hero-1__txt .g3-ctas {
    margin-top: 2.4em;
    text-align: left;
  }
}
/* ===================================== CC EDITORIAL END ===================================== */