@font-face {
  font-family: Carnation Regular;
  src: url(../fonts/carnation-regular.otf) format("opentype"), url(../fonts/carnation-regular.woff2) format("woff2"), url(../fonts/carnation-regular.woff) format("woff"), url(../fonts/carnation-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-Regular.ttf) format("opentype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-Medium.ttf) format("opentype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-SemiBold.ttf) format("opentype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'Open Sans';
  src: url(../fonts/OpenSans-Bold.ttf) format("opentype");
  font-weight: 700;
  font-style: normal
}

.burbank {
  font-family: "Carnation Regular";
}

html {
  background: #fff;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-family: "Carnation Regular";

}

/* header */
.header {
  background-color: #fff;
  background-size: cover;
}

.header__logo {
  max-width: none;
  background-size: auto 73%;
  background-repeat: repeat-x;
  text-align: center;
}

.header__logo__kids-image {
  width: 65px;
}

.header__logo a {
  right: 7%;
}



/* Menu code */

.main-navigation {
  font-family: "Carnation Regular";
  z-index: 10;
}

.main-navigation {
    background-color: #4f4696 !important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.main-navigation .main-menu li a {
    height: 100%;
    display: block;
    padding: 16px;
    color: #fdf6bd;
    font-size: 38px;
    line-height: 26px;
    letter-spacing: 1.4px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.main-navigation .main-menu li {
  margin: 0;
}

@media (min-width: 768px) {
    .main-navigation {
        padding: 0 8px;
    }
}

@media (min-width: 768px) {
  .main-navigation {
   
    padding: 0 8px;
  }

  .main-navigation .main-menu li a {
    margin: 0;
    padding: 16px 32px;
    
  }
}

@media (min-width: 768px) {
  .main-navigation .main-menu li.active a {
    background-color: #4f4696;
    color: #9ddbf6;
  }
}

.main-navigation .main-menu li.active a {
    background-color: #4f4696;
    color: #9ddbf6;
}

/* mobile responsive */

.main-navigation.show-menu {
  padding-bottom: 32px;
  
  @media (min-width: 768px) {
    padding-bottom: 0px;
  }
}

@media (max-width: 1024px) {
  .main-navigation {
    background-color: #4f4696 !important;
  }
   .main-navigation .main-menu li a {
        padding: 16px 32px !important;
    }
}

/* Container: flex-end on mobile, hidden at md+ */
.js-nav-hamburger {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  padding: 0.5rem;
}

@media (min-width: 768px) {
  .js-nav-hamburger {
    display: none;
  }
}

/* Base hamburger button */
.hamburger {
  border: none;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

/* The box that holds the three lines */
.hamburger-box {
  width: 35px;
  height: 23px;
  position: relative;
  display: inline-block;
}

/* The three lines (inner + pseudo-elements) */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.hamburger-inner {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger-inner::before {
  content: "";
  top: -10px;
}

.hamburger-inner::after {
  content: "";
  bottom: -10px;
}

/* Squeeze variant: faster timing */
.hamburger--squeeze .hamburger-inner,
.hamburger--squeeze .hamburger-inner::before,
.hamburger--squeeze .hamburger-inner::after {
  transition-duration: 0.15s;
}

/* Active state: rotate lines into an "X" */
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  background-color: #fff;
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  transform: translateY(10px) rotate(90deg);
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  transform: translateY(-10px) rotate(90deg);
  opacity: 0;
}

.main-navigation.show-menu .main-menu {
  display: block;
}

@media (min-width: 45rem) {
  .main-navigation.show-menu .main-menu {
    display: flex;
  }
}

/* mobile responsive end here */

/* Author Illustrator */

.page-template-author-illustrator {
  background-color: #fff3fc;
  position: relative;
}

.page-template-author-illustrator .flex-wrap .flex {
  padding: 1rem;
}

.dark-pink-text-colour {
  color: #cf2f70;
}

.page-template-author-illustrator h1 {
  font-family: "Carnation Regular";
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .page-template-author-illustrator h1 {
    font-size: 55px;
    line-height: 62px;
  }
}

/* /banner */

@media (min-width: 46.6667rem) {
   .hero-content > h2 {
        font-size: 70px !important;
        line-height: 52px !important;
        text-transform: none !important;
        font-family: "Carnation Regular" !important;
    }
}

.hero-content > h2 {
    margin-bottom: 16px;
    font-size: 42px;
    line-height: 36px;
    text-transform: none !important;
    font-family: "Carnation Regular" !important;
}
@media (min-width: 768px) {
    .hero-content {
        width: 40%;
        padding: 1rem;
    }
    .hero-image{
        width: 60%;
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.hero-cta
{
    background-color: #4f4696;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    transition: all .3s;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .08);
    display: inline-block;
    font-size: 34px;
    padding: 16px 48px;
    line-height: 26px;
    text-transform: uppercase;
}

/* Activity */

.single-activity,
.signup {
  font-family: "Carnation Regular";
}

.back-button {
  margin: 20px 0 0 35px;
  color: #4f4696 !important;
  margin-right: auto !important;
}

.single-activity .activities-title {
  font-family: "Carnation Regular" !important;
  text-transform: none !important;
  padding: 48px;
  font-weight: 400 !important;
  color: #8cb035;
  margin-bottom: 16px;
  font-size: 42px;
  @media (min-width: 768px) {
    font-size: 70px;
  }
}

.single-activity {
  .asset-detail__description {
    p {
      @media (min-width: 768px) {
        text-align: left !important;
      }
    }
  }
  
  .asset-detail__action {
    font-size: 28px;
    line-height: 26px;
    padding: 16px 48px;
    
    @media (min-width: 768px) {
      font-size: 34px;
      line-height: 26px;
    }
  }

  .asset-content {

    @media (min-width: 768px) {
      h1.asset-detail__title {
        font-size: 70px;
        line-height: 1;
      }
    }

    .asset-detail__title {
      font-size: 32px;
      line-height: 1.2;
      font-family: 'Carnation Regular';
      text-transform: capitalize;
      
      @media (min-width: 768px) {
        font-size: 38px;
      }
    }

    p.dark-pink-text-colour {
      font-size: 15px;
      line-height: 22px;
      color: #4f4696;
      font-weight: 700;

      @media (min-width: 768px) {
        font-size: 18px;
        line-height: 27px;
        text-align: left;
      }
    }

    .text-base {
      color: #454545;
      font-family: 'Open Sans';
      display: -webkit-box;
      -webkit-line-clamp: 4;
      line-clamp: 4;
      -webkit-box-orient: vertical;  
      overflow: hidden;
      text-overflow: ellipsis;

      @media (min-width: 768px) {
        font-size: 18px;
      }
    }
  }
}

.back-button a {
  position: relative;
  font-size: 24px;
  color: #4f4696 !important;
  line-height: 28px;
  text-transform: capitalize;
  text-decoration: none;
  @media (min-width: 768px) {
    font-size: 28px;
  }
}

.back-button a:before {
  content: "<";
  color: #4f4696 !important;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: 50%;
  left: -30px;
  height: 28px;
  width: 23px;
  transform: translateY(-50%);
}

.off-white-background {
  background-color: #fdf6bd;
  position: relative;
    display: flex;
    flex-direction: column;
    max-width: unset !important;
    width: 100% !important;
}

.asset-detail{
    margin-left: auto;
    margin-right: auto;
}

.off-white-background:after,
.off-white-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  /* width: 100%; */
  content: "";
  flex: 1;
  background: #fff3fc;
  height: 100%;
}

.asset-detail__category {
  color: #4f4696 !important;
  font-family: "Open Sans";
  margin: 8px 0;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  @media (min-width: 768px) {
    text-align: left;
  }
}

.asset-detail__title {
  margin-bottom: 8px;
  line-height: 1;
  font-size: 32px;
  color: #4f4696;
  text-transform: uppercase;
  text-align: center;
  @media (min-width: 768px) {
    font-size: 70px;
    text-align: left;
  }
}

.asset-detail__description {
  color: #454545;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 64px;
  text-align: center;
  @media (min-width: 768px) {
    font-size: 22px;
    text-align: left;
    margin-bottom: 60px !important;
  }
}

.asset-detail__action {
  background-color: #4f4696;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  transition: all .3s;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .08);
  font-size: 24px;
  text-transform: uppercase;
  padding: 20px 48px 18px;
  display: block;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  width: fit-content;

  @media (min-width: 768px) {
    display: inline-block;
    margin: 0;
  }
}

.related-book h4 {
  text-transform: uppercase;
  color: #794f9a;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 8px;

}

@media (min-width: 768px) {

  .activity-detail .asset-detail .related-book__price,
  .activity-detail .asset-detail .related-book__summary {
    font-size: 22px;
    line-height: 28px;
  }
}

.related-book__price,
.related-book__summary {
  color: #794f9a;
  font-size: 18px;
  line-height: 22px;
}

.activity-detail .asset-detail .related-book__price {
  margin-bottom: 0;
}

.asset-detail__image img {
  max-width: 90%;
  margin: 0 auto;
}

.image-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .08);
}

.related-book__content a {

  text-decoration: none;
}

/* Activity */
.post-type-archive-activity {
  font-family: "Carnation Regular";

}

.dark-pink-text-colour,
.pink-text-colour {
  color: #cf2f70;
}

.activities__subtitle,
.activities__title {
  background-color: #fff3fc;
  position: relative;
}

.pink-text-colour {
  font-size: 22px;
  line-height: 28px;
}

.pink__colour {
  background: #fff3fc;
}

/* Activity single page */

.activities-section {
  padding: 16px;
  text-align: center;
  max-width: 1200px;
  margin: 20px auto;
}

@media (min-width: 768px) {
  .activities-section {
    padding: 32px;
  }
}

.activities-title {
  color: #de0e8c;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;

  padding: 24px 0 32px;
}

@media (min-width: 768px) {
  .activities-title {
    font-size: 30px;
  }
}

.related-activities-slider-container {
  position: relative;

  padding: 0 45px;
}

@media (max-width: 500px) {
  .related-activities-slider-container {
    padding: 0 25px;
  }
}

.activity-item {
  padding: 0 8px;
  box-sizing: border-box;
}

.activity-card {
  display: block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.activity-image-container {
  position: relative;
  margin-bottom: 12px;
}

.activity-image-container img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 250 / 350;
  object-fit: cover;
  border-radius: 8px;
}

.activity-title {
  font-size: 18px !important;
  font-family: "Open Sans" !important;
  color: #4f4696;
  line-height: 28px;
  text-align: center;
  min-height: 58px;
  padding: 0 4px;

}

/* Tiny Slider Arrow Styling - UPDATED */
.related-activities-slider-container .tns-controls {
  position: absolute;
  top: calc(50% - 35px);

  left: 0px;
  right: 0px;
  display: flex;
  justify-content: space-between;
  z-index: 10;
  pointer-events: none;
}

.related-activities-slider-container .tns-controls button {
  pointer-events: all;
  background-color: transparent;
  color: #84307c;
  border: none;
  border-radius: 0;
  width: 40px;
  height: 43px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  /* Important for vertical centering of button text */
}

.related-activities-slider-container .tns-controls button:hover {
  color: #84307c;
  /* Color remains unchanged on hover */
}

/* Styling for smaller screens if buttons need to be smaller */
@media (max-width: 500px) {
  .related-activities-slider-container .tns-controls button {
    width: 35px;
    height: 38px;
    font-size: 24px;
  }
}

/* Styles for disabled state of buttons (if loop:false, this rule shouldn't apply with loop:true) */
.related-activities-slider-container .tns-controls button[disabled] {
  opacity: 1;
  cursor: pointer;
  color: #84307c;
}

/* Gutter spacing (Tiny Slider adds these to .tns-inner) */
.tns-inner {
  padding-left: 0 !important;
  /* If tiny-slider adds internal paddings */
  padding-right: 0 !important;
}

/* tv */
.tv-series {

  font-family: "Carnation Regular";
  background-color: #fff;
}

.tv-series .header {
  border-bottom: 1px solid #f6c9dd;
}

.tv-series .wp-block-group a {
  text-transform: uppercase;
  text-decoration: none;
}

.tv-series .wp-block-group h1,
.tv-series .wp-block-group h2 {
  text-transform: uppercase;

}

.tv-series .wp-block-group p {
  margin-bottom: 1em;
  font-size: 22px;
  line-height: 28px;
}

.tv-series .primary-button {
  font-size: 22px;
  line-height: 48px;
}

.primary-button {
  background-color: #cf2f70;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 30px;
  transition: all .3s;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .08);
  display: inline-block;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.defer-background:before {
  right: 100%;
}

.defer-background:after,
.defer-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  content: "";
  flex: 1;
  background: #000;
  height: 100%;
}

.defer-background:after {
  left: 100%;
}

.defer-background:after,
.defer-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  content: "";
  flex: 1;
  background: #000;
  height: 100%;
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .tv-series .wp-block-group h1 {
    font-size: 55px;
    line-height: 62px;
  }

  .tv-series .wp-block-group h2 {
    font-size: 40px;
    line-height: 48px;
  }
}

