ff-banner{display:block;position:relative;overflow:hidden;padding:0!important;max-width:1600px;margin:0 auto}ff-banner .banner-content__container{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;gap:20px;padding:30px}ff-banner .banner__content{display:flex;flex-direction:column;justify-content:center;gap:20px;max-width:900px}ff-banner .banner__header{font-family:var(--ff-font-family-primary);font-size:var(--ff-font-size-22);font-weight:var(--ff-font-weight-600);color:var(--ff-font-color-green);text-transform:uppercase}ff-banner .banner__title{font-family:var(--ff-font-family-secondary);font-size:var(--ff-font-size-56);font-weight:var(--ff-font-weight-500);color:var(--ff-font-color-dark-green);line-height:61.6px}ff-banner .banner__description{font-size:var(--ff-font-size-18);font-weight:var(--ff-font-weight-400);line-height:27px}ff-banner .banner__image{position:absolute;height:100%;object-fit:cover;width:100%}ff-banner .banner__image-container{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-repeat:no-repeat;background-size:cover;background-position:center center}ff-banner[data-layout=full_width] .banner__content,ff-banner[data-layout=full_width] .banner-content__container,ff-banner[data-layout=full_width_image] .banner__content,ff-banner[data-layout=full_width_image] .banner-content__container{align-items:center;text-align:center}ff-banner[data-layout=full_width_image_left]{display:grid;grid-template-columns:270px 1fr;max-width:1364px;min-height:250px}ff-banner[data-layout=full_width_image_left] .banner__title{font-size:var(--ff-font-size-42);line-height:46px}ff-banner[data-layout=full_width_image_left] .banner-content__container{flex-direction:row;justify-content:space-between;align-items:center;padding:30px 75px;gap:75px}ff-banner[data-layout=full_width_image_left] .banner__content{flex:1}ff-banner[data-layout=full_width_image_left] .banner__image-container{order:-1}ff-banner[data-layout=two_column_image_right],ff-banner[data-layout=two_column_image_right_narrow]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}ff-banner[data-layout=two_column_image_right] .banner__image-container,ff-banner[data-layout=two_column_image_right_narrow] .banner__image-container,ff-banner[data-layout=full_width_image_left] .banner__image-container{position:relative}ff-banner[data-layout=two_column_image_right]{max-width:1364px;min-height:433px}ff-banner[data-layout=two_column_image_right] .banner__title{font-size:var(--ff-font-size-42);line-height:46px}ff-banner[data-layout=two_column_image_right] .banner-content__container{padding:76px 100px}ff-banner[data-layout=two_column_image_right_narrow]{max-width:1364px;min-height:250px}ff-banner[data-layout=two_column_image_right_narrow] .banner__title{font-size:var(--ff-font-size-42);line-height:46px}ff-banner[data-layout=two_column_image_right_narrow] .banner-content__container{padding:32.5px 100px}@media(max-width:1024px){ff-banner[data-layout=full_width_image_left] .banner-content__container{flex-direction:column;padding:30px;gap:20px}ff-banner[data-layout=full_width_image_left] .banner__content,ff-banner[data-layout=full_width_image_left] .banner-content__container{align-items:center;text-align:center}}@media(max-width:768px){ff-banner[data-layout=two_column_image_right]{grid-template-columns:1fr;grid-template-rows:1fr}ff-banner[data-layout=two_column_image_right] .banner-content__container{order:1;padding:30px}ff-banner[data-layout=two_column_image_right] .banner__title{font-size:var(--ff-font-size-36)}ff-banner[data-layout=two_column_image_right] .banner__image-container{display:none}ff-banner[data-layout=two_column_image_right_narrow]{grid-template-columns:1fr;grid-template-rows:1fr}ff-banner[data-layout=two_column_image_right_narrow] .banner-content__container{order:1;padding:30px}ff-banner[data-layout=two_column_image_right_narrow] .banner__image-container{display:none}ff-banner[data-layout=full_width_image_left]{grid-template-columns:1fr}ff-banner[data-layout=full_width_image_left] .banner__image-container{display:none}ff-banner .banner__content,ff-banner .banner-content__container{align-items:center;text-align:center}ff-banner .banner__title{font-size:var(--ff-font-size-36)}ff-banner .banner__description{font-size:var(--ff-font-size-16)}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/ff-banner.css.map */