html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
#block-homepageemailguideprefooter { background: linear-gradient(0, #000000 22%, #FFFFFF 22%); position: relative; z-index: 9999; }

.alt-background #block-homepageemailguideprefooter { background: linear-gradient(0, #000000 22%, #F1F1ED 22%); }

#block-homepageemailguideprefooter:before { background-image: url("/themes/custom/tnvacation/img/paper-tear-white.webp"); content: ''; display: block; height: 40px; pointer-events: none; position: absolute; top: -30px; width: 100%; }

#block-homepageemailguideprefooter h3 { text-align: center; }

@media only screen and (min-width: 768px) { #block-homepageemailguideprefooter h3 { text-align: left; } }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: space-around; margin: 0 auto; max-width: 1400px; padding-top: 6rem; width: 98%; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide { background-image: url("../../../img/vacation-guide/2025-vacation-guide-background.webp"); background-size: cover; padding: 1rem; max-width: 90%; margin: 3rem auto; position: relative; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner { color: #FFFFFF; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner img { max-width: 200px; position: absolute; top: -3%; left: -5%; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper { text-align: center; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper h3 { font-size: 33px; font-size: 2.0625rem; max-width: 242px; margin-left: 145px; margin-bottom: 4rem; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper p { display: none; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .email-signup { color: #FFFFFF; max-width: 100%; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .email-signup .email-signup--inner { background-color: #AA442B; padding: 2rem 4rem; text-align: center; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .email-signup .email-signup--inner h3 { font-size: 33px; font-size: 2.0625rem; line-height: .9; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation { align-items: end; background-color: #A5DDEC; background-image: url("/themes/custom/tnvacation/img/playcation/2025_kids_guide_footer_background.webp"); background-position: center top; background-size: 100%; background-repeat: repeat-y; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin-top: 1rem; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation > .image--wrapper { overflow: hidden; max-width: 70%; }

@media only screen and (min-width: 520px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation > .image--wrapper { padding-top: 16px; max-width: 32%; } }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation > .image--wrapper img { width: 240px; margin-bottom: 0; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper { align-self: center; display: flex; flex-direction: column; margin-left: 0.4rem; padding: 1.5rem 0; }

@media only screen and (min-width: 520px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper { max-width: 45%; } }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper a { letter-spacing: 2px; margin: 1rem auto; width: 155px; }

@media (min-width: 768px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper a { max-width: 205px; width: 88%; } }

@media (min-width: 1024px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper a { width: 100%; } }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper h2 { color: #000000; font-family: 'Toy Catalog Sans'; font-size: 35px; margin-bottom: 0; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper .image--wrapper { text-align: center; }

#block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper .image--wrapper img { max-width: 240px; width: 100%; }

@media (min-width: 1200px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .content--wrapper .image--wrapper img { max-width: 300px; } }

@media only screen and (max-width: 1023px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation .image--wrapper img { width: 240px; } }

@media only screen and (max-width: 519px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .playcation { flex-direction: column-reverse; align-items: center; } }

@media (max-width: 767px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner img { position: relative; display: block; margin: 0 auto; left: unset; top: unset; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper h3 { margin: 0 72px 2rem; } }

@media only screen and (min-width: 768px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper { flex-direction: row; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide { max-width: unset; margin: unset; margin-right: 2rem; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner img { max-width: 20vw; position: relative; left: unset; top: unset; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper { max-width: 560px; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper h3 { font-size: 39px; font-size: 2.4375rem; margin-bottom: 1rem; margin-left: unset; max-width: unset; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper p { font-size: 20px; font-size: 1.25rem; display: block; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper a { margin-left: 0; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .email-signup { max-width: 590px; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .email-signup h3 { font-size: 39px; font-size: 2.4375rem; } }

@media (max-width: 1299px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper h3 { text-align: center; } }

@media (min-width: 1300px) { #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide { margin: unset; max-width: 50%; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner { flex-direction: row; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner img { max-width: 340px; }
  #block-homepageemailguideprefooter .homepage-pre-footer--wrapper .vacation-guide .vacation-guide--inner .content-wrapper { max-width: 560px; padding: 0; text-align: left; } }

/*# sourceMappingURL=../../maps/libraries/block/homepage-guide-email-pre-footer.css.map */