/* 
characters */


.meet-nancy-section {
  background-color:#d47380;
  position: relative;
  overflow: visible;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.meet-nancy-section::before,
.meet-nancy-section::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100%;
  background-color: #ec6aa9;
  z-index: -1;
}

.meet-nancy-section::before {
  right: 100%;
}

.meet-nancy-section::after {
  left: 100%;
}

.meet-nancy-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;

  
}

.meet-nancy-title {
  font-size: 36px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  p {
    font-size: 18px !important;
  }
}

.characters-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}

.character-item {
  width: 50%;
  flex-shrink: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.character-item .character-image-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 0;
}

.character-item .character-image-link {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  transition: all 0.3s;
}

.character-item .character-image-link::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  z-index: 2;
  transition: all 0.3s;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.character-item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.character-item .character-name-link {
  font-family: 'Burbank-Regular', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  border: 6px solid transparent;
  border-radius: 8px;
  padding: 0.2em 0.8em;
  display: inline-block;
  text-decoration: none;
  text-transform: capitalize;
  transition: background-color 0.3s, border-color 0.3s;
  width: auto;
  max-width: 90%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-top: -2px;
}

.character-item.is-active .character-image-link::after {
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  background-color: #ae3189;
}

.character-item.is-active .character-name-link {
  background-color: #ae3189;
  border-color: #fff;
}

.character-item:not(.is-active) .character-image-link:hover::after {
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  background-color: #ae3189;
}

.character-item:not(.is-active) .character-name-link:hover {
  background-color: #ae3189;
  border-color: #fff;
}

