IMPACT EQUIPEMENTS SÀRL
/* Reset styles */ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { color: #676767; text-decoration: none; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } a:hover { color: #0097d5; } /* Global styles */ body { position: relative; width: 100%; background: #fed500; color: #676767; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h2 { padding: 0.8em 0; color: #E4C000; letter-spacing: 1px; font-size: 24px; font-weight: normal; line-height: 1.3em; } p, div.paragraph { padding-bottom: .5em; color: #676767; letter-spacing: .02em; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5em; } .desktop-nav{ background: rgba(255, 213, 0, 0.8); margin-top: 30px; } blockquote { position: relative; display: inline-block; margin: 10px 0; padding: 0 2em; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.8em; } blockquote:before, blockquote:after { position: absolute; display: inline-block; font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 700; line-height: 0; } blockquote:before { content: '\201C'; top: 21px; left: 5px; } blockquote:after { content: '\201D'; bottom: 11px; margin-left: 6px; } input[type="text"], input[type="email"], textarea { border: 1px solid #dddddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-shadow: none; } select { background: white url(select-dropdown.png) 97% center no-repeat; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-indent: 0.01px; text-overflow: ''; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; } input[type="radio"], input[type="checkbox"] { width: 18px; height: 18px; border: 1px solid #dddddd !important; background: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-shadow: none; } input[type="radio"] { border-radius: 100%; } input[type="radio"]:after { display: block; border-radius: 100%; box-sizing: border-box; content: ""; } input[type="radio"]:checked:after { background: #0086b1; border: 3px solid white; width: 16px; height: 16px; } input[type="checkbox"]:after { position: relative; top: 3px; left: 6px; width: 3px; height: 6px; border: solid #0086b1; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } input[type="checkbox"]:checked:after { display: block; content: " "; } .wrapper { position: relative; right: 0; z-index: 4; min-height: 100%; background: #f8f8f8; -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.05); box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.05); -webkit-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -moz-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -ms-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -o-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); } .container { width: 960px; margin: 0 auto; box-sizing: border-box; } /* Header */ .header-wrap { position: relative; z-index: 7; overflow: hidden; background: url(default-bg-orange.jpg) no-repeat; background-size: cover; background-position: center center; } .header-wrap:before { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); } /* Menu controls */ .menu-controls-wrap { position: absolute; top: 0; left: 0; z-index: 13; overflow: hidden; padding: 15px 0; width: 100%; } .menu-controls-wrap label.hamburger { display: none; } .menu-controls-wrap .search { float: left; } .menu-controls-wrap .search input[type="text"] { display: none; } .menu-controls-wrap .search .wsite-search-button { display: block; border-right: 2px solid rgba(255, 255, 255, 0.2); } .menu-controls-wrap .social { float: left; line-height: 12px; padding-left: 10px; font-size: 13px; } .menu-controls-wrap .social .wsite-social-item { padding: 0 1px; color: white; } .menu-controls-wrap .social .wsite-social-item:hover { color: #FFD500; } .menu-controls-wrap .phone-number { float: right; text-align: right; color: white; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; } .menu-controls-wrap .phone-number a /* Nav */ .nav-wrap { display: table; overflow: hidden; width: 100%; height: 350px; } .nav-wrap .container { display: table-cell; vertical-align: middle; } .nav-wrap .logo { position: relative; z-index: 4; text-align: center; text-transform: uppercase; margin-left: -65%; margin-top: -185px; } .nav-wrap .logo a { display: block; color: white; text-align: center; letter-spacing: .07em; font-family: 'Playfair Display', serif; font-size: 45px; font-weight: 700; line-height: normal; } .nav-wrap .logo a:hover { opacity: 0.8; } .nav-wrap .logo a img { display: block; overflow: hidden; } .nav-wrap .nav { position: absolute; bottom:0px; text-align: center; width:100%; } .nav-wrap .nav ul { position: relative; display: inline-block; list-style: none; } .nav-wrap .nav li { display: inline-block; padding: 10px; } .nav-wrap .nav li a { padding: 5px; color:#fff; text-align: center; letter-spacing: .08em; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; line-height: normal; -webkit-transition: border-bottom 200ms ease-in-out; -moz-transition: border-bottom 200ms ease-in-out; -ms-transition: border-bottom 200ms ease-in-out; -o-transition: border-bottom 200ms ease-in-out; transition: border-bottom 200ms ease-in-out; } .nav-wrap .nav li a:hover, .nav-wrap .nav li#active { color:#676767; } .navmobile-wrapper { display: none; } /* Submenu */ #wsite-menus .wsite-menu-wrap { margin-top: 2px !important; } #wsite-menus .wsite-menu { -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); -moz-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); } #wsite-menus .wsite-menu li { border: none; } #wsite-menus .wsite-menu li a { margin: 0; color:#676767; letter-spacing: 0.08em; border: none; background: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; line-height: normal; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } #wsite-menus .wsite-menu li a:hover { background: #ffd500; color: #676767; } #wsite-menus .wsite-menu-arrow { font-size: 0; } .wsite-com-breadcrumb-arrow:before, .wsite-menu-mobile-arrow:before, .wsite-menu-arrow:before { display: inline-block; content: '\203A'; vertical-align: middle; font-size: 24px; margin-top: -4px; } /* Mini Cart */ #wsite-mini-cart { border: none; overflow-y: scroll; -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); -moz-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.25); } #wsite-mini-cart.arrow-top, #wsite-mini-cart.arrow-left { border: none; } #wsite-mini-cart.arrow-top:before, #wsite-mini-cart.arrow-left:before, #wsite-mini-cart.arrow-top:after, #wsite-mini-cart.arrow-left:after { border: none; } /* Banner */ .banner-wrap { background: white; padding: 60px 0; text-align: center; } .banner-wrap h2 { padding-bottom: 25px; font-family: 'Playfair Display', serif; font-size: 27px; font-weight: 700; line-height: 1.3em; } .banner-wrap .button-wrap { display: inline-block; } /* Main content */ .main-wrap { background: #F4F5F4; } .main-wrap .container { padding: 50px 0; } /* Social */ .wsite-social { white-space: normal; } .wsite-social .wsite-social-item { width: 23px; height: 23px; margin: 0 3px 0 0; color: #676767; padding: 5px 5px 8px; line-height: 1.8; display: inline-block; transition: 0.2s ease-in color; } /* Global search */ .wsite-search-button, .wsite-editor .wsite-search-button { width: 14px; height: 14px; padding: 3px 8px; background: url(search.svg) no-repeat; background-position: 50%; } /* Footer */ #footer-wrap { padding:30px 0; position: relative; right: 0; z-index: 4; background: #fed500; -webkit-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -moz-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -ms-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -o-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); } #footer-wrap .wsite-footer { padding: 0 0 20px; font-size: 14px; } #footer-wrap h2 { color: #fff; font-size: 18px; line-height: 1.7; font-weight: 600; } #footer-wrap p, #footer-wrap div.paragraph { color: #fff; font-size: 14px; } #footer-wrap blockquote { border-left-color: #777; } #footer-wrap a, #footer-wrap .wsite-social-item { color: #676767; } #footer-wrap a:hover, #footer-wrap .wsite-social-item:hover { color: white; } #footer-wrap .weebly-footer, #footer-wrap .wsite-form-label { color: white; } #footer-wrap .wsite-form-container { margin-top: 0 !important; } #footer-wrap .wsite-button .wsite-button-inner, #footer-wrap .wsite-button-highlight .wsite-button-inner { background: black; color: #0086b1; border: 2px solid #0086b1; } #footer-wrap .wsite-button:hover .wsite-button-inner, #footer-wrap .wsite-button-highlight:hover .wsite-button-inner { background: #0086b1; color: white; } /* Forms */ .wsite-form-container { margin-bottom: 20px; } .wsite-form-field { padding: 0 0 15px; } .wsite-form-label { display: inline-block; font-size: 16px; color: #676767; padding-bottom: 8px; font-weight: 400; } .wsite-form-sublabel { display: none; } .form-radio-container { font-size: 16px; color: #676767; margin-bottom: 15px; } .wsite-form-input, .wsite-search-element-input { height: auto; padding: 10px 12px !important; background: #fff; color: #676767; border: 1px solid #dddddd; border-radius: 0; -webkit-appearance: none; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .wsite-form-input:hover, .wsite-search-element-input:hover, .wsite-form-input:focus, .wsite-search-element-input:focus { border: 1px solid #0086b1; outline: none; } .form-select, .wsite-form-field select, .wsite-com-product-option-groups select { height: auto; padding: 8px !important; background: white url(select-dropdown.png) 97% center no-repeat; color: #676767; border: 1px solid #dddddd; border-radius: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .form-select:hover, .wsite-form-field select:hover, .wsite-com-product-option-groups select:hover, .form-select:focus, .wsite-form-field select:focus, .wsite-com-product-option-groups select:focus { border: 1px solid #0086b1; outline: none; } .wsite-search-element-input::-webkit-input-placeholder { font-weight: 300; font-family: 'Roboto'; letter-spacing: 0.03em; } /* Buttons */ .wsite-button, .wsite-editor .wsite-button { height: auto; padding: 0; background: none; } .wsite-button .wsite-button-inner, .wsite-editor .wsite-button .wsite-button-inner { height: auto; padding: 10px 16px; background: #676767; color: white; border-radius: 0; text-transform: uppercase; letter-spacing: .07em; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; line-height: normal; -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; -ms-transition: all 350ms ease-in; -o-transition: all 350ms ease-in; transition: all 350ms ease-in; } .wsite-button-large { background: none; } .wsite-button-large .wsite-button-inner { padding: 12px 20px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; line-height: normal; } .wsite-button:hover .wsite-button-inner { background: #ffd500; color: #676767; } .wsite-button-highlight, .wsite-button-large.wsite-button-highlight, .wsite-editor .wsite-button-highlight, .wsite-editor .wsite-button-large.wsite-button-highlight { background: none; } .wsite-button-highlight .wsite-button-inner, .wsite-button-large.wsite-button-highlight .wsite-button-inner, .wsite-editor .wsite-button-highlight .wsite-button-inner, .wsite-editor .wsite-button-large.wsite-button-highlight .wsite-button-inner { background: white; color: #0086b1; border: 2px solid #0086b1; } .wsite-button-highlight:hover .wsite-button-inner, .wsite-button-large.wsite-button-highlight:hover .wsite-button-inner { background: #0086b1; color: white; } /* Gallery --------------------------------------------------------------------------------*/ .galleryCaptionHolderInnerBg { background: #0086b1; transition: 0.2s ease-in-out opacity; } .galleryImageHolder:hover .galleryCaptionHolderInnerBg { opacity: .8; } .imageGallery .galleryCaptionInnerText, .imageGallery .galleryCaptionInnerText p { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5em; } .wsite-menu-subitem .wsite-menu-arrow { display: none; } .wsite-menu-back-item .wsite-menu-mobile-arrow:before { content: '\2039'; padding-right: 7px; } /* Fancybox */ .fancybox-overlay { background: rgba(255, 255, 255, 0.9); } .fancybox-skin { background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .fancybox-title { color: #333; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; } .fancybox-close, .fancybox-next span, .fancybox-prev span { background: none !important; width: auto; height: auto; } .fancybox-close:before, .fancybox-next span:before, .fancybox-prev span:before { color: #333 !important; font-family: 'Roboto', sans-serif; font-size: 45px; font-weight: 400; line-height: 0.75em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .fancybox-close:hover:before, .fancybox-next:hover span:before, .fancybox-prev:hover span:before { color: #0086b1 !important; } .fancybox-prev span:before { position: relative; left: -10px; content: '\3008'; } .fancybox-next span:before { position: relative; right: -10px; content: '\3009'; } .fancybox-close { top: 20px; right: 20px; } .fancybox-close:before { content: '\00D7'; } /* Old */ .wsite-social-item:hover { color: #0086b1; } #wsite-content .wsite-social .wsite-social-item { color: #676767; } #wsite-content .wsite-social .wsite-social-item:hover { color: #0086b1; } .wsite-com-product-social a { transition: ease-in 0.2s color; color: #0086b1; } .wsite-com-product-social a:hover { color: #0086b1; } /* Landing page */ .landing-page h2 + p { padding: 0 0 25px; } .landing-page .nav-wrap { height: 550px; } .landing-page .nav-wrap .logo{ /*margin-top: 150px;*/ } .landing-page .desktop-nav{ margin-top: 131px; } /* Tall header page */ .tall-header-page .nav-wrap { height: 450px; } .tall-header-page .banner-wrap p { padding: 0; } /* Short header page */ .short-header-page .nav-wrap { height: 350px; } .short-header-page .banner-wrap h2 { padding: 0; } /* Blog */ .blog-post .blog-separator { display: none; } .blog-post .blog-header { margin-bottom: 10px !important; } .blog-sidebar h2 { padding: 1em 0 .3em; } .blog-sidebar h2.blog-author-title { padding: 0 0 0.3em; } h2.blog-title a { display: block; padding-bottom: 10px !important; color: #C05810; font-family: 'Roboto', serif; font-size: 24px; font-weight: 700; line-height: 1.3em; } .blog-post .blog-date .date-text { color: rgba(0, 0, 0, 0.); } .blog-archive-list { padding: 0; } .blog-archive-list a, .blog-category-list a { font-size: 14px; } .blog-sidebar { width: 270px; } .column-blog { width: 90%; } .blog-body { padding-right: 30px; box-sizing: border-box; } /* Blog comments */ .blogCommentReplyWrapper iframe { height: 500px; } #commentInputs .field .commentInput input, #commentInputs .field .commentTextarea textarea { background: none; padding: 5px 10px; box-sizing: border-box; height: auto; color: rgba(0, 0, 0, 0.75); transition: border 0.2s ease-in; border-radius: 0; -webkit-appearance: none; } #commentInputs .field .commentInput input:hover, #commentInputs .field .commentTextarea textarea:hover { border: 1px solid rgba(0, 0, 0, 0.3); } #commentInputs .field .commentInput input:focus, #commentInputs .field .commentTextarea textarea:focus { outline: none; border: 1px solid #0086b1; } #commentInputs .field .commentTextarea textarea { max-width: 412px; max-height: 162px; } /* Store */ #wsite-com-store .wsite-com-category-product-image-wrap, #wsite-com-store .wsite-com-category-product-featured-image-wrap, #wsite-com-store .wsite-com-category-subcategory-image-wrap { border: none; } #wsite-com-store .wsite-com-category-subcategory-name-bg { box-sizing: border-box; background-color: #0086b1; opacity: 0.7; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -ms-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; } #wsite-com-store .wsite-com-category-subcategory-name-text { text-shadow: none; text-transform: uppercase; letter-spacing: .08em; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 700; line-height: normal; } #wsite-com-store .wsite-com-category-subcategory-link:hover .wsite-com-category-subcategory-name-bg { opacity: 0.8; } #wsite-com-store #wsite-com-hierarchy .wsite-link-unselected { color: #0086b1; } #wsite-com-store #wsite-com-hierarchy .wsite-link-unselected .wsite-com-link-text { border-bottom: 2px solid transparent; display: inline-block; padding-bottom: 3px; transition: border-bottom 0.2s ease-in-out; } #wsite-com-store #wsite-com-hierarchy .wsite-link-unselected:hover .wsite-com-link-text { border-bottom: 2px solid #0086b1; } /* Product */ #wsite-com-product-title { font-weight: 600; } .wsite-com-breadcrumb-arrow { font-size: 0; } .wsite-com-breadcrumb-arrow:before { margin-top: -12px; } .wsite-com-category-product-name { font-weight: 300; } #wsite-com-product-price-area { border-bottom: 1px solid #d5d5d5; font-size: 1.1em; } #wsite-com-product-options { border-top: 1px solid #d5d5d5; } .wsite-com-product-option-label { position: relative; padding: 6px 0px; } .wsite-com-product-option-label span { transition: ease-in background 0.2s; } #wsite-com-product-add-to-cart { transition: ease-in-out 0.2s all; } /* Checkout */ #wsite-com-minicart-checkout-button { padding: 8px 15px; } #wsite-com-minicart-checkout-button .wsite-button-inner { font-size: 14px; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button { background-position: 0 -26px; background-size: 100%; } .wsite-com-checkout-section .wsite-form-field input, .wsite-com-checkout-section .wsite-form-field .select2-container { height: auto; } .wsite-com-checkout-section .wsite-form-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Search */ #wsite-search-query { background-image: none; border-radius: 0; font-size: 1.2em; line-height: 1.8; } #wsite-search-submit { border-left: none; top: 14px; } #wsite-search-header { padding-bottom: 20px; } #wsite-search-header h2 { font-size: 24px; padding-top: 10px; } #wsite-search-results { padding-top: 20px; } #wsite-search-sidebar .wsite-search-facet-availability input[type=checkbox], #wsite-search-sidebar .wsite-search-facet-checkbox input[type=checkbox] { height: 18px; } /* 992px breakpoint */ @media (max-width: 992px) { body.wsite-native-mobile-editor { overflow-x: hidden; } body.wsite-native-mobile-editor .menu-controls-wrap { position: absolute !important; } body.wsite-native-mobile-editor input#navTrigger:checked ~ .wrapper .menu-controls-wrap { right: 0; } body.cart-full #wsite-mini-cart { display: block !important; } body.cart-full #footer-wrap .wsite-footer { padding-bottom: 80px; } body.affix .menu-controls-wrap { background: #676767; opacity: 0.9; } body.affix .menu-controls-wrap .container .search, body.affix .menu-controls-wrap .container .phone-number, body.affix .menu-controls-wrap .container .social { display: none; } body.nav-open .wrapper { right: 40%; } body.nav-open .wrapper .menu-controls-wrap { right: 40%; } body.nav-open .wrapper .menu-controls-wrap .container .search, body.nav-open .wrapper .menu-controls-wrap .container .phone-number, body.nav-open .wrapper .menu-controls-wrap .container .social { display: none; } body.nav-open #footer-wrap { right: 40%; } body.nav-open .navmobile-wrapper { right: -60%; } body.nav-open .navmobile-wrapper .nav { width: 40%; } body.nav-open #wsite-mini-cart .wsite-cart-bottom { bottom: -70px; } /* Global */ .container { width: 100%; padding: 0 20px; } /* Menu controls */ .menu-controls-wrap { position: fixed; top: 0; right: 0; padding: 0; width: auto; background: none; height: 50px; box-sizing: border-box; transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1), background 200ms ease-in; } .menu-controls-wrap .container { box-sizing: border-box; opacity: 0.9; } .menu-controls-wrap .container .search, .menu-controls-wrap .container .phone-number, .menu-controls-wrap .container .social { margin-top: 15px; opacity: 1; } .menu-controls-wrap label.hamburger { position: absolute; top: 0; right: 0; display: inline-block; width: 30px; height: 30px; padding: 10px; cursor: pointer; opacity: 1; } .menu-controls-wrap label.hamburger span, .menu-controls-wrap label.hamburger span:before, .menu-controls-wrap label.hamburger span:after { position: relative; display: block; width: 20px; height: 3px; background: white; content: ''; } .menu-controls-wrap label.hamburger span { top: 9px; left: 4px; margin: 6px 0; } .menu-controls-wrap label.hamburger span:before { top: -8px; } .menu-controls-wrap label.hamburger span:after { bottom: -5px; } .menu-controls-wrap .phone-number { margin-right:40px; font-size: 15px !important; } /* Nav */ .nav-wrap { height: auto; } .nav-wrap .container { padding: 2em 2em; } .nav-wrap .logo { padding-bottom: 0; margin-top: 0px; margin-left:0px !important; } .nav-wrap .logo a img { margin: 0 !important; max-height: 100px; } .nav-wrap .nav { display: none; } .landing-page .nav-wrap { height: 250px; } .landing-page .nav-wrap .logo{ margin-top: 50px; } .tall-header-page .nav-wrap { height: 190px; } .short-header-page .nav-wrap { height: 160px; } .navmobile-wrapper { position: fixed; top: 0; right: -100%; z-index: 1; display: block; overflow-y: scroll; width: 100%; height: 100%; background: #676767; -webkit-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -moz-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -ms-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -o-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); } .navmobile-wrapper .nav { padding: 20px 30px; box-sizing: border-box; } .navmobile-wrapper .nav ul { list-style-type: none; } .navmobile-wrapper .nav li a { position: relative; display: inline-block; margin-bottom: 20px; padding: 5px 0; border-bottom: 2px solid transparent; color: white; text-transform: uppercase; letter-spacing: .08em; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 400; line-height: normal; -webkit-transition: border-bottom 200ms ease-in-out; -moz-transition: border-bottom 200ms ease-in-out; -ms-transition: border-bottom 200ms ease-in-out; -o-transition: border-bottom 200ms ease-in-out; transition: border-bottom 200ms ease-in-out; } .navmobile-wrapper .nav li a:hover, .navmobile-wrapper .nav li#active a { border-bottom: 2px solid rgba(255, 255, 255, 0.8); } .navmobile-wrapper .nav .wsite-menu-mobile-arrow { position: relative; display: inline-block !important; padding-left: 5px; } .navmobile-wrapper .nav .wsite-menu-mobile-arrow:before { display: inline-block; content: '\203A'; vertical-align: top; font-size: 24px; line-height: 24px; } .navmobile-wrapper .nav .wsite-menu-back { padding-left: 5px; } .navmobile-wrapper .nav .wsite-menu-back-item .wsite-menu-mobile-arrow { left: 0; padding-left: 0; } .navmobile-wrapper .nav .wsite-menu-back-item .wsite-menu-mobile-arrow:before { content: '\2039'; } /* Mini cart */ #wsite-mini-cart { position: fixed !important; top: inherit !important; left: 0 !important; bottom: 0px; z-index: 10; width: 100%; border-top: 1px solid #e8e8e8 !important; border-radius: 0; -webkit-box-shadow: -1px -1px 2px rgba(225, 225, 225, 0.34); -moz-box-shadow: -1px -1px 2px rgba(225, 225, 225, 0.34); box-shadow: -1px -1px 2px rgba(225, 225, 225, 0.34); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -moz-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -ms-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); -o-transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); transition: right 610ms cubic-bezier(0, 0.8, 0.55, 1); } #wsite-mini-cart.arrow-top:before, #wsite-mini-cart.arrow-left:before, #wsite-mini-cart.arrow-top:after, #wsite-mini-cart.arrow-left:after { border: none; } #wsite-mini-cart .wsite-cart-bottom { padding: 8px 15px; background: white; } #wsite-mini-cart .wsite-product-list { display: none!important; } /* Main content */ .main-wrap .container { padding: 30px 20px; } /* Footer */ #footer-wrap .container { padding: 0; } #footer-wrap .wsite-footer { padding: 40px 20px; } /* Blog */ #blogTable td:first-child { width: 100%; display: block; } .blog-sidebar { display: block; width: 100%; } .column-blog { width: 100%; } .blog-sidebar-separator { padding: 0; } .blog-body { padding-right: 0; } /* Cateogry */ .wsite-com-category-product-name { font-size: 16px; } .wsite-com-product-price.single-sale-price { font-size: .9em; } .wsite-com-content { width: 100%; padding-left: 0; } } /* 767px breakpoint */ @media (max-width: 767px) { body.nav-open .wrapper { right: 60%; } body.nav-open .wrapper .menu-controls-wrap { right: 60%; } body.nav-open #footer-wrap { right: 60%; } body.nav-open .navmobile-wrapper { right: -40%; } body.nav-open .navmobile-wrapper .nav { width: 60%; } /* Global */ body { font-size: 16px; } h2 { font-size: 1.25em; } p, div.paragraph { font-size: .9em; font-weight: 400; } blockquote { padding: 0 2em; } blockquote:before { left: 7px; } /* Nav */ .nav-wrap .logo { padding-bottom: 0; } .nav-wrap .logo a { font-size: 2em; } /* Banner */ .banner-wrap { padding: 3em 0; } .banner-wrap h2 { font-size: 1.5em; } .banner-wrap p { font-size: 1em; line-height: 1.4em; } .wsite-mobile-menu .wsite-menu-arrow { display: none; } .wsite-multicol-table-wrap { margin: 0 !important; } .wsite-multicol-col { width: 100% !important; display: block; padding: 0 !important; } .wsite-com-breadcrumb-arrow:before, .wsite-menu-mobile-arrow:before, .wsite-menu-arrow:before { font-size: 17px; margin-top: -6px; } /* Buttons */ .wsite-button .wsite-button-inner, .wsite-editor .wsite-button .wsite-button-inner { font-size: 13px; } .wsite-button-highlight .wsite-button-inner, .wsite-editor .wsite-button-highlight .wsite-button-inner { font-size: 15px; } /* Forms */ .wsite-form-input, .wsite-search-element-input { padding: 8px 10px !important; } /* Gallery */ .fancybox-skin { box-shadow: none !important; background: none; } /* Gallery */ .galleryCaptionHolder { display: none; } .fullwidth-mobile { width: 100% !important; } .fullwidth-mobile .galleryCaptionHolder { display: block !important; } /* Footer */ #footer-wrap { position: relative; right: 0; background:#ffd500; } #footer-wrap p, #footer-wrap div.paragraph { font-size: 1em; } /* Blog */ #blogTable tr td { width: 100%; display: block; clear: both; } .column-blog { width: auto; float: none; } .blog-sidebar-separator { padding: 0; } .blogCommentReplyWrapper iframe, .blogCommentReplyWrapper { height: 550px; } .blog-post .blog-content { text-align: left; } /* Cart */ .wsite-product-list { display: none; } /* Category Dropdown */ #wsite-com-store { /* Category Dropdown */ } #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { float: left; width: 50% !important; } #wsite-com-store .wsite-com-sidebar { position: relative; float: none !important; z-index: 4; width: 100%; min-height: 35px; padding: 0; text-align: center; } #wsite-com-store .wsite-com-sidebar:before { display: block; width: 100%; padding: 10px 18px; box-sizing: border-box; text-align: center; text-transform: uppercase; content: 'VIEW ALL CATEGORIES\00a0\00a0\25be'; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; line-height: normal; cursor: pointer; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; max-height: 0px; padding: 0; margin: 0 auto .25em; -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul { width: 100%; padding: 0; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul li { margin-bottom: 15px; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul a { margin-bottom: 0; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul .wsite-com-link-text { margin-bottom: 0; font-size: 0.8em; font-weight: 300; letter-spacing: .03em; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded { cursor: default !important; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded:before { content: 'CLOSE\00a0\00a0\25b4'; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded #wsite-com-hierarchy { max-height: 100vh; padding: 10px 0 0; } #wsite-com-store .wsite-com-content-with-sidebar { margin-left: 0 !important; padding: 0 !important; } #wsite-com-store .wsite-com-content-with-sidebar h2 { text-align: center !important; } #wsite-com-store .wsite-com-content-with-sidebar .wsite-com-category-subcategory-group { display: none !important; } /* Categories */ .wsite-com-column-group.wsite-com-category-product-featured-group .wsite-com-column { width: 100%!important; } .wsite-com-category-subcategory-name-text { font-size: 0.8em; } .wsite-com-column-group.wsite-com-category-subcategory-group .wsite-com-column { width: 100% !important; } #wsite-com-product-list { padding-top: 20px; } /* Store */ #wsite-com-category-product-group.wsite-com-category-product-featured-group .wsite-com-column { width: 50% !important; } /* Product */ #wsite-com-product-images { width: 100%; float: none; overflow: hidden; padding: 0 0 30px; } #wsite-com-product-info { margin-left: 0; } #wsite-com-product-price-area .wsite-com-product-price-container { font-size: .8em; } #wsite-com-product-title { padding-bottom: .3em; } #wsite-com-product-price-area { padding-bottom: 15px; } /* Search */ #wsite-search-sidebar { position: relative; z-index: 4; overflow-y: hidden; width: 100%; max-height: 35px; padding: 0; box-sizing: border-box; -webkit-transition: max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -ms-transition: max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition: max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: max-height 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } #wsite-search-sidebar::before { display: block; width: 100%; padding: 10px 18px; box-sizing: border-box; text-align: center; text-transform: uppercase; content: 'VIEW SEARCH FILTERS\00a0\00a0\25be'; font-weight: 700; cursor: pointer; } #wsite-search-sidebar.sidebar-expanded { max-height: 1000px; cursor: default !important; } #wsite-search-sidebar.sidebar-expanded:before { content: 'CLOSE\00a0\00a0\25b4'; } #wsite-search-header h2 { width: 100%; padding-bottom: 15px; } #wsite-search-form-container { float: none; width: 100%; } #wsite-search-results { width: 100%; } #wsite-search-product-results .wsite-search-product-result { width: 100%; padding: 0; } /* Checkout */ #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { width: 30px; height: 30px; } #wsite-com-checkout-list, #wsite-com-checkout-summary-list { font-size: 0.7em; } #wsite-com-checkout-list .wsite-form-input, #wsite-com-checkout-summary-list .wsite-form-input { width: 20px; } #wsite-com-checkout-list .wsite-form-input.wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-form-input.wsite-coupon-input { width: 100%; max-width: 95px; } #wsite-com-checkout-list .wsite-coupon-input { width: 80px; } #wsite-com-checkout-list .wsite-com-quantity-action, #wsite-com-checkout-summary-list .wsite-com-quantity-action { font-size: 0.7em; padding-top: 3px; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button { left: -10px; top: 30px; } .wsite-com-continue-shopping { font-size: .8em; } .wsite-checkout-button { padding: 5px 15px; } .wsite-checkout-button .wsite-button-inner { line-height: 1.8; } /* Secure Checkout */ .wsite-com-checkout-payment-column, .wsite-com-checkout-summary-column { float: none; width: 100%; } } @media screen and (max-width: 480px) { /* Store */ #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { float: none; width: 100% !important; } } #wsite-content .paragraph ul { border-bottom-color:#DDDDDD; border-bottom-style:solid; border-bottom-width:1px; margin:15px 0 20px; padding:0 !important; } #wsite-content .paragraph ul li { background:#F4F4F4; border-top-color:#DDDDDD; border-top-style:solid; border-top-width:1px; display:block; list-style:none; margin:0 !important; padding:5px !important; } .weebly-footer-signup-container-expanded{ display:none !important; } #weebly-footer-signup-container{ display:none !important; }