.video-with-text{position:relative;outline:0!important;z-index:0}.section__container{width:100%;overflow:hidden;display:block}.detail__container{width:100%}.video-on-right{left:50%}.video-on-left{left:0}.detail__col--image{height:100%;position:absolute;top:0;background:#000}.full-bg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;display:block}.full-bg img{width:100%;height:100%;object-fit:cover;border:none;display:block}.detail__col--content{display:table}.text-on-right{margin-left:50%}.text-on-left{margin-left:0}.detail__col{width:50%;min-height:650px}.detail__content{padding:100px 160px;width:100%;vertical-align:middle;display:table-cell}.detail__content--highlight{padding:100px 140px 100px 200px}.detail__headline{font-size:60px;line-height:60px!important;letter-spacing:.3px!important;word-spacing:normal!important;font-family:Helvetica Condensed,sans-serif;margin:0}.detail__headline--highlight{text-align:center}.detail__headline--highlight:after{width:160px;height:18px;content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.detail__copy{margin-top:15px;font-family:Helvetica Condensed,sans-serif;font-weight:400;font-size:18px;line-height:28px;letter-spacing:.25px;text-rendering:optimizelegibility}.detail__copy--highlight{margin-top:55px}.btn__group{margin:5px -10px 0;font-size:0;line-height:0}.detail__content--highlight .btn__group{text-align:center}.btn{margin:20px 10px 0;padding:0 15px;min-width:180px;height:60px;font-family:Helvetica Condensed,sans-serif;font-size:26px;line-height:26px;font-weight:400;text-align:center;text-decoration:none!important;vertical-align:top;display:inline-block;background:#0000;transition:color .3s ease-in-out,background .3s ease-in-out}.btn span{top:50%;display:block;transform:translateY(-50%);line-height:normal!important;letter-spacing:normal!important;word-spacing:normal!important}.btn:hover{color:#fff;background:#000;text-decoration:underline!important}button.vidbutton{position:absolute;bottom:16px;background:unset;border:2px solid #fff;color:#fff;padding:8px 16px 8px 8px;z-index:99999;font-family:Helvetica Condensed,sans-serif;font-size:16px;cursor:pointer}.pause-btn:before,.play-btn:before,button.vidbutton p:before{content:"\f04c";font-family:FontAwesome;position:absolute;left:0;top:1px}button.vidbutton p,button.vidbutton span{padding-left:24px}button.vidbutton:focus,button.vidbutton:focus-visible{border:7px solid #fff!important;outline:2px solid #000!important;box-shadow:unset;outline-offset:-4px}button.vidbutton p{margin:0;position:relative}.detail__col .detail__content a.btn:hover{color:#fff}.btn:focus{text-decoration:underline!important}ol:first-child,p:first-child,ul:first-child{margin-top:0!important}ol,p,ul{margin:16px 0}.detail__copy h1,.detail__copy h2,.detail__copy h3,.detail__copy h4,.detail__copy h5,.detail__copy h6{padding-top:8px;margin-bottom:-5px}.detail__copy ol,.detail__copy ul{padding-left:18px}ol:last-child,p:last-child,ul:last-child{margin-bottom:0!important}ol,ul{padding-left:40px}.detail__col--content:after{width:35px;height:100%;content:"";position:absolute;top:0;left:30px;background-size:35px 35px!important;transform-origin:top left}.detail__copy h1,.detail__copy h2,.detail__copy h3,.detail__copy h4,.detail__copy h5,.detail__copy h6{margin:0;font-family:Champion Lightwt A,Champion Lightwt B,Helvetica Condensed,sans-serif;font-size:32px;line-height:32px;font-weight:400}.detail__col--content.text-on-left{margin-left:0}.index .btn span{letter-spacing:.23px!important;padding-bottom:2px}.white-text-shadow p{text-shadow:0 0 .2px #fff}.black-text-shadow li,.black-text-shadow p{text-shadow:0 0 .2px rgb(0 0 0 / 39%)}.black-text-shadow .btn__group .btn{text-shadow:0 0 .3px rgb(0 0 0 / 25%)}.index .btn span{padding-bottom:2px}button#vidbutton{position:absolute;bottom:16px;background:unset;border:2px solid #000;color:#000;padding:8px 16px 8px 8px;z-index:99999;font-family:Helvetica Condensed,sans-serif;font-size:16px;cursor:pointer}.pause-btn:before,.play-btn:before,button#vidbutton p:before{content:"\f04c";font-family:FontAwesome;position:absolute;left:0;top:1px}.play-btn:before{content:"\f04b"}button#vidbutton p,button#vidbutton span{padding-left:24px}button#vidbutton:focus,button#vidbutton:focus-visible{border:7px solid #000!important;outline:2px solid #fff!important;box-shadow:unset;outline-offset:-4px}a.video__btn.video_play:focus,a.video__btn.video_play:focus-visible{border:7px solid #000!important;outline:2px solid #fff!important;box-shadow:unset;outline-offset:-4px}.video__btn.video_play{width:70px;height:70px;border:2px #fff solid;position:absolute;top:50%;left:50%;z-index:9999;display:block;background:#0009;border-radius:50%;transform:translate(-50%,-50%);transition:border .3s ease-in-out,background .3s ease-in-out}.video__btn.video_play:hover{border-color:#ed1c24;background:#00000080}.video__btn.video_play:hover .video__btn--triangle{border-color:#ed1c24}.video_play .video__btn--triangle{margin-left:3px;width:20px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-left:2px solid #fff;display:block;transition:border .3s ease-in-out}.video__btn.video_play:hover .video__btn--triangle:after,.video__btn.video_play:hover .video__btn--triangle:before{background:#ed1c24}.video_play .accessibility{position:absolute;top:0;left:0;font-size:0;line-height:0}.video__btn--triangle:after,.video__btn--triangle:before{width:22px;height:2px;content:"";position:absolute;left:0;background:#fff;transition:background .3s ease-in-out}.video__btn--triangle:before{top:0;transform:rotate(34deg);transform-origin:top left}.video__btn--triangle:after{bottom:0;transform:rotate(-34deg);transform-origin:bottom left}button.button.button-close:focus,button.button.button-close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5)!important;outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)!important;border:2px solid #000;height:45px}@media (max-width:1200px){.detail__content{padding:100px}.detail__content--highlight{padding:100px 90px 100px 150px}.detail__headline{font-size:52px;line-height:52px!important}.detail__col--content:after{width:30px;left:20px;background-size:30px 30px!important}.detail__copy h1,.detail__copy h2,.detail__copy h3,.detail__copy h4,.detail__copy h5,.detail__copy h6{font-size:28px;line-height:28px}}@media (max-width:980px){.detail__col--image{width:45%}.detail__col--image.video-on-right{left:55%}.detail__col{min-height:550px}.detail__col--content{margin-left:45%;width:55%}.detail__content{padding:80px}.detail__content--highlight{padding:80px 80px 80px 120px}.detail__headline{font-size:44px;line-height:44px!important}.detail__col--content:after{width:22px;background-size:22px 22px!important}.detail__copy h1,.detail__copy h2,.detail__copy h3,.detail__copy h4,.detail__copy h5,.detail__copy h6{font-size:24px;line-height:24px}.video_play .video__btn--triangle{margin-left:2px;width:18px;height:25px}.video__btn--triangle:after,.video__btn--triangle:before{width:21.5px}.video__btn.video_play{width:60px;height:60px}}@media (max-width:760px){.detail__col{width:100%;min-height:0}.detail__col--image{height:0;padding-top:72%;position:relative}.detail__col--image.image-on-right,.detail__col--image.video-on-right{left:0}.detail__col--content{margin-left:0}.detail__content,.detail__content--highlight{padding:86px 20px 60px}.detail__headline{font-size:36px;line-height:36px!important}.detail__headline--highlight{margin:0 auto}.detail__col--content:after{width:16px;height:2000px;left:100%;top:10px;background-size:16px 16px!important;transform:rotate(90deg)}.detail__copy h1,.detail__copy h2,.detail__copy h3,.detail__copy h4,.detail__copy h5,.detail__copy h6{font-size:20px;line-height:20px}.detail__copy--highlight{margin:40px auto 0;max-width:500px}.detail__content--highlight .btn__group{max-width:520px;left:calc(50% + 10px);transform:translate(-50%)}.btn{min-width:120px;height:50px;font-size:20px;line-height:20px;border-width:2px}.detail__copy{font-size:16px;line-height:24px}.video_play .video__btn--triangle{margin-left:2px;width:12px;height:16px}.video__btn--triangle:after,.video__btn--triangle:before{width:13.2px}.video__btn.video_play{width:50px;height:50px}}@media (max-width:540px){.detail__col--image{padding-top:87%}}@media (forced-colors:active) and (prefers-color-scheme:dark){.video__btn--triangle:after,.video__btn--triangle:before{filter:invert(1)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-video-with-text.css.map */