.t4s-main-article-page{padding-block-end:4rem;background-color:var(--t4s-light-color);color:var(--t4s-dark-color)}.t4s-main-article-page h1,.t4s-main-article-page h2,.t4s-main-article-page h3,.t4s-main-article-page h4,.t4s-main-article-page h5,.t4s-main-article-page h6{color:var(--t4s-dark-color)}.template-article .t4s-main-area .t4s-article-content,.template-article .article-header,.template-article .t4s-article-comments-block{padding-inline:1.25rem}.t4s-article-comments-block .t4s-comment-item{margin-block-end:1.6rem}.t4s-article-related .t4s-article-content{background-color:var(--t4s-dark-color)!important;color:var(--t4s-light-color);padding:1rem}.t4s-main-article .t4s-article-related .t4s-article-related-thumb .t4s_ratio:before{padding-top:0}.t4s-main-article .t4s-article-related .t4s-article-related-thumb .t4s_ratio img{position:relative;aspect-ratio:16 / 9}.template-article .t4s-main-area .t4s-article-content{font-size:1rem;line-height:1.4}.t4s-main-area .t4s-article-image{max-width:100%!important}.t4s-main-area .t4s-article-title,.template-article .t4s-main-area .t4s-article-content,.t4s-main-article .t4s-article-tags,.t4s-article-comments-block,.container-sm{max-width:62rem;margin-inline:auto;letter-spacing:.2px}.template-article .t4s-main-article-page .container-sm{margin-block-end:0}.template-article .t4s-main-area .t4s-article-content h2,.template-article .t4s-main-area .t4s-article-content h3,.template-article .t4s-main-area .t4s-article-content h4,.template-article .t4s-main-area .t4s-article-content h5,.template-article .t4s-main-area .t4s-article-content h6{margin-block-end:.8rem}.t4s-main-area .t4s-article-image{max-height:27.75rem;height:100vh;margin-block-end:0!important}.t4s-main-area .t4s-article-image:after{content:"";position:absolute;top:0;left:0;transform:scale(-1);background:transparent linear-gradient(0deg,#0000,#000) 0% 0% no-repeat padding-box;opacity:.4;width:100%;height:100%}.t4s-main-area .t4s-article-image img{width:100%;height:100%;object-fit:cover;object-position:center}.t4s-main-article-page>div:not(:last-child){margin-bottom:50px}.t4s-main-article .t4s-article-image .t4s-article-cate-defautl .t4s-article-cate-text{margin-top:20px;color:var(--accent-color);display:block}.t4s-main-article .t4s-article-image .t4s-article-cate-alternative{position:absolute;z-index:3;top:14px;left:14px;font-size:0;text-align:left;right:14px;pointer-events:none}.t4s-main-article .t4s-article-related .t4s-article-cate-alternative .t4s-article-cate-text,.t4s-main-article .t4s-article-image .t4s-article-cate-alternative .t4s-article-cate-text{min-width:90px;padding:0 5px;line-height:30px;display:inline-block;vertical-align:top;color:var(--t4s-light-color)!important;text-transform:uppercase;font-size:13px;font-weight:500;text-align:center;background-color:var(--accent-color);pointer-events:auto}.t4s-main-article .t4s-article-title ul{list-style:disc;display:flex;padding-left:0;margin-bottom:0}.t4s-main-article .t4s-article-title ul li{margin:0 20px}.t4s-main-article .t4s-article-title ul li:first-child{list-style:none;margin-left:0}.t4s-main-article .t4s-article-tags{border:1px solid var(--border-color);padding:15px 20px}.t4s-main-article .t4s-article-tags-list svg{margin-right:10px}.t4s-main-article .t4s-comment-link svg{margin-right:9px}.t4s-main-article .t4s-article-tags-list>*,.t4s-main-article .t4s-comment-link>*{display:inline-block;vertical-align:middle}.t4s-main-article .t4s-socials{justify-content:center}.t4s-main-article .t4s-article-navigation{font-size:20px}.t4s-main-article .t4s-article-navigation a{padding-left:30px;padding-right:30px;line-height:100%;color:var(--secondary-color)}.t4s-main-article .t4s-article-navigation svg{width:40px;height:40px;fill:currentColor}.t4s-main-article .t4s-article-related-heading{margin-bottom:1.6rem}.t4s-main-article .t4s-article-related .t4s-article-cate{margin-top:15px}.t4s-main-article .t4s-article-related .t4s-article-related-thumb{margin-bottom:0}.t4s-main-article .t4s-article-related .t4s-article-title{font-size:1.25rem;font-weight:500;margin-block-end:1rem;color:var(--t4s-light-color)}.t4s-main-article .t4s-article-related .t4s-article-title a{color:var(--t4s-light-color)!important;letter-spacing:1.3px;line-height:1.33;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-decoration:none}.t4s-main-article .t4s-article-related .t4s-article-title a:hover{color:var(--accent-color)!important}.t4s-main-article .t4s-article-related .t4s-article-time{font-size:1rem;margin-block-end:1rem;color:var(--t4s-light-color);font-weight:300}.t4s-article-related .btn-outlined{border-color:var(--t4s-light-color);color:var(--t4s-light-color)}.t4s-article-related .btn-outlined:hover{border-color:var(--button-background-hover)}.t4s-main-article .t4s-article-related .t4s-article-cate-defautl .t4s-article-cate-text{margin-top:10px;color:var(--accent-color);display:block}.t4s-main-article .t4s-article-related .t4s-article-cate-alternative{position:relative;margin-top:-10%;z-index:5;margin-bottom:10px}.t4s-article-related .t4s-article-desc{font-size:1rem;margin-block-end:1rem;font-weight:300}.t4s-main-article .t4s-line-space{margin:55px 0;border-bottom:1px solid var(--border-color)}.t4s-main-article .t4s-comments-heading{font-size:24px;margin-bottom:30px}.t4s-main-article .t4s-comments-title{font-size:16px;text-transform:uppercase;margin-bottom:5px}.t4s-main-article .t4s-comments-notes{margin-bottom:30px}.t4s-main-article .t4s-comments-input{margin-bottom:25px}.t4s-main-article .t4s-comment__author{font-size:13px;text-transform:uppercase;margin-bottom:.6rem;font-weight:600}.t4s-main-article .t4s-comment__content p{margin-bottom:.8rem}.t4s-main-article .t4s-comment__date{font-size:12px;font-style:italic}.t4s-main-article .t4s-comments-form__heading,.t4s-article-related-heading{text-transform:uppercase;margin-bottom:1.6rem;text-align:center}.t4s-main-article .t4s-comments-form__notes{margin-bottom:30px}.t4s-main-article .t4s-article-template__comment-warning{font-style:italic}.t4s-main-article .t4s-pagination-wrapper{margin-bottom:0;margin-top:60px}.t4s-main-article .t4s-message-error{display:flex;align-items:end;color:var(--t4s-error-color);line-height:1.5;margin-block-start:.2rem}.t4s-main-article .t4s-message-error svg{width:18px;height:18px;margin-right:5px}.t4s-main-article input:not([type=submit]):not([type=checkbox]),.t4s-main-article select,.t4s-main-article textarea{border:1px solid var(--t4s-dark-color);font-size:1rem;outline:0;padding:0 15px;color:var(--t4s-dark-color);border-radius:var(--other-radius);max-width:100%;background-color:transparent}.t4s-main-article input:not([type=submit]):not([type=checkbox])::placeholder,.t4s-main-article textarea::placeholder{color:var(--t4s-dark-color)}.t4s-main-article input:not([type=submit]):not([type=checkbox]):focus,.t4s-main-article textarea:focus{border-color:var(--secondary-color)}.t4s-main-article input.t4s-input--error,.t4s-main-article textarea.t4s-input--error{border-color:var(--t4s-error-color)!important;margin-bottom:5px}.t4s-main-article input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],.t4s-main-article select,.t4s-main-article textarea{width:100%;height:48px;line-height:1.5;transition:border-color .5s;box-shadow:none;border-radius:var(--other-radius);-webkit-appearance:none;appearance:none}.t4s-main-article #CommentForm-body{min-height:12rem;overflow:hidden;padding:10px 15px;border-radius:1rem}.t4s-main-article .t4s-form-group{margin-bottom:25px}.t4s-main-article .t4s-fine-print{font-style:italic}.t4s-main-article .t4s-form-message ul li{list-style:disc;list-style-position:inside}.t4s-main-article .t4s-form-message--error{color:var(--t4s-error-color);background-color:var(--t4s-tooltip-background);padding:15px 20px;text-align:left;width:100%;margin:0 0 27.5px;border-radius:.35rem}.t4s-main-article .t4s-form-message--error ul{margin-block-end:0}.t4s-main-article .t4s-form-message__title{font-size:1rem;margin-bottom:10px;letter-spacing:.3px;font-weight:500}.t4s-main-article .t4s-btn-style-bordered,.t4s-main-article .t4s-btn-style-link{border-top:none;border-right:none;border-left:none}.t4s-main-article .t4s-btn-style-link{border-bottom:none}.t4s-main-article .t4s-article-tags{border-color:transparent}.t4s-main-article .t4s-article-tags-list svg,.t4s-article-tags-list .t4s-comment-link{display:none}.t4s-main-article .t4s-article-tags-list a{border:1px solid var(--border-color);padding:.35rem 1rem;border-radius:2rem;text-transform:capitalize;font-size:1rem;margin-inline-end:.35rem}.comment-btn-wrapper{display:inline-flex;justify-content:center;align-items:center;position:relative}.comment-btn-wrapper .t4s-btn{padding:.825rem 5rem .825rem 4rem;font-size:1rem;background-color:var(--btn-background);color:var(--t4s-dark-color);text-transform:uppercase;letter-spacing:1.2px;font-weight:500}.comment-btn-wrapper .t4s-btn:hover{background-color:var(--btn-background-hover);color:var(--t4s-dark-color)}.comment-btn-wrapper .t4s-svg-pr-icon{position:absolute;top:50%;left:60%;z-index:2;line-height:1.5;transform:translateY(-45%);height:16px}.comment-btn-wrapper .t4s-svg-pr-icon svg{height:1rem;width:1rem;color:var(--t4s-dark-color)}.t4s-article-content article img{width:100%;aspect-ratio:16 / 9;object-fit:contain;object-position:center;margin-block-end:1.25rem}.t4s-article-content article iframe{width:100%}.t4s-main-article-page.t4s-main-area .t4s-article-title{display:flex;column-gap:1rem;margin:0 0 .8rem}.t4s-main-article-page.t4s-main-area .article-header{position:absolute;top:0;right:0;bottom:0;left:0;max-width:42rem;margin:auto auto 0;justify-content:center;align-items:center;text-align:center;z-index:1;color:var(--t4s-light-color)}.template-article .article__author{font-size:.75rem;line-height:.875rem;letter-spacing:.15rem;color:#fff;text-transform:uppercase}.t4s-main-article .t4s-blog-socials,.t4s-blog-socials{display:flex;justify-content:start;align-items:center;column-gap:.35rem;margin-block-end:1rem}.t4s-main-article-page h1,.t4s-main-article-page article.title{color:var(--t4s-light-color);font-weight:700;text-align:center}.article-title h2{font-size:3.4rem;font-weight:700;font-family:bebas-neue-pro-expanded;line-height:1.2;max-width:28ch;margin-block-end:0}.article__tag{font-size:.625rem;font-weight:500;padding:.375rem .75rem;margin-bottom:.9375rem;background:var(--t4s-dark-color);border-radius:1.5625rem;color:var(--t4s-light-color);display:inline-block;text-transform:uppercase;letter-spacing:2px;line-height:1}.posted-on{font-size:.875rem;color:gray;margin-block-end:1rem;display:inline-flex;align-items:center;column-gap:.35rem}.t4s-main-article-page .t4s-article-title .byline{flex-shrink:0;display:flex!important;justify-content:space-between;padding-inline-end:1.6rem;align-items:center}.t4s-article-social-share{position:relative;display:inline-flex}.t4s-article-social-share .share-btn-icon{height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--t4s-light-color);border:1px solid var(--t4s-dark-color)}.t4s-article-social-share .t4s-socials{display:none}.t4s-article-social-share .t4s-socials.show{--ts-gutter-x: .5rem;position:absolute;top:100%;right:0;display:flex;flex-direction:row;margin-block-start:.5rem;flex-wrap:nowrap;border:1px solid var(--t4s-dark-color);padding:.35rem .5rem;border-radius:.5rem}.t4s-article-social-share .t4s-socials .t4s-col-item{margin-block-start:0}.t4s-article-title-inner h1,.t4s-article-title-inner h2{margin-block-end:.8rem}.t4s-article-title-inner h4,.t4s-main-article-page .article-excerpt{letter-spacing:.2px;margin-block-end:.8rem}.t4s-article-content a:not(.btn){border-bottom:0;padding-bottom:0;color:var(--t4s-dark-color)!important;text-decoration:underline}.t4s-article-content .t4s-article-content{max-width:100%!important;width:100%;padding-inline:0!important;margin:0;min-height:initial!important}body.article .content-for-layout .t4s-section-inner .t4s-container{max-width:64rem;color:var(--t4s-dark-color)}body.article .t4s-section-title{color:var(--t4s-dark-color)}@media screen and (max-width: 767px){.t4s-main-article-page.t4s-main-area .t4s-article-title{flex-wrap:wrap}.t4s-article-title-inner h1,.t4s-article-title-inner h2,.t4s-article-title-inner h4,.t4s-main-article-page .article-excerpt{margin-block-end:1.6rem}.t4s-main-article-page .t4s-article-title .byline{font-size:1rem;padding-inline-end:0;width:100%}.article-title h2{font-size:2.4rem}}@media screen and (min-width: 767px){.template-article .t4s-main-area .t4s-article-content{min-height:20rem;display:flex;flex-direction:column;align-items:flex-start}.template-article .t4s-main-area .t4s-article-content h2,.template-article .t4s-main-area .t4s-article-content h3,.template-article .t4s-main-area .t4s-article-content h4,.template-article .t4s-main-area .t4s-article-content h5,.template-article .t4s-main-area .t4s-article-content h6{margin-block-end:1.6rem}}@media (-moz-touch-enabled: 0),(hover: hover) and (min-width: 1025px){.t4s-article-navigation a:hover{color:var(--accent-color)}.t4s-main-article #CommentForm-body{min-height:18rem}.t4s-main-article-page .t4s-article-title{flex-wrap:nowrap;padding-inline:1.5rem}.t4s-main-article .t4s-article-related .t4s-article-title,.template-article .t4s-article-comments-block{padding-inline:0}.t4s-article-social-share .share-btn-icon{margin-block-start:0rem}.t4s-main-article-page .t4s-article-title{align-items:flex-start;margin-block-start:1rem}.t4s-main-article-page .t4s-article-title .byline{width:auto;display:block;padding-inline-end:0;margin-block-start:1rem;margin-bottom:auto}.t4s-article-social-share .t4s-socials.show{left:auto;right:0}.t4s-article-content p+p{margin-block-end:1.6rem}.t4s-article-content .blog-list-item__footer{margin-block-start:auto;margin-top:0}.t4s-article-title-inner h1,.t4s-article-title-inner h2{line-height:1.33;letter-spacing:0}.template-article .t4s-main-area .t4s-article-content{min-height:20rem}}@media (max-width: 576px){.t4s-article-related .btn-outlined:hover{color:var(--t4s-light-color);background-color:transparent;border-color:var(--t4s-light-color)}.t4s-article-related .btn-outlined:focus,.t4s-article-related .btn-outlined:active{color:var(--t4s-dark-color);background-color:var(--button-background-hover);border-color:var(--button-background-hover)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/t4s-main-article.css.map */