/* GLOBAL STUFF ---------------------------------------------------- */ @media screen and (max-width: 1400px) { #home-imagebox .wrapper.wrapper--margins, #triad-features .wrapper.wrapper--margins, #ProductSection-home-product .wrapper.wrapper--margins, #triad-testimonials .wrapper.wrapper--margins, #home-faq .wrapper.wrapper--margins { padding: 50px 0; } } @media screen and (max-width: 767px) { #home-faq .wrapper.wrapper--margins { padding: 25px 0; } } /* HEADER ---------------------------------------------------------- */ .site-header { height: 74px; background-color: #f1efef; } .site-header__logo { height: 70px; } .site-header__logo .display-table-cell { line-height: 1em; } .nav-bar li a { font-size: 1.333em; color: #000 !important; } .is-dark .created-by-js .nav-bar li a.btn--dark, .nav-bar li a.btn.btn--small { margin: 2px 0 0 0; border: 3px solid red; font-size: 1.5384em; font-weight: 600; line-height: 1.5384em; } .is-dark .created-by-js .nav-bar li a.btn--dark:hover, .nav-bar li a.btn.btn--small:hover { border-color: black; color: #fff !important; } .nav-bar li a:after, .nav-bar li a.site-nav--active:after { display: none; } .nav-bar li.btn__buy a .price { display: none; } .site-header--drawer .nav-bar li a { color: #fff !important; } /* HOMEPAGE VIDEO -------------------------------------------------- */ .home-video .content h2 .sub-heading { display: block; font-size: 45px; font-weight: 400; } .video-text-light .video-overlay .video-button { background: #000; } .video-text-light .video-overlay .video-button svg path { fill: #fff; } /* ABOUT SECTION -------------------------------------------------- */ #shopify-section-1586151059279 { } #shopify-section-1586151059279 h3 { color: #000000; font-size: 25px; font-weight: 500; } #shopify-section-1586151059279 .home-imagebox { padding: 10px 0; } #shopify-section-1586151059279 .home-imagebox .image { background-size: 600px 450px; } #shopify-section-1586151059279 .home-imagebox .content { min-height: 0; } #shopify-section-1586151059279 .content .large--display-table { height: 650px; } #shopify-section-1509736672988 { } #shopify-section-1509736672988 h3 { color: #000000; font-size: 25px; font-weight: 500; } #shopify-section-1509736672988 .home-imagebox { padding: 10px 0; } #shopify-section-1509736672988 .home-imagebox .image { background-size: 380px 285px; } #shopify-section-1509736672988 .home-imagebox .content { min-height: 0; } #shopify-section-1509736672988 .content .large--display-table { height: 400px; } /* CHECKOUT ------------------------------------------------------- */ .jumpstart-selector select { width: 100%; } @media screen and (max-width: 767px) { #shopify-section-1509736672988 .home-imagebox { padding: 0; } } /* FEATURES -------------------------------------------------------- */ /*

{{ section.settings.title }}

{{ section.settings.features-content }}
*/ #triad-features, #triad-features * { box-sizing: border-box; } #triad-features { padding: 80px 0; background-color: #000; } #triad-features .content { overflow: hidden; display: flex; width: 100%; max-width: 1200px; margin: 0 auto; } #triad-features .content .col-left { width: 50%; } #triad-features .content .col-left > a { display: block; width: 100%; max-width: 600px; } #triad-features .content .col-left > a img { display: block; } #triad-features .content .col-right { display: flex; flex-direction: column; justify-content: center; width: 50%; padding-left: 80px; } #triad-features .content .col-right h2 { color: #e5242e; font-size: 30px; text-transform: uppercase; } #triad-features .content .col-right .info { color: #fff; font-size: 18px; } #triad-features .content .col-right .info ul { list-style-type: disc; } #triad-features .content .col-right .info ul li { margin: 0 0 14px; font-weight: 600; } @media screen and (max-width: 1400px) { #triad-features { padding: 80px 100px; } } @media screen and (max-width: 1025px) { #triad-features { padding: 40px 60px; } #triad-features .content .col-right { padding-left: 40px; } } @media screen and (max-width: 767px) { #triad-features .content { flex-direction: column; } #triad-features .content .col-left, #triad-features .content .col-right { width: 100%; } #triad-features .content .col-left > a { max-width: 100%; margin: 0 0 40px; } #triad-features .content .col-right { padding: 0; } } /* TESTIMONIALS ---------------------------------------------------- */ #triad-testimonials { background-color: #f1efef; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } #triad-testimonials .home-section-title { margin-bottom: 50px; font-size: 24px; text-align: center; } #triad-testimonials .home-section-title:after { display: none; } #triad-testimonials .video-overlay:hover { background: none; } #triad-testimonials .triad-testimonial-link { display: block; margin-bottom: 20px; } #triad-testimonials .triad-testimonial-link img { display: block; margin: 0 auto; } /* FOOTER ---------------------------------------------------------- */ #shopify-section-footer { padding: 65px 0; background-color: #000; } #shopify-section-footer .content, #shopify-section-footer .content * { box-sizing: border-box; } #shopify-section-footer .content { overflow: hidden; padding: 0 50px; } #shopify-section-footer .content .col-left { float: left; width: 50%; min-height: 125px; background-color: transparent; background-position: right 30px center; background-repeat: no-repeat; text-indent: -9999em; } #shopify-section-footer .content .col-right { float: right; width: 50%; } #shopify-section-footer .content .col-right p { margin: 0; color: #fff; font-size: 16px; } #shopify-section-footer .content .col-right p a { color: #fff; text-decoration: none; } .fb { width: 50px; position: absolute; top: 70px; right: 50%; display: block; margin-right: -280px; } @media screen and (max-width: 600px) { /* FOOTER ---------------------------------------------------------- */ #shopify-section-footer .content .col-left, #shopify-section-footer .content .col-right { float: none; width: 100%; } #shopify-section-footer .content .col-left { background-position: center center; } #shopify-section-footer .content .col-right { padding-top: 30px; text-align: center; } .fb{ display:none; } } @media screen and (max-width: 850px) { } @media screen and (max-width: 767px) { .home-video .content h2 .sub-heading { font-size: 26px; } } @media screen and (max-width: 480px) { .index-sections>.shopify-section:first-child .wrapper.wrapper--margins { padding: 70px 0; } .home-video .content.push-up { padding-bottom: 70px; } .home-video .content h2 .sub-heading { font-size: 18px; } } .wrapper.wrapper--margins { padding: 50px 0 150px; } .display-table-cell .wrapper.wrapper--margins { padding: 120px 0 150px; } .product-description { margin-top: 0; } /* ALERTS ---------------------------------------------------------- */ .show-alerts #pop-alert { display: block; } #pop-alert { display: none; background: rgba(0, 0, 0, 0.7); height: 100%; padding:0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000; overflow: scroll; } #pop-alert .container { position: absolute; z-index: 3000; top: 50%; left: 50%; margin-left: -225px; } #pop-alert .content { box-sizing: border-box; position: relative; width: 450px; background: #fff; padding: 1.5em 3.125em 1em; font-family: 'Montserrat', Arial, sans-serif; font-size: 16px; text-align: center; } #pop-alert .part-1 { padding: 2.4em 0; border-bottom: 1px solid #999; font-size: 0.875em; text-transform: uppercase; } #pop-alert .part-2 { padding: 1.4em 0; font-size: 2.25em; font-weight: 400; } #pop-alert .part-2 strong { display: block; color: #900; font-size: 1.75em; font-weight: 700; line-height: 1em; text-transform: uppercase; } #pop-alert .part-2 em { display: block; font-size: 1.75em; font-style: normal; line-height: 0.7em; } #pop-alert .part-3 { padding: 2.5em 0; border-top: 1px solid #999; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } #pop-alert a.hide-alert { display: block; padding-top: 1.5em; color: #333; font-size: 0.875em; text-decoration: underline; } @media screen and (max-width: 700px) { /* ALERTS ----------------------------------------------- */ #pop-alert .container { margin-left: -200px; } #pop-alert .content { max-width: 400px; font-size: 14px; } } @media screen and (max-width: 500px) { /* ALERTS ----------------------------------------------- */ #pop-alert .container { margin-left: -160px; } #pop-alert .content { max-width: 320px; font-size: 12px; } }