@media (min-width: 768px) {
  .meet-nancy-section {
    padding-top: 3rem;
    padding-bottom: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .meet-nancy-title {
    font-size: 55px;
    line-height: 62px;
    margin-bottom: 1.5rem;
  }

  .character-item {
    width: 50%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .character-item .character-image-container {
    margin-bottom: 0;
  }

  .character-item .character-image-link {
    width: 175px;
    height: 175px;
  }

  .character-item img {
    max-width: 100%;
    max-height: 100%;
  }

  .character-item .character-name-link {
    font-size: 28px;
    line-height: 1;
    border-width: 8px;
    border-radius: 10px;
    padding: 0.3em 1em;
    max-width: 260px;
    margin-top: -6px;
  }

  .character-item.is-active .character-image-link::after {
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
  }

  .character-item:not(.is-active) .character-image-link:hover::after {
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
  }
}

@media (min-width: 768px) {
  .meet-nancy-container {
    max-width: 768px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .meet-nancy-container {
    max-width: 1024px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .meet-nancy-container {
    max-width: 1280px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.page-template-characters {
  section.meet-nancy-section {
    padding: 40px 16px;
  
    @media (min-width: 768px) {
      padding: 64px 0px;
    }
  
    .characters-wrapper {
      max-width: 700px;
      margin-inline: auto;
    }
  
    h1 {
      font-family: 'Carnation Regular';
      text-transform: none;
      font-size: 42px;
      letter-spacing: 1.4px;
      line-height: 36px;
      margin-bottom: 8px;
  
      @media (min-width: 768px) {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 16px;
      }
    }
  
    p {
      font-family: 'Open Sans';
      color: white;
      font-size: 15px;
      font-weight: 300;
      text-align: center;
  
      @media (min-width: 768px) {
        font-size: 18px;
      }
    }
  
    .character-image-link {
      min-width: 125px;
      min-height: 125px;
      
      aspect-ratio: 1;
    }
    
    .character-image-link::after {
      min-width: 145px;
      min-height: 145px;
      top: -10px !important;
      left: -10px !important;
    }
  
    .character-image-link::after {
      min-width: 145px;
      min-height: 145px;
      top: -10px !important;
      left: -10px !important;
    }
  
    .character-link-container {
      width: 100%;    
    }
    
    .character-name-link {
      font-family: 'Carnation Regular';
      font-size: 32px;
      line-height: 26px;
      letter-spacing: 1.4px;
      display: block;
      margin: -12px auto 0px;
      padding-block: 16px;
      padding-inline: 24px;
      
      @media (min-width: 768px) {
        font-size: 38px;
        padding-inline: 16px;
        max-width: unset;
        width: fit-content
      }
    }
  
    .character-item {
      padding: 0;
      margin-top: 16px;
    }
  
    .character-item.is-active {
  
      .character-name-link {
        background-color: #78B0CF    ;
        border-width: 8px;
      }
  
        .character-image-link::after {
          background-color: #78B0CF;
        }
    }
  }
  
  div.post-content {
    section.hcp-about.secondary-hero {
      h1 {
        font-size: 42px;
        text-transform: none;
        text-align: center;
        color: #d47380 !important;
  
        @media (min-width: 768px) {
          text-align: left;
          font-size: 70px;
          line-height: 75px;
          margin-bottom: 16px !important;
        }
  
      }
  
            div.component.hero {
        .hero__container--left {
          h2.h2__text {
            text-align: left;
            line-height: 22px;
            padding-bottom: 32px;
            margin-top: 0;
            margin-bottom: 0;

            @media (min-width: 768px) {
              border-bottom: 0px;
            }
          }

          p {
            text-align: left !important;
          }

          p:first-of-type {
            margin-bottom: 32px;
          }
        }
      }
  
      border-bottom: none;
    } 
  
    h2.wp-block-heading {
      color: #d47380 !important;
      text-transform: none;
      font-family: 'Carnation Regular';
      line-height: 36px;
  
      @media (min-width: 768px) {
        font-size: 70px;
        line-height: 75px;
        padding-bottom: 0 !important;
      }
    }
  
    section.hcp-about.secondary-hero {
      padding-bottom: 0px;
      
      @media (min-width: 768px) {
        padding: 56px 0px !important;
      }
      
      .hero__container {
        border-bottom: 4px solid #d47380;
        @media (min-width: 768px) {
          flex-wrap: unset;
          display: flex;
          flex-direction: row;
          border-bottom: 2px solid #d47380;
          padding-bottom: 32px;
        }
      }
      
      .hero__container--right {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;

        .component.component__image {
          display: flex;
          justify-content: center;
        }
        
        img {
          margin: 0;
        }
        
        @media (min-width: 768px) {
          max-width: 389px;
        }        

        @media (min-width: 1280px) {
          max-width: 492px;
        }        
      }
  
      .hero__container--left {
        @media (min-width: 768px) {
          padding: 0px !important;
          width: 60% !important;  
        }
      }
    }
  
    .wp-block-group.row.container.character__meet-characters {
      padding-top: 16px;
      padding-bottom: 80px;
  
      @media (min-width: 768px) {
        padding-top: 32px;
      }
  
    }
  }

  background-color: #fff;
  font-family: "Carnation Regular";
}

.page-template-characters .hcp-about {
  border-bottom: 1px solid #d6d8fd;
  padding-bottom: 32px;
}

@media (min-width: 768px) {
  .page-template-characters .hcp-about h1 {
    margin-bottom: 48px !important;
    text-align: left;
  }
}

.page-template-characters .hcp-about h1 {
  color: #cf2f70 !important;
  text-align: left;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 48px;
}

.character__meet-characters h2,
.signup h1 {
  color: #cf2f70 !important;
  text-align: center;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 48px;
}

.page-template-characters .hcp-about .h2__text {
  margin-bottom: 32px;
  color: #454545;
  font-size: 22px;
  line-height: 28px;
}

.page-template-characters .wp-block-image img {
  margin: auto !important;
}

/* Footer */

.site-footer {
  padding: 1.875rem 0;
  text-align: center;
  background-color: #fff;
  color: #454545;
  width: 100%;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
}

.site-footer,
.site-footer p,
.site-footer a {
  font-weight: 400;
}

.footer-container {
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}

.footer-title-wrapper h2 {
  font-family: 'Burbank-Regular', sans-serif;
  color: #ec6aa9;
  font-size: 32px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: normal;
}

.social-medias {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

.social-medias a.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  background-color: #ec6aa9;
  border-radius: 50%;
  margin: 0 10px;
  transition: background-color 0.3s ease;
  text-decoration: none;
  color: #fff;
}

.social-medias a.social-icon:hover {
  background-color: #dc4c8a;
}

.social-medias a.social-icon svg {
  width: 34px;
  height: 34px;
}

.footer-nav {
  margin-bottom: 20px;
}

.footer-nav ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
}

.footer-nav ul.menu li {
  line-height: 1.5;
}

.footer-nav ul.menu li {
  display: inline;
}

.footer-nav ul.menu li a {
  display: inline;
  padding: 0.2rem 0.1rem;
  font-size: 1em;
  color: #454545;
  font-weight: 400;
  vertical-align: baseline;
  white-space: nowrap;
  color: #454545;
  text-decoration: none;
  transition: all 0.3s;
}

.footer-nav ul.menu li:not(:last-child)::after {
  content: '|';
  display: inline-block;
  padding: 0;
  color: #454545;
  font-weight: 400;
  vertical-align: baseline;
  margin: 0 0.3em;
}

.footer-nav+p {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.6;
  font-weight: 400;
  color: #454545;
}

.footer-copyright {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
  font-weight: 400;
  color: #454545;
}

.footer-copyright a {
  font-weight: 400;
  text-decoration: none;
  color: #454545 !important;
}

@media (max-width: 459px) {
  .social-medias {
    padding-bottom: 1.5rem;
  }

  .social-medias a.social-icon {
    margin: 5px;
    width: 50px;
    height: 50px;
  }

  .social-medias a.social-icon svg {
    width: 28px;
    height: 28px;
  }

  .footer-nav {
    margin-bottom: 1rem;
  }

  .footer-nav ul.menu {
    flex-direction: column;
  }

  .footer-nav ul.menu li {
    margin: 0.2rem 0;
  }

  .footer-nav ul.menu li a {
    white-space: normal;
    padding: 0.2rem 0.1rem;
  }

  .footer-nav ul.menu li:not(:last-child)::after {
    content: '';
    padding: 0;
    margin: 0;
  }

  .footer-nav+p,
  .footer-copyright {
    font-size: 0.875em;
    margin-bottom: 8px;
  }

  .footer-copyright {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .site-footer {
    padding-top: 64px;
  }

  .footer-title-wrapper h2 {
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 32px;
  }

  .social-medias {
    padding-bottom: 2.5rem;
  }

  .social-medias a.social-icon {
    width: 106px;
    height: 106px;
  }

  .social-medias a.social-icon svg {
    width: 58px;
    height: 58px;
  }

  .footer-nav {
    margin-bottom: 25px;
  }

  .footer-nav ul.menu {
    flex-direction: row;
  }

  .footer-nav ul.menu li a {
    padding: 0.25rem 0.2rem;
    white-space: nowrap;
  }

  .footer-nav ul.menu li:not(:last-child)::after {
    content: '|';
    padding: 0;
    margin: 0 0.4em;
  }

  .footer-nav+p {
    margin-bottom: 12px;
  }

  .footer-copyright {
    margin-bottom: 0;
  }
}

/* /Signup/ */

.mid-pink-text-colour {
  color: #ec6aa9;
}

@media (min-width: 768px) {
  .signup h3 {
    font-size: 30px !important;
    line-height: 48px !important;
  }
}

.signup h3 {
  font-size: 22px;
  line-height: 40px;
  margin-bottom: 8px;
  margin-top: 16px;
  text-transform: uppercase;
}

.signup .wp-element-button {
  background-color: #cf2f70 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 18px !important;
  padding: 10px 30px !important;
  transition: all .3s !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .08) !important;
  display: inline-block !important;
  text-transform: uppercase;
}

.signup .wp-block-button__link {
  border-radius: 0px !important;
  width: auto !important;
}

.signup .mb-8 {
  margin-bottom: 2rem !important;
}

/* Discover Stories section */

.wp-block-hcp-carousel.hcp-carousel, section.carousel-cn {
    background-color: #fdf6bd;

    .wp-block-hcp-carousel--slides {
        .carousel-cta {
          display: block;
          text-align: center;
          text-decoration: none;
          
          img {
            display: block;
            margin-bottom: 8px;
          }
          
          .carousel-title {
            font-size: 14px;
            line-height: 1.2;
            
            @media (min-width: 768px) {
              font-size: 16px;
            }
          }
        }
      }
    }

    button {
      svg {
        color: #000;
        opacity: .5;
      }
      svg:hover {
        color: #000;
        opacity: 1;
      }
    }
    button:hover {
      background-color: unset !important;
    }

    .flickity-prev-next-button {
      background-position: center;
      background-repeat: no-repeat;
      opacity: .5;
      
      svg {
        display: none;
      }

      &:hover {
        opacity: 1;
        background-repeat: no-repeat;
        background-position: center;
      }
    }

    .flickity-prev-next-button.previous {
      background-image: url(https://assets.supadu.io/13.3.6/amelia-bedelia/img/arrow-prev.png);
    }
    .flickity-prev-next-button.next {
      background-image: url(https://assets.supadu.io/13.3.6/amelia-bedelia/img/arrow-next.png);
    }

    @media (min-width: 1440px) {
     .flickity-prev-next-button.previous {
       left: -50px  
      }
      .flickity-prev-next-button.next {
        right: -50px !important;  
      }
    }

    .customize-support .hero-content > h1 {
        font-size: 42px !important;
    }

    h2.carousel-header {
      font-size: 42px;
      line-height: 36px;
      text-transform: none;
      letter-spacing: 1.4px;
      margin-bottom: 0px;
      
      @media (min-width: 768px) {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 16px;
      }
    }

    p {
      font-family: 'Open Sans' !important;
      font-size: 15px;
      font-weight: 300;
      text-align: center;
      @media (min-width: 768px) {
        font-size: 18px;
      }      
    }
    .carousel-slide {
        .carousel-title {
          color: #4f4696;
          font-family: 'Open Sans';
          font-size: 18px;
          font-weight: 300;
          text-transform: none;
        }
      .carousel-cta:hover > img,h2 {
        outline: 0px !important;
        border: 0px !important;
        border-radius: 0px;
      }
      
      .carousel-cta:hover > h2 {
        margin-bottom: 16px;
      }

      h2.carousel-title{
        padding: 8px !important;
        font-size: 18px !important;
      }

      h2:hover {
        color: white !important; 
        border-radius: 5px;
        background-color: #4f4696;
        outline: 8px solid white !important;
        transition-duration: 0.3s !important;
      }
    }

/* Carousel section */

.home-blockquote blockquote {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px;
  text-transform: none;
  text-align: center;
  margin: 0;
  padding-inline: 32px;
  font-weight: 300;
  line-height: 27px;
  max-width: 511px;
  border-left: none !important;
  border-left: none !important;
}

@media (min-width: 768px) {
  .home-blockquote blockquote {
    max-width: 1152px;
    padding-inline: 0;
    line-height: 48px;
    font-size: 30px;
  }
}

.flickity-viewport .flickity-slider {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-blockquote blockquote cite {
  font-family: 'Open Sans', sans-serif !important;
  text-transform: none;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  max-width: 200px;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .home-blockquote blockquote cite {
    font-size: 18px;
    margin-top: 32px;
    max-width: none;
    margin-top: 32px;
  }
}

.home {
  .testimonial-carousel {
    max-width: 1350px;
    margin-inline: auto;
  }
}

.testimonial-cn .flickity-prev-next-button.previous>svg.flickity-button-icon {
  fill: #000 !important;
  opacity: .5;
}

.testimonial-cn svg.flickity-button-icon {
  fill: #000 !important;
  opacity: .5;
}

.testimonial-cn .flickity-prev-next-button.next {
  right: 25px !important;
}

.testimonial-cn .flickity-prev-next-button.previous {
  left: 25px !important;
}

.responsive-container {
  padding: 0;
}

/* About Amelia section */

.hero__container--left > h1  {
  font-family: 'Carnation Regular';
  font-size: 42px;
  line-height: 36px;
  text-transform: none;
  color: #4f4696 !important;
  letter-spacing: 1.4px;
}

.hero__container--left > h2  {
  color: #454545;
  font-size: 15px !important;
  font-family: 'Open Sans';
  font-weight: 300;
  line-height: 22px;
}

.hero__container--left > div  {
  max-width: 205px;
  margin-inline: auto;
}

.hero__container--left > div > a  {
  font-size: 28px !important;
  text-transform: uppercase;
  color: white;
  line-height: 26px;
  letter-spacing: 1.4px;
  padding: 16px 48px;
  background-color: #4f4696;
  display: block;
}

@media (min-width: 768px) {
  .secondary-hero {
    padding: 64px 32px !important;
  }

  .hero__container--left > h1  {
    font-size: 70px;
    line-height: 75px;
  }
  
  .hero__container--left > h2 {
    font-size: 18px !important;
    line-height: 27px;
    margin-block: 16px 64px;
  }

  .hero__container--left > div  {
    margin-inline: unset;
    max-width: 226px;
  }

  .hero__container--left > div > a {
    font-size: 34px !important;
    line-height: 26px;
  }
}

/* Newsletter */

.component__newsletter {
  h2 {
    font-family: 'Carnation Regular';
    letter-spacing: 1.4px;
    line-height: 36px;
    
    @media (min-width: 768px) {
      font-size: 32px !important;
      line-height: 36px !important;
      max-width: 405px;
    }
  }

  form {
    font-family: 'Open Sans' !important;
    text-align: center;

    @media (min-width: 768px) {
      text-align: unset;
      font-size: 18px;
      font-weight: 400;
    }

    label {
      font-size: 15px;
      font-weight: 300 !important;
      @media (min-width: 768px) {
        font-size: 18px;
        font-weight: 400;
      }
    }

    input {
      font-family: 'Open Sans' !important;
      margin-top: 10px;
      color: black;
    }

    ul {
      margin-top: 10px;
    }
    
    select {
      font-family: 'Open Sans' !important;
      font-weight: 300;
    }

    button {
      background-color: #fdf6bd !important; 
      color: #4f4696;
      font-family: 'Carnation Regular' !important;
      font-size: 26px !important;
      letter-spacing: 1.4px;
    }

  }
  
  p {
    font-family: 'Open Sans' !important;
    font-weight: 300;
  }

  a {
    font-weight: 700;
  }
}

/* Footer section */

footer {
  @media (min-width: 768px) {
    padding-block: 30px !important;  
  }

  .footer-container {
    font-size: 12px;

    .footer-nav {
      margin-bottom: 1em;  
      @media (min-width: 1024px) {
        margin-bottom: 1rem;  
      }

      ul.menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        
        li {
          margin-block: 0;
          line-height: 22px;
          
          @media (min-width: 768px) {
            padding-block: 3px;  
          }

          a {
            font-weight: 300;
            padding: 0px;
          }
        }

        li:not(:last-child)::after {
          content: '|';
          padding-inline: 5px;
          margin-inline: 0px;
        }
      }
    }

    .footer-artwork {
      p {
        font-weight: 300;
        line-height: 22px;
        font-size: 12px !important;
      }
    }

    .footer-copyright {
      p {
        line-height: 22px;
        margin-top: 8px;
        font-size: 12px !important;
        font-weight: 300;
      }
    }
  }
}

/* Activities page */

.outer-sec {
  background-color: #FDF6BD !important;
}

/* Circles section */

section {
  .outer-sec {
    .component {
      background-color: #FDF6BD;
    }
  }

  .component__text {
    h1 {
      color: #4f4696;
      font-size: 42px;
      text-transform: none;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 1.4px;
      
      @media (min-width: 768px) {
        font-size: 70px;
        line-height: 75px;
      } 
    }

    p {
      font-family: 'Open Sans';
      color: #454545;
      font-size: 15px;
      font-weight: 300;
      width: 75%;
      margin-inline: auto;
      line-height: 22px;

      @media (min-width: 768px) {
        font-size: 18px;
        width: unset;
      } 
    }

  }
  .category-wrapper {
    ul {
      a {
        padding-inline: 0;
        border-width: 10px;
        box-shadow: none;
        color: white !important;
      }

      .filter-item a span {
        font-family: 'Open Sans';
        font-size: 20px;
        font-weight: 300;
        color: white;
      }

      .list-group-item:nth-child(1) a {
        background-color: #9ddbf6;
      }
      .list-group-item:nth-child(2) a {
        background-color: #f06564;
      }
      .list-group-item:nth-child(3) a {
        background-color: #4f4696;
      }
      .list-group-item:nth-child(4) a {
        background-color: #eba7d8;
      }
      .list-group-item:nth-child(5) a {
        background-color: #6d8fbe;
      }
      .list-group-item:nth-child(6) a {
        background-color: #3d9059;
      }
    }
  }
}

.tns-outer {
  position: relative;
  
  .tns-controls {
    position: absolute;
    width: 95vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
  }
}

section {
  .activities-section--all-category {
    font-family: 'Open Sans';

    .pagination-wrapper {
      text-transform: uppercase;

      ul {
        li {
          span {
            font-weight: 300 ;
            color: #F06564 ;
            background: #D56F4F;
            border: none;
            font-size: 15px;
          }
          a {
            color: #F06564 ;
            font-weight: 300 ;
          }
        }

        li.disabled {
          span.current {
            color: #F06564 !important;
          }
        }

        li.active {
          span.current {
            color: white ;
          }
        }
      }
    }

    a {
      color: #4f4696;
      font-size: 18px;
      font-weight: 300;
    }    
  }
}

.category-wrapper {
  padding-left: 35px !important;
  padding-right: 35px !important;
  @media (min-width: 768) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.sailthru-form__restricted-age > p {
  text-align: center;
  font-weight: 500 !important;
  padding: 15px;
}

.sailthru-form__legal {
  font-size: 12px !important;
}



/* authors */

.author-bio {
  h2 { 
    @media (min-width: 768px) {
      text-align: left !important;
    }
  }

  h1 {
    text-align: left !important;
  }

}

.sailthru-form .invalid {
  > input {
    border-color: red !important;
    outline: none !important;
  }
}

.sailthru-form .select-style.invalid {
    border-color: red !important;
    outline: none !important;
} 

.ais-Pagination-item--disabled {
  opacity: 0.5 !important;
}

.hero__container {
  h2 {
    line-height: 27px !important;
  }
}

.characters .activities-section .wp-block-hcp-carousel.hcp-carousel {
  background-color: unset !important;
  padding: 0px !important;
  .carousel-title.burbank {
    display: none !important;
  }
  .flickity-viewport {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
  }
  
  .carousel-slide {
    bottom: 0px !important;
  }
  .carousel-slide > a {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .08);
    &:hover {
      scale: 1.05 !important;
      transition: scale 0.3s ease-in-out;
    }
  }
  .carousel-image {
    margin-bottom: 0px !important;
  }
  .carousel-cta {
    padding: 0px !important;
  }
  .carousel-header.burbank {
    margin-top: 32px !important;
  }
}

.wp-block-group__inner-container {
  margin-top: 32px !important;
  border-top: 4px solid #d47380;
  @media (min-width: 768px) {
    border-top: 2px solid #d47380;
  }
  > h2 {
    margin-top: 32px !important;
  }
}

.wp-block-image img {
  width: 100%;
}

.page-template-characters .hero__container {
  h2 {
    line-height: 27px !important;
  }
}

.page-template-characters .wp-block-hcp-carousel.hcp-carousel {
  background-color: unset !important;
  padding: 0px !important;
  .carousel-title.burbank {
    display: none !important;
  }
  .flickity-viewport {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
  }
  
  .carousel-slide {
    bottom: 0px !important;
  }
  .carousel-slide > a {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .08);
    &:hover {
      scale: 1.05 !important;
      transition: scale 0.3s ease-in-out;
    }
  }
  .carousel-image {
    margin-bottom: 0px !important;
  }
  .carousel-cta {
    padding: 0px !important;
  }
  .carousel-header.burbank {
    margin-top: 32px !important;
  }
}

.page-template-characters .wp-block-group__inner-container {
  margin-top: 32px !important;
  border-top: 4px solid #d47380;
  @media (min-width: 768px) {
    border-top: 2px solid #d47380;
  }
  > h2 {
    margin-top: 32px !important;
  }
}

.page-template-characters .wp-block-image img {
  width: 100%;
}

.row.container.mx-auto.p-8.newsletter-cn {
  background-color: #4f4696 !important;
}

.component__newsletter.newsletter h2  {
  color: #fdf6bd !important;
}


/* Authors page */

.authors, .illustrators {
  section {
    
    div.component.component__text {
      width: 100%;
      h1 {
        color: #4f4696;
        text-align: center;    
      }
    }

    @media (min-width: 768px) {
      margin-bottom: 0;
    }
  }

  section.row.container {
    padding-block: unset;
  }

  background-color: #FDF6BD;

  div.component.component__text {
    h1 {
      margin-bottom: 8px;
    }
  
    h1, h2 {
      font-size: 42px;
      line-height: 36px;
      letter-spacing: 1.4px;
      font-family: 'Carnation Regular';
      text-transform: none;
      text-align: center;
      color: #F06564; 
  
      @media (min-width: 768px) {
        font-size: 70px; 
        line-height: 75px;
        text-align: center;
      }
    }

    h1 {
      @media (max-width: 768px) {
        text-align: center !important;
      }
    }
  
    p {
      text-align: left;
      color: #454545;
      font-family: 'Open Sans';
      font-weight: 300;
      font-size: 15px;
      line-height: 22px;
  
      @media (min-width: 768px) {
        font-size: 18px; 
        line-height: 27px;
      }
    }
  }

  .component__image {
    width: 66%;
    margin-inline: auto;
    @media (min-width: 768px) {
      width: 33%;
      margin-inline: unset;
    }

    @media (min-width: 1024px) {
      width: 25%;
    }
  }

  div.container {
    padding: 16px;
    margin-bottom: 0;

    @media (min-width: 1024px) {
      padding-inline: 0px;
      padding-block: 2rem;
    }    
  }
  
  .component.component__text {
    padding: 0;
    @media (min-width: 768px) {
      padding-left: 2rem;
      width: 66%;
    }
    @media (min-width: 1024px) {
      padding: 0 4rem;
      width: 75%;
    }
  }

  .wp-block-button {
    width: unset !important;

    a {
      text-transform: uppercase;
      letter-spacing: 1.4px;
      font-size: 28px;
      line-height: 26px;
      min-width: fit-content;
      display: block;
      padding: 1rem 3rem; 

      margin-block: 3rem;

      @media (min-width: 768px) {
        font-size: 34px;
        line-height: 26px;

      }      
      @media (min-width: 1024px) {
        margin-block: 3rem;
      }      
    }
  }

  .wp-block-columns {
    margin-bottom: 0;
    padding-block: 3rem;
    @media (min-width: 768px) {
      margin-bottom: 0;
    }
  }
}

/* Collection All books section */

.collection {
  .top-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: unset !important;
    margin-top: 16px;
    margin-bottom: 8px;

    @media (min-width: 768px) {
      flex-direction: row;
      justify-content: space-between;
      width: 100% !important;
    }
  }
}

#total-books-count {
  margin: 0px !important;
  padding: 8px;
  display: flex;
  font-family: 'Open Sans';
  font-size: 14px !important;
  color: #d56f4f !important;
  text-transform: uppercase;
  font-weight: unset !important;
  @media (min-width: 768px) {
    padding: 0px;
    width: -webkit-fill-available;
  }
}

.ais-Pagination.pagination {
  margin-top: 0px !important;
  display: flex;
  justify-self: center;
  font-family: 'Open Sans';
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 16px !important;
  color: #d56f4f !important;
  @media (min-width: 768px) {
    justify-self: unset;
  }

  .page-item.active {
    .page-link {
      background-color: #d56f4f !important;
      color: white !important;
    }
  }

  .page-link {
    text-decoration: none !important;
    border-radius: 5px !important;
    color: #d56f4f !important;
    border: unset !important;
    &.disabled {
      opacity: 0.5 !important;
      cursor: not-allowed;
    }
  }

  a {
    border: unset;
    &.page-prev, &.page-next {
      background-color: transparent;
      }
    }
  }

body.collection main,
body.collections main {
  .h4.mb-4 {
    font-size: 42px !important;
    font-family: 'Carnation Regular'; 
    text-transform: none !important;
    margin-bottom: 8px;
    color: #d56f4f;
    @media (min-width: 768px) {
     font-size: 70px !important;
    }
    p {
     font-family: 'Open Sans';
     font-size: 15px;
     color: #454545;
     margin-bottom: 8px;
     font-weight: unset !important;
     @media (min-width: 768px) {
      font-size: 18px;
     }
   }
   }

   .hcp-carousel {
    .is-selected > a > h2 {
      color: white !important;
      border-radius: 5px;
      background-color: #4f4696;
      outline: 8px solid white !important;
      transition-duration: 0.3s !important;
    }
  }

 .hcp-fixed-height{
   padding: 8px;

   .d-flex.flex-column {
    min-height: 180px;
   }

   .col.text-center > a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding: 10px;
   }

   img {
     width: 100%;
     max-height: unset !important;
   }

   h6 {
    font-size: 16px;
    color: #4f4696 !important;
    font-family: 'Open Sans';
    @media (min-width: 768px) {
      font-size: 18px;
    }
   }

   span {
    font-size: 22px;
    font-family: 'Open Sans';
   }

 }
}

body.collection .ais-Hits-list,
body.collections .ais-Hits-list {
  display: grid;
  gap: 0px !important;
  grid-template-columns: repeat(2, 1fr) !important;
  .ais-Hits-item {
    margin: 0px !important;
  }
}

@media (min-width: 768px) {
  body.collection .ais-Hits-list,
  body.collections .ais-Hits-list {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  body.collection .ais-Hits-list,
  body.collections .ais-Hits-list {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/*
.ais-Pagination.pagination .ais-Pagination-link.page-link[aria-label="Previous Page"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
/*

/* Detail book page */

body.books {
  background-color: #fff;
  font-family: "Carnation Regular";

  /* Fondo amarillo para la sección del producto */
  .container.hcp-product-info.fancy-product-info {
    background-color: #fdf6bd;
    position: relative;
  }

  /* Extender el fondo amarillo más allá del contenedor */
  .container.hcp-product-info.fancy-product-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100vw;
    right: -100vw;
    bottom: 0;
    background-color: #fdf6bd;
    z-index: -1;
  }

  /* Product info container */
  .container.hcp-product-info.fancy-product-info {
    max-width: 980px;
    position: relative;
    z-index: 1;
    
    @media (min-width: 768px) {
      padding: 64px 16px 0px;
    }

    h1.product-title {
      color: #4f4696;
      text-align: center;
      font-size: 42px;
      line-height: 52px;
      margin-top: 16px;
      margin-bottom: 0px;
      font-family: "Carnation Regular";
      text-transform: none;
      
      @media (min-width: 768px) {
        font-size: 70px;
        line-height: 62px;
        text-align: left;
        margin-top: 0px;
      }
    }

    h2.product-subtitle {
      display: none;
    }

    h3.book-contributors {
      font-size: 18px;
      line-height: 27px;
      text-align: center;
      color: #454545;
      font-family: "Open Sans";
      margin-block: 24px;
      text-transform: none;

      @media (min-width: 768px) {
        text-align: left;
        font-size: 24px;
      }
    }

    @media (min-width: 768px) {
      div.col-12.col-md-3 {
        .product-title {
          display: none;
        }
        .book-contributors {
          display: none;
        }
        span {
          display: none !important;
        }
      }
    }

    div.col-12.col-md-3 {
      span {
        display: block;
        text-align: center;
      }
    }
    
    @media (max-width: 767px) {
      div.col-12.col-md-9 {
        padding-inline: 24px;
        .product-title {
          display: none;
        }
        .book-contributors {
          display: none;
        }
        span {
          display: none !important;
        }
      }
    }

    img {
      margin-inline: auto;
      max-width: 75% !important;
      
      @media (min-width: 768px) {
        max-width: 100% !important;
      }
    }

    /* Column layout adjustments */
    @media (min-width: 768px) {
      .col-md-3 {
        width: 40%;
      }
      .col-md-9 {
        width: 60%;
      }
    }

    @media (min-width: 1024px) {
      .col-md-3 {
        padding-left: 0px;
      }

      .col-md-9 {
        padding-right: 0px;
      }
    }

    /* Product cover image */
    .product-cover {
      max-width: 100%;
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2),
        0 2px 4px -1px rgba(0, 0, 0, 0.08);
    }

    /* Product details grid layout */
    .product-details-for-separate-style {
      background-color: #f9ce5b;
      padding: 32px 24px; 
      margin-top: 32px !important;
      width: 100%;
      display: grid;
      grid-template: 
        "title title"
        ". ." 20px
        "price buy"
        ". ." 30px
        "select select"
      ;

      @media (min-width: 768px) {
        margin-top: 16px !important;
      }
      
      .product-format {
        grid-area: title;
        font-family: "Carnation Regular" !important;
        font-size: 45px;
        line-height: 28px;
        color: #4f4696;
        text-align: left;
      }

      .product-price {
        grid-area: price;
        margin-bottom: 0px;
        align-self: center;
        font-family: "Open Sans";
        font-size: 24px;  
        color: #000000;
        text-align: left;
      }

      .form-select.product-retailer-dropdown {
        grid-area: select;
        font-family: "Open Sans";
        border: 2px solid #000000;
        border-radius: 4px;
        font-size: 18px;
        padding: 8px 12px;
        background-color: #fff;
      }

      .product-buy-now {
        grid-area: buy;
        width: fit-content;
        margin-left: auto;
        background-color: #4f4696;
        color: #fff;
        font-family: "Carnation Regular" !important;
        font-size: 25px;
        text-transform: uppercase;
        padding: 16px 48px;
        text-decoration: none;
        transition: background-color 0.3s ease;
        line-height: 18px;

        &:hover {
          background-color: #4f4696;
        }

        @media (min-width: 768px) {
          font-size: 34px; 
          line-height: 18px;
          padding: 24px 32px;
        }
      }

      .product-retailer-wrapper {
        grid-area: select;
        border: 1px solid gray;
        background-color: white;
        font-family: "Open Sans";

        .product-retailer-btn {
          width: 100%;
          text-align: left;
          background-color: inherit;
          color: #454545;
          font-size: 18px;
          font-family: inherit;          
          position: relative;
          padding-inline: 10px;
          padding-block: 5px;

          &::before {
            content: "▼";
            position: absolute;
            right: 15px;
            display: flex;
            top: 35%;
            font-size: 10px;
          }
        }

        .product-retailer-list {
          max-height: 0px;
          overflow: hidden;
          margin: 0px;
          font-size: 18px;
          background-color: white;
  
          li {
            list-style: none;
            padding-inline: 10px;
            padding-block: 5px;
            
            a {
              text-decoration: none;
              color: #454545;
              display: block;
            }
  
            a:hover {
              color: #4f4696;
            }
          }
        }
        
        .product-retailer-list.open {
          max-height: 100%;
        }
      }
    }

    /* Other formats section */
    .product-editions-separate {
      .product-editions-title {
        font-size: 38px;
        line-height: 48px;
        color: #454545;
        margin-bottom: 10px;
        font-family: "Carnation Regular" !important;
        text-transform: none;
      }

      p {
        margin-bottom: 0px;
        color: #4f4696;
        font-family: "Open Sans";
        font-size: 18px;
        text-align: left !important;

        a {
          color: #4f4696;
          text-decoration: none;
        }
      }
    }
  }

  /* Navigation tabs */
  .nav.nav-tabs.product-info {
    margin-top: 50px;
    border: none;
    
    .nav-item {
      .nav-link {
        font-family: "Carnation Regular" !important;
        font-size: 30px;
        line-height: 26px;
        color: #4f4696;
        text-transform: uppercase;
        border-bottom: none;
        border-radius: 0px 0px 0px 0px;
        background-color: #fff;
        padding: 10px 20px;
        background-color: #fdf6bd;
        
        &:hover, &:active, &:focus {
          background-color: #f8f9fa;
          color: #4f4696;
        }
        
        &.active {
          background-color: #fff !important;
          border: 2px solid #d56f4f;
          border-bottom: none;
          color: #794f9a;
          position: relative;
          z-index: 3;
          
          &::after {
            content: '';
            width: 10000px;
            height: 2px;
            background-color: #d56f4f;
            position: absolute;
            bottom: -2px;
            left: 100%;
          }

          &::before {
            content: '';
            width: 10000px;
            height: 2px;
            background-color: #d56f4f;
            position: absolute;
            bottom: -2px;
            right: 100%;
          }
        }
      }
    }
  }
  
.accordion-button {
  font-family: 'Carnation Regular';
  font-size: 30px !important;
  line-height: 26px;
  color: white;
  background-color: #4f4696;
  padding: 16px 24px !important;
  
  &:hover {
    color: white;
    background-color: #4f4696 !important;
  }
}

.accordion-body {
  font-family: 'Open Sans';
  font-size: 15px;
  
  @media (min-width: 768px) {
    font-size: 22px;
    line-height: 38px;
  }

  strong {
    font-weight: 600;
  }

  p {
    margin-bottom: 32px;
  }

  div {
    font-size: 15px;
  
    @media (min-width: 768px) {
      font-size: 22px;
      line-height: 38px;
    }
  }
}

.ra-tag{ 
  color: inherit;
  text-decoration: inherit;
  
}
.ra-tag h2{ 
  color: #4f4696;
 
}
.ra-tag h2:hover, .ra-tag:hover  {
  background-color:transparent !important;
}
.related-book-display p.dark-pink-text-colour{

     color: #4f4696;
     font-weight: 700;
}

.single-activity .off-white-background {
    background-color: #fdf6bd;
    position: relative;
}

  /* Tab content */
  .tab-content {
    background-color: #fff;
    border-top: none;
    border-radius: 0 0 8px 8px;

    .fade {
      transition: none;
    }
    
    .tab-pane {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      line-height: 24px;

      @media (min-width: 768px) {
        padding: 64px 0px 20px;
      }
      
      p {
        margin-bottom: 40px;
        font-size: 15px;
        text-align: left;
        &:last-child {
          margin-bottom: 0;
        }
        @media (min-width: 768px) {
          font-size: 22px;
          line-height: 38px;
        }
        
        strong {
          font-weight: 600;
          font-size: 15px;
          color: #454545;
          @media (min-width: 768px) {
            font-size: 22px;
          }
        }
        
        em {
          font-style: italic;
        }
      }
      
      div {
        font-size: 15px;
        line-height: 20px;
        @media (min-width: 768px) {
          font-size: 22px;
          line-height: 38px;
        }
        
        b {
          font-weight: 600;
          color: #454545;
          font-size: 15px;
          @media (min-width: 768px) {
            font-size: 22px;
          }
        }
      }
    }
  }

  .activity-image-container img {
    object-fit: unset !important;
  }

  .activities-title {
    border-top: none !important;
    font-family: "Carnation Regular" !important;
    padding: 8px !important;
    font-weight: 400 !important;
    color: #4f4696;
    margin-bottom: 16px;
    font-size: 42px;
    letter-spacing: 1.4px;
    text-transform: none;
    @media (min-width: 768px) {
      font-size: 70px !important;
      border-top: 1px solid #f9ce5b !important;
      line-height: 76px !important;
      padding: 48px;
      margin-bottom: 16px !important;
    }
  }

.tns-outer {
  .related-activities-slider {
    display: flex;
      .activity-item {
        align-self: flex-end;

        img {
          aspect-ratio: unset !important;
        }
      }
    }
  }

  .tns-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    pointer-events: none;
    z-index: 10;

    button {
      position: absolute;
      pointer-events: all;
      background: transparent !important;
      border: none !important;
      cursor: pointer;
      font-family: "Open Sans" !important;
      color: #000000 !important;
      font-size: 40px !important;
      font-weight: bold;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      opacity: 0.7;

      &:hover {
        opacity: 1;
        background: none !important;
      }

      &[data-controls='prev'] {
        left: -50px;
        color: transparent !important;
        background-image: url(https://assets.supadu.io/13.8.0/amelia-bedelia/img/arrow-prev.png) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
      }

      &[data-controls='next'] {
        right: -50px;
        color: transparent !important;
        background-image: url(https://assets.supadu.io/13.8.0/amelia-bedelia/img/arrow-next.png) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
      }

      &:disabled {
        opacity: 0.3;
        cursor: not-allowed;
      }
    }

    @media (min-width: 1440px) {
      padding: 0 -50px;
      
      button[data-controls="prev"] {
        left: -50px;
      }
      
      button[data-controls="next"] {
        right: -50px;
      }
    }
  }

  .newsletter-cn {
    display: none;
  }

  .book-svg {
    width: 32px;
  }

  .btn.btn-info.btn-browse {
    color: #000;
    background: none;
    border: 0 !important;
    font-size: 18px;
    margin: 1rem 0.5rem 0 0;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
    margin-inline: auto;
    min-width: fit-content;
    gap: 4px;
    text-transform: capitalize;

    &:focus-visible {
      background-color: transparent !important;
      outline-color: black !important;
      outline: 1px solid !important;
      box-shadow: none;
    }
  }
}


.skip-link {
    padding: 5px 10px;
    position: absolute;
    top: -45px;
    left: -45px;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    transition: top .3s ease-out, background .3s linear;
    z-index: 100;
    font-size: 14px;
    line-height: 14px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link.screen-reader-text {
			border: 0;
			clip-path: inset(50%);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute !important;
			width: 1px;
			word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
			background-color: #eee;
			clip-path: none;
			color: #444;
			display: block;
			font-size: 1em;
			height: auto;
			left: 5px;
			line-height: normal;
			padding: 15px 23px 14px;
			text-decoration: none;
			top: 5px;
			width: auto;
			z-index: 100000;
}
/* Newsletter section */
.newsletter-cn {
  background-color: #4f4696 !important;
}
.newsletter-cn h2 {
  font-size: 28px;
  line-height: 40px;
  font-family: 'Burbank-Regular', sans-serif;
  margin-bottom: 8px;
}
.newsletter-cn form {
  text-align: center;
}
.newsletter-cn form .invalid {
  outline: 2px solid red;
}
.newsletter-cn form label,
.newsletter-cn form label p {
  margin-bottom: 0;
  font-family: 'Open Sans';
  font-size: 16px;
}
.newsletter-cn form .sailthru-form__email > label,
.newsletter-cn form .sailthru-form__dob > label {
  display: block;
  margin-bottom: 10px;
}
.newsletter-cn form input {
  color: #000;
}
.newsletter-cn form input,
.newsletter-cn form select,
.newsletter-cn form button {
  font-family: 'Burbank-Regular', sans-serif !important;
}
.newsletter-cn p {
  font-family: 'Open Sans';
  font-weight: 500;
}
.newsletter-cn p a {
  font-weight: 700;
}
.newsletter-cn p a:hover {
  color: #fff3fc;
}
.newsletter-cn .sailthru-form__restricted-age p {
  text-align: center;
  font-size: 22px;
  font-family: 'Burbank-Regular';
  margin-bottom: 8px;
}

.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
  margin-inline: auto;
  margin-bottom: 0px;
  max-width: 1340px !important;
  padding: 48px 32px;
  gap: 24px;
  position: relative;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  justify-content: center;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex::before {
  content: '';
  width: 3000px;
  height: 100%;
  background-color: #4f4696;
  position: absolute;
  right: 99%;
  top: 0;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex::after {
  content: '';
  width: 3000px;
  height: 100%;
  background-color: #4f4696;
  position: absolute;
  left: 99%;
  top: 0;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  display: flex;
  align-items: center;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  h2.wp-block-heading {
  font-size: 28px;
  line-height: 40px;
  font-family: 'Burbank-Regular', sans-serif;
  color: #fdf6bd;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .field-required.field-email.error {
  outline: 2px solid red;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .hcp_privacy_content {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .hcp_privacy_content
  p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .hcp_privacy_content
  a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  #hcp_form_error
  p {
  color: red;
  margin: 8px 0;
  text-align: left;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset {
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: start;
  gap: 8px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .field-required.field-email {
  max-width: 640px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .form-group.sailthru-form__list.sailthru-form__checkbox {
  grid-column: 1/2;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  p {
  margin-bottom: 0px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .news-agree {
  display: flex;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .field-checkbox.field-required.error {
  height: 14px;
  align-self: center;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .news-agree,
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .terms-agree {
  font-size: 16px;
  grid-column: 1/2;
  gap: 4px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__email {
  width: 100%;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__text {
  grid-column: 1/2;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__text
  input {
  padding: 10px;
  border: 0.125rem solid #111;
  font-size: 15px;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__submit {
  display: flex;
  grid-column: 2/3;
  grid-row: 1/2;
  align-self: flex-end;
  justify-self: flex-end;
  width: 100%;
}

.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__submit
  button {
  margin-top: auto;
  background-color: #fdf6bd;
  font-size: 24px;
  text-transform: uppercase;
  color: #4f4696;
}
.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  fieldset
  .sailthru-form__submit
  button:hover {
  background-color: #fdf6bd !important;
}

.wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
  .hcp_privacy_content
  p {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: left;
}

.newsletter-cn .hcp_form_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6f9ed;
  color: #20794d;
  border: 1px solid #b7e7cd;
  border-radius: 6px;
  padding: 16px;
  margin: 24px auto;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 2px 8px 0 rgba(32, 121, 77, 0.07);
  position: relative;
}

.hcp_marketing_content {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 14px;
}

@media (min-width: 768px) {
  .newsletter-cn form select {
    padding: 0px !important;
  }

  .newsletter-cn form {
    text-align: left;
  }

  .newsletter-cn .sailthru-form .select-style:after {
    right: -2px !important;
  }
  .wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
    fieldset
    .sailthru-form__submit {
    max-width: 170px;
  }

  .wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
    fieldset {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }

  .wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
    h2.wp-block-heading {
    font-size: 35px !important;
    line-height: 39px !important;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .newsletter-cn .sailthru-form .select-style:after {
    right: 5px !important;
  }
}

@media (max-width: 767px) {
  .wp-block-columns.newsletter-cn.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
    fieldset
    .sailthru-form__email {
    margin-bottom: 0;
  }

  .terms-agree {
    margin-bottom: 10px;
  }

  .newsletter-cn form .sailthru-form__email > label,
  .newsletter-cn form .sailthru-form__dob > label {
    text-align: left;
  }
  .hcp_form_message p {
    font-size: 16px;
    padding: 12px 10px;
    max-width: 95vw;
  }

  .hcp_marketing_content {
    text-align: left;
  }
}