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); */
.paragraph-item--toy-catalog-hero { background: #F1EFE4; position: relative; }

.paragraph-item--toy-catalog-hero .brick-border { background-color: #E53A74; background-image: url("/themes/custom/tnvacation/img/toy-catalog/brick-pattern.svg"); background-repeat: repeat-x; background-size: contain; background-blend-mode: multiply; display: block; height: 27px; position: relative; width: 100%; z-index: 5; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .brick-border { height: 30px; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--background .field--name-field-bg-image:not(:only-child) { display: none; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--background .field--name-field-bg-image:not(:only-child) { display: block; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--background img { width: 100vw; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .field--name-field-bg-image-mobile { display: none; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground { display: flex; flex-direction: column; justify-content: center; inset: 0; position: absolute; width: 100%; }

@media only screen and (max-width: 767px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-formatted-title h1 { line-height: 1; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-image { text-align: center; }

@media only screen and (max-width: 767px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-image img { margin-left: -20%; max-width: unset; overflow: hidden; width: 140%; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 { color: #FFFFFF; font-family: 'Toy Catalog Sans'; letter-spacing: 0.4px; line-height: 65.5px; margin: auto; margin-top: 4rem; text-align: center; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); width: 90%; max-width: 396px; font-size: 60px; font-size: 3.75rem; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 { line-height: 83.75px; max-width: 738px; font-size: 83px; font-size: 5.1875rem; } }

@media (min-width: 1024px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 { line-height: 102px; max-width: 880px; font-size: 110px; font-size: 6.875rem; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 b { font-weight: 500; font-size: 50px; font-size: 3.125rem; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 b { font-size: 95px; font-size: 5.9375rem; } }

.paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 em { font-style: normal; font-size: 70px; font-size: 4.375rem; }

@media (min-width: 768px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 em { font-size: 95.5px; font-size: 5.96875rem; } }

@media (min-width: 1024px) { .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 em { font-size: 125px; font-size: 7.8125rem; } }

.path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero { background: none; }

.path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero .toy-catalog-hero--background { padding: 0; }

.path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground { top: -8%; }

@media (min-width: 768px) { .path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground { top: 0; } }

.path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground img { display: block; margin: 0 auto; max-width: 95vw; width: 360px; }

@media (min-width: 768px) { .path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground img { max-width: 50vw; width: 530px; } }

.path-playcation .path-playcation-catalog-success .paragraph-item--toy-catalog-hero h1 { display: none; }

.path-playcation-catalog-out-of-stock main { background: none; }

.path-playcation-catalog-out-of-stock main .paragraph--type-article-text-block p { font-family: 'Freight-Sans'; font-size: 20px; font-weight: 500; line-height: 25px; letter-spacing: 0.4000000059604645px; text-align: center; }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero { overflow: hidden; padding: 110px 0 27px; }

@media (min-width: 1024px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero { padding-top: 145px; } }

@media (min-width: 768px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero { padding: 96px 0 30px; } }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .brick-border { background-color: #ED483F; background-image: url("/themes/custom/tnvacation/img/toy-catalog/brick-pattern.svg"); background-repeat: repeat-x; background-size: contain; background-blend-mode: multiply; display: block; height: 27px; position: relative; width: 100%; z-index: 5; }

@media (min-width: 768px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .brick-border { height: 30px; } }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .brick-border { bottom: 0; position: absolute; z-index: 1; }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--background { inset: 0; padding-top: 0; position: absolute; }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground { align-items: center; display: flex; flex-direction: row-reverse; justify-content: center; margin: 0 auto; max-width: 1440px; position: relative; }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 { line-height: 0.85; margin: 0; }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-formatted-title { max-width: 90%; width: 320px; }

@media (min-width: 768px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-formatted-title { max-width: 50%; width: 600px; } }

@media only screen and (max-width: 1023px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-formatted-title h1 { line-height: 0.9; } }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .field--name-field-image { margin-bottom: -63px; }

@media (min-width: 768px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .field--name-field-image { align-self: flex-end; margin-bottom: -7%; } }

.path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .field--name-field-image img { width: 632px; max-width: 100%; }

@media only screen and (max-width: 767px) { .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground { flex-direction: column; }
  .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground h1 { max-width: unset; }
  .path-playcation-catalog-out-of-stock .paragraph-item--toy-catalog-hero .toy-catalog-hero--foreground .field--name-field-image img { display: block; margin: 0 auto; max-width: 100%; width: 337px; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/toy-catalog-hero.css.map */