.hero-banner{position:relative}@media (min-width:990px){.hero-banner{display:block;position:relative}}.hero-banner__media{width:100%}.hero-banner__media img{width:100%;height:auto}.with-gradient{position:relative}.with-gradient:after{content:"";position:absolute;background:linear-gradient(180deg,#0000 43%,#000);bottom:0;left:0;z-index:1;width:100%;height:300px;display:block;pointer-events:none;padding:0}.multi-block-50-50-split-mobile .with-gradient:after{height:5rem}.multi-block-50-50-split-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:5px}.multi-block-50-50-4-img-split-mobile .with-gradient:after{height:5rem}.multi-block-50-50-4-img-split-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:5px}.hero-banner__container{position:absolute;top:0;left:0}.overlay{background:linear-gradient(180deg,#0000 43%,#000)}.hero-banner__container{position:absolute;height:100%;width:100%}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:3.5rem 1.5rem;transition:.1s;width:100%}.multi-block-50-50-split-mobile .hero-banner__content,.multi-block-50-50-4-img-split-mobile .hero-banner__content{padding:1.5rem}@media (min-width: 768px){.fostr-hero-banner .hero-banner__content{padding:3.5rem 0;max-width:initial}.hero-banner__content p{width:400px}}.hero-banner__content .multi-block-50-50-split-mobile{padding-bottom:1.5rem}.hero-banner__content .full-width-banner-link{text-underline-offset:10px;width:auto;margin:0 auto}.hero-banner__content .button{border:1px solid black}.hero-banner__content .button{border:0px solid transparent}.hero-banner h1{font-family:minion-pro,serif;margin-top:0;margin-bottom:0;font-size:2.4rem}@media (min-width: 990px){.hero-banner__content{padding:48px 0 30px}.hero-banner h1{font-size:var(--text-4xl)}}.hero-banner p{font-family:var(--font-header);margin-top:0;margin-bottom:var(--spacing-base)}.full-width-banner-link{font-family:var(--font-header);font-size:1.2rem;line-height:23px;text-align:center;letter-spacing:.05em;text-transform:uppercase;text-decoration-line:underline;color:#453e41}@media (min-width: 990px){.hero-banner p{color:#fff}}.hero-banner video{width:100%}.full-width-banner{position:relative}.hero-banner__mobile{height:100%}.hero-banner__mobile img{height:100%;object-fit:cover}.fostr-hero-banner .hero-banner__content{text-align:center}.fostr-hero-banner .hero-banner h1{padding-bottom:1.5rem;line-height:2.4rem;font-weight:600}@media (min-width: 768px){.fostr-hero-banner .hero-banner__content{padding-bottom:11.3rem}}.fostr-hero-banner .hero-banner p{margin-bottom:3rem;font-size:1.2rem;line-height:1.8rem}.fostr-hero-banner .hero-banner .full-width-banner-link{background-color:#fff;color:#000;border-radius:10rem;padding:1.2rem 6.7rem;text-decoration:none;font-weight:600}.fostr-hero-banner .multi-block-50-50-split-mobile .slide:nth-of-type(1),.fostr-hero-banner .multi-block-50-50-split-mobile .slide:nth-of-type(2){width:100%;grid-row:1}.fostr-hero-banner .multi-block-50-50-split-mobile .slide:nth-of-type(1){grid-column:1/2}.fostr-hero-banner .multi-block-50-50-split-mobile .slide:nth-of-type(2){grid-column:2/2}.fostr-hero-banner .multi-block-50-50-split-mobile .slide:nth-of-type(3){grid-column:1/3;grid-row:2/3}.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(1),.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(2){width:100%;grid-row:1}.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(3),.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(4){width:100%;grid-row:2}.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(1),.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(3){grid-column:1/2}.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(2),.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .slide:nth-of-type(4){grid-column:2/2}.fostr-hero-banner .multi-block-stacked-mobile .slide{padding-bottom:0}@media (min-width: 768px){.fostr-hero-banner .multi-block-50-50-split-mobile .hero-banner__content,.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .hero-banner__content{padding-bottom:3rem}}.fostr-hero-banner .multi-block-50-50-split-mobile .hero-banner__content h1,.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .hero-banner__content h1{padding-bottom:0;font-weight:600}@media (min-width: 768px){.fostr-hero-banner .multi-block-50-50-split-mobile .hero-banner__content h1,.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .hero-banner__content h1{padding-bottom:2rem}.fostr-hero-banner .multi-block-three-column-split-desktop{display:flex}.fostr-hero-banner .multi-block-three-column-split-desktop .slide:nth-of-type(1),.fostr-hero-banner .multi-block-three-column-split-desktop .slide:nth-of-type(2),.fostr-hero-banner .multi-block-three-column-split-desktop .slide:nth-of-type(3){width:33.33%}.fostr-hero-banner .multi-block-four-column-split-desktop{display:flex}.fostr-hero-banner .multi-block-four-column-split-desktop .slide:nth-of-type(1),.fostr-hero-banner .multi-block-four-column-split-desktop .slide:nth-of-type(2),.fostr-hero-banner .multi-block-four-column-split-desktop .slide:nth-of-type(3),.fostr-hero-banner .multi-block-four-column-split-desktop .slide:nth-of-type(4){width:25%}}@media (min-width: 768px){.multi-block-three-column-split-desktop,.multi-block-four-column-split-desktop{padding-bottom:2.5rem}}@media (max-width: 767px){.fostr-hero-banner .multi-block-50-50-split-mobile .full-width-banner-link,.fostr-hero-banner .multi-block-50-50-4-img-split-mobile .full-width-banner-link{display:none}}.fostr-hero-banner .multi-block-stacked-mobile{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.fostr-hero-banner .multi-block-50-50-split-desktop{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:.5rem}.fostr-hero-banner .multi-block-50-50-split-desktop .slide:nth-of-type(1){grid-column:1/2;grid-row:1/2}.fostr-hero-banner .multi-block-50-50-split-desktop .slide:nth-of-type(2){grid-column:2/3;grid-row:1/2}.fostr-hero-banner .multi-block-50-50-split-desktop .slide:nth-of-type(3){grid-column:1/3;grid-row:2/2}}.hero-banner__content-title{text-transform:capitalize}.hero-banner__content{background:linear-gradient(180deg,#0000,#000)}
/*# sourceMappingURL=/cdn/shop/t/98/assets/section-fostr-full-width-banner.css.map */
