/*!
  Atom, by Koding Themes
  componenet-hero-banner.css
  https://kodingthemes.com
*/@media screen and (min-width: 1240px){.section_hero,.section_hero-image_bg{height:520px}}@media screen and (max-width: 640px){.section_hero-image_wrapper{display:flex;height:100%}}.section_hero-overlay{position:absolute;width:100%;margin:0 auto;padding:0 15px}@media screen and (min-width: 1008px){.section_hero-overlay{padding:0 60px}}@media screen and (min-width: 1240px) and (-ms-high-contrast: none){.section_hero-overlay{top:50%;bottom:unset;transform:none}}.section_hero-overlay.left,.section_hero-overlay.left .section_hero-subtitle,.section_hero-overlay.left .section_hero-title{text-align:left}.section_hero-overlay.center{text-align:center}.section_hero-overlay.center .section_hero-subtitle,.section_hero-overlay.center .section_hero-title,.section_hero-overlay.center .section_hero-button_wrapper{max-width:100%;margin-left:auto;margin-right:auto}.section_hero-button_wrapper{margin:0 auto}.section_hero-image_wrapper .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}@media screen and (min-width: 1240px){.section_hero-overlay.center .section_hero-subtitle,.section_hero-overlay.center .section_hero-title,.section_hero-overlay.center .section_hero-button_wrapper{max-width:60%}}@media screen and (min-width: 1500px){.section_hero-overlay.center .section_hero-subtitle,.section_hero-overlay.center .section_hero-title,.section_hero-overlay.center .section_hero-button_wrapper{max-width:100%}}.section_hero-overlay.center .ProductForm{margin:0 auto}.section_hero-overlay.right,.section_hero-overlay.right .section_hero-subtitle,.section_hero-overlay.right .section_hero-title{text-align:right}.section_hero-overlay.right .ProductForm{margin-left:auto}.section_hero-overlay.top{top:33px;z-index:10}@media screen and (min-width: 641px){.section_hero-overlay.top{top:40px}}.section_hero-overlay.middle{top:50%;left:0;transform:translateY(-50%);opacity:1;padding:0 60px;z-index:10}@media screen and (min-width: 1008px){.section_hero-overlay.middle{padding:0}}@media screen and (min-width: 1500px){.section_hero-overlay.middle{padding:0}}.section_hero-overlay.bottom{bottom:40px}@media screen and (min-width: 1500px){.section_hero-overlay{padding-left:15px;padding-right:15px;max-width:1440px}.section_hero-overlay.top,.section_hero-overlay.bottom{left:50%;transform:translate(-50%)}.section_hero-overlay.middle{left:50%;top:50%;transform:translate(-50%,-50%)}}.section_hero-overlay .section_hero-title_container{display:flex;flex-direction:column;margin:0 auto}.section_hero-overlay .section_hero-subtitle,.section_hero-overlay .section_hero-title,.section_hero-overlay .section_hero-button_wrapper{opacity:1}.section_hero-overlay .section_hero-subtitle{letter-spacing:normal;word-break:break-word;flex-wrap:wrap}.section_hero-overlay .section_hero-title{margin:0;text-transform:none}@media screen and (max-width: 640px){.section_hero-overlay .section_hero-title{font-size:2.15rem;letter-spacing:.18px;line-height:2.5rem;margin-bottom:16px}.section_hero-overlay.middle{top:50%;left:0;transform:translateY(-50%);opacity:1;padding:0 15px;z-index:10}}.section_hero-overlay .section_hero-title_container.title-first .section_hero-title{order:1;opacity:1}.section_hero-overlay .section_hero-title_container.title-first .section_hero-subtitle,.section_hero-overlay .section_hero-title_container.subtitle-first .section_hero-title{order:2;opacity:1}.section_hero-overlay .section_hero-title_container.subtitle-first .section_hero-subtitle{order:1;opacity:1}.section_hero-overlay.small .button-primary,.section_hero-overlay.small .button-reverse{padding:13px 18px 10px;font-size:14px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.small .button-primary,.section_hero-overlay.small .button-reverse{padding:12px 18px 8px;font-size:14px;line-height:16px}}@media screen and (min-width: 1008px){.section_hero-overlay.small .button-primary,.section_hero-overlay.small .button-reverse{padding:9px 19px;font-size:15px}}.section_hero-overlay.small .section_hero-title{font-size:28px;line-height:30px;letter-spacing:normal;margin-bottom:25px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.small .section_hero-title{font-size:32px;line-height:38px;margin-bottom:20px}}@media screen and (min-width: 1008px){.section_hero-overlay.small .section_hero-title{font-weight:600;letter-spacing:normal;line-height:51px;font-size:42px;margin-bottom:20px}}.section_hero-overlay.small .section_hero-subtitle{margin-bottom:13px;font-size:15px;line-height:17px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.small .section_hero-subtitle{margin-bottom:15px}}@media screen and (min-width: 1008px){.section_hero-overlay.small .section_hero-subtitle{font-size:17px;line-height:20px;margin-bottom:15px}}.section_hero-overlay.medium .button-primary,.section_hero-overlay.medium .button-reverse{padding:12px 16px 11px;font-size:16px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.medium .button-primary,.section_hero-overlay.medium .button-reverse{padding:12px 18px;font-size:14px;line-height:16px}}@media screen and (min-width: 1008px){.section_hero-overlay.medium .button-primary,.section_hero-overlay.medium .button-reverse{font-size:16px;padding:12px 20px 11px}}.section_hero-overlay.medium .section_hero-title{font-size:36px;line-height:38px;letter-spacing:normal;margin-bottom:25px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.medium .section_hero-title{line-height:43px;margin-bottom:15px}}@media screen and (min-width: 1008px){.section_hero-overlay.medium .section_hero-title{line-height:62px;font-size:52px;margin-bottom:25px}}.section_hero-overlay.medium .section_hero-subtitle{font-size:16px;line-height:18px;margin-bottom:15px}@media screen and (min-width: 1008px){.section_hero-overlay.medium .section_hero-subtitle{font-size:20px;margin-bottom:25px;line-height:23px}}.section_hero-overlay.large .section_hero-title{font-size:42px;line-height:51px;letter-spacing:normal}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.large .section_hero-title{font-size:44px;line-height:53px}}@media screen and (min-width: 1008px){.section_hero-overlay.large .section_hero-title{line-height:75px;font-size:62px;margin-bottom:25px}}.section_hero-overlay.large .section_hero-subtitle{font-size:18px;line-height:21px;margin-bottom:20px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.large .section_hero-subtitle{margin-bottom:15px}}@media screen and (min-width: 1008px){.section_hero-overlay.large .section_hero-subtitle{font-size:22px;line-height:25px;margin-bottom:20px}}.section_hero-overlay.large .button-primary,.section_hero-overlay.large .button-reverse{padding:12px 20px;font-size:18px}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-overlay.large .button-primary,.section_hero-overlay.large .button-reverse{padding:18px 24px;font-size:16px}}@media screen and (min-width: 1008px){.section_hero-overlay.large .button-primary,.section_hero-overlay.large .button-reverse{padding:11px 21px;font-size:18px}}.section_hero-overlay.special-banner .section_hero-title{font-weight:700}@media screen and (max-width: 375px){.section_hero-overlay.special-banner .section_hero-title{max-width:100%}}@media screen and (min-width: 1240px){.section_hero-overlay.special-banner .section_hero-title{max-width:70%}}@media screen and (min-width: 1960px){.section_hero-overlay.special-banner .section_hero-title{max-width:100%}}.section_hero-overlay.special-banner.small .section_hero-title{font-size:25px}@media screen and (min-width: 1008px){.section_hero-overlay.special-banner.small .section_hero-title{font-size:50px}}@media screen and (min-width: 1960px){.section_hero-overlay.special-banner.small .section_hero-title{font-size:85px}}.section_hero-overlay.special-banner.medium{padding:0}.section_hero-overlay.special-banner.medium .section_hero-title{font-size:30px}@media screen and (min-width: 1008px){.section_hero-overlay.special-banner.medium .section_hero-title{font-size:70px}}@media screen and (min-width: 1960px){.section_hero-overlay.special-banner.medium .section_hero-title{font-size:105px}}@media screen and (max-width: 768px){.section_hero-overlay.special-banner.large .section_hero-title{font-size:45px}}@media screen and (max-width: 320px){.section_hero-overlay.special-banner.large .section_hero-title{font-size:40px}}@media screen and (min-width: 1008px){.section_hero-overlay.special-banner.large .section_hero-title{font-size:90px}}@media screen and (min-width: 1960px){.section_hero-overlay.special-banner.large .section_hero-title{font-size:130px}}.section_hero-overlay .ProductForm{max-width:140px}@media screen and (min-width: 1008px){.section_hero-overlay .ProductForm{max-width:253px}}.section_hero-image_bg{position:relative}@media screen and (max-width: 640px){.section_hero-image_bg{height:320px}}@media screen and (min-width: 641px) and (max-width: 1007px){.section_hero-image_bg{height:520px}}.section_hero-image{max-width:none;min-height:100%;min-width:100%;object-fit:cover}@media screen and (min-width: 641px){.section_hero-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width: 640px){.section_hero-image{object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.section_hero,.section_hero-image_bg{overflow:hidden;position:relative}@media screen and (max-width: 640px){.section_hero .embed-container,.section_hero-image_bg .embed-container{max-width:none;height:380px;width:677px;left:50%;transform:translate(-50%)}.section_hero .section_hero-overlay,.section_hero-image_bg .section_hero-overlay{width:100vw}}@media screen and (min-width: 1024px){.section_hero,.section_hero-image_bg{height:600px}.section_hero .embed-container,.section_hero-image_bg .embed-container{top:25%;transform:translateY(-25%)}}@media screen and (min-width: 1960px){.section_hero,.section_hero-image_bg{height:600px}}.collection-img-banner{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center center}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-hero-banner.css.map */