Created
July 9, 2020 02:23
-
-
Save 1devNdogs/1144e425f60842409d98b54efe0f3f0b to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .swiper-wrapper { | |
| cursor:url({{ 'drag.png' | asset}}) 16 9, ew-resize!important; | |
| } | |
| .search-box.popup:before{ | |
| width: 28px; | |
| height: 15px; | |
| position: absolute; | |
| content: ""; | |
| background: url({{ 'search-angle.png' | asset}}); | |
| top: -15px; | |
| right: 30px; | |
| } | |
| .cart-box.popup .popup-container:before { | |
| background: url({{ 'search-angle.png' | asset}}); | |
| content: ""; | |
| height: 15px; | |
| position: absolute; | |
| right: 30px; | |
| top: -15px; | |
| width: 28px; | |
| } | |
| .cart-box.popup .cart-entry-product-list { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| max-height: 280px; | |
| overflow-x: auto; | |
| } | |
| .cart-box.popup .content_cart_empty { | |
| padding: 25px; | |
| } | |
| @media (min-width: 1200px) { | |
| .open-cart-popup-container.desktop {display:block;margin-bottom: 30px;} | |
| .open-cart-popup-container.desktop a {font-size: 1em;} | |
| .open-cart-popup-container.mobile {display:none} | |
| } | |
| @media (max-width: 1199px) { | |
| .open-cart-popup-container.desktop {display:none} | |
| .open-cart-popup-container.mobile {display:block} | |
| } | |
| .continue { | |
| font-size: 20px; | |
| font-weight: 600; | |
| } | |
| h2.success, #coupon_form .success { | |
| color: #155724; | |
| background-color: #d4edda; | |
| padding: 1rem 0.55rem !important; | |
| margin-bottom: 1rem !important; | |
| margin-top: 1rem; | |
| border: none; | |
| text-align: center; | |
| text-transform: none; | |
| width: 100%; | |
| } | |
| #credentials .error, | |
| #customer_details .error, | |
| #coupon_form .error, | |
| h2.error, | |
| #contacts_email .error{ | |
| color: red; | |
| background-color: #ffe9e9; | |
| padding: 1rem 0.55rem !important; | |
| margin-bottom: 1rem !important; | |
| margin-top: 1rem; | |
| border: none; | |
| text-align: center; | |
| text-transform: none; | |
| width: 100%; | |
| } | |
| #contacts_email .error{ | |
| display: block; | |
| margin-top: 0; | |
| padding: .2rem 0.55rem !important; | |
| } | |
| h2.error, h2.success { | |
| line-height: normal; | |
| } | |
| #coupon_form .error { | |
| font-weight: normal; | |
| } | |
| #customer_details .error { | |
| margin-top: 20px !important; | |
| width: 100%; | |
| } | |
| #customer_details #contacts_email .error { | |
| display: block; | |
| margin-top: 0 !important; | |
| } | |
| #customer_details #contacts_email .error a { | |
| text-decoration: underline; | |
| color: #533f03; | |
| } | |
| #credentials .notice { | |
| color: #0c5460; | |
| background-color: #d1ecf1; | |
| padding: 0.55rem 1.25rem !important; | |
| margin-bottom: 1rem !important; | |
| margin-top: 1rem; | |
| border: none; | |
| } | |
| #credentials .warning { | |
| color: #856404; | |
| background-color: #fff3cd; | |
| padding: 0.55rem 1.25rem; | |
| margin-bottom: 1rem; | |
| margin-top: 1rem; | |
| border: none; | |
| } | |
| .last-row td { | |
| border-bottom: none; | |
| } | |
| .sidebar-content-wrapper { | |
| min-height: 1200px; | |
| } | |
| .login-register-box a { | |
| display: inline; | |
| text-align: center; | |
| } | |
| .breadcrumb-title { | |
| border-top: none; | |
| } | |
| @media screen and (-webkit-min-device-pixel-ratio:0) { | |
| input[type="checkbox"] { -webkit-appearance: checkbox; } | |
| input[type="radio"] { -webkit-appearance: radio; } | |
| input[type="submit"], input[type="button"] { -webkit-appearance: button; } | |
| select { -webkit-appearance:textfield; } | |
| } | |
| /* ====== Menu ====== */ | |
| #content-block > div.header-wrapper.style-6 > header > div.navigation > div.nav-overflow > nav > ul { | |
| width: 80%; | |
| padding-top: 10px; | |
| } | |
| .fixed-header ul li div ul li div { | |
| margin-left: 135px !important; | |
| top: 0px !important; | |
| } | |
| .storelogo a { | |
| font-size: 40px; | |
| font-weight: bold; | |
| color: #B11A1A !important; | |
| text-transform: uppercase; | |
| } | |
| .storelogo-top a { | |
| font-size: 30px; | |
| font-weight: bold; | |
| color: #B11A1A !important; | |
| text-transform: uppercase; | |
| float: left; | |
| position: absolute; | |
| max-height: 50px; | |
| width: auto; | |
| display: block; | |
| } | |
| .accordeon_title { | |
| text-transform: none; | |
| border-top: none; | |
| font-weight: 500; | |
| } | |
| .submenu_list_title { | |
| margin-bottom: 0px; | |
| } | |
| .full_width_menu_items_left { | |
| margin-right: 45px; | |
| } | |
| .article-container ul li{ | |
| font-size: 13px; | |
| } | |
| body.style-20 header .simple-search-form input[type="text"] { | |
| color: #222; | |
| } | |
| .article-container ul li a { | |
| font-size: 13px; | |
| } | |
| .product-detail-box .product-subtitle { | |
| font-weight: 600; | |
| } | |
| .brand { | |
| font-weight: 600; | |
| margin-bottom: 5px; | |
| display: block; | |
| } | |
| #product-sku, .product_stock_info { | |
| margin: 15px 0; | |
| font-size: 14px; | |
| } | |
| #product-sku label, #product-sku span, | |
| #stock label, #stock span { | |
| display: inline-block; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 14px; | |
| } | |
| #product-sku label, #stock label { | |
| font-weight: 600; | |
| } | |
| .last_viewed_products h3 { | |
| margin: 10px 0 15px 0 !important; | |
| } | |
| @media (max-width:767px){ | |
| .last_viewed_products .custom-col-4-in-row { | |
| margin-bottom: 20px; | |
| } | |
| } | |
| .search-field { | |
| margin-right: 45px; | |
| } | |
| .lvl-1 ul, .lvl-2 ul, .lvl-3 ul, .lvl-4 ul, .lvl-4 ul, .lvl-5 ul { | |
| list-style-type: none; | |
| } | |
| div.header-wrapper.style-6 > div.nav-overflow.nav-secondary > nav > ul > li:nth-child(1) > div { | |
| margin-left: -2px; | |
| left: 0; | |
| } | |
| /* Navigation */ | |
| .lvl-3 { margin-left: 12px !important; list-style-type: none; } | |
| .lvl-4 { margin-left: 24px !important; list-style-type: none; } | |
| .lvl-5 { margin-left: 36px !important; list-style-type: none; } | |
| @media (min-width: 1200px) { | |
| .nav-secondary { | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| background: #fafafa; | |
| border-bottom: 2px #fafafa solid; | |
| z-index: 2; | |
| } | |
| .nav-secondary nav { | |
| left: 300px; | |
| } | |
| header.type-3 li.secondary { | |
| display:none !important; | |
| } | |
| } | |
| @media (max-width: 1199px) { | |
| .nav-secondary { | |
| display:none | |
| } | |
| } | |
| .nav-overflow.nav-secondary { | |
| display: none; | |
| } | |
| /* ====== Product Page ====== */ | |
| .maxStockQty { | |
| border-color: red !important; | |
| } | |
| .maxStockAdc { | |
| background: #c0c0c0 !important; | |
| border-color: #c0c0c0 !important; | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .product-description { | |
| font-weight: bold; | |
| } | |
| .cell-view small { | |
| font-weight: normal; | |
| } | |
| h2.descp { | |
| font-size: 14px; | |
| line-height: 25px; | |
| } | |
| .bxslider-products { | |
| margin-left: -10px; | |
| } | |
| .bx-wrapper { | |
| box-shadow: none; | |
| border: none; | |
| background: none !important; | |
| } | |
| .bx-wrapper .bx-prev { | |
| left: -50px; | |
| } | |
| .bx-wrapper .bx-next { | |
| right: -50px; | |
| } | |
| @media only screen and (max-width: 479px) { | |
| .bx-wrapper .bx-prev,.bx-wrapper .bx-next { | |
| display:none; | |
| } | |
| .bxslider-products { | |
| margin-left: 0; | |
| } | |
| } | |
| /* ====== Category Page ====== */ | |
| .noline { | |
| border-top: none; | |
| } | |
| .category-description img { | |
| margin: 10px auto; | |
| } | |
| .category-description h2 { | |
| margin: 20px; | |
| font-size: 1em!important; | |
| line-height: 1.5em; | |
| font-weight: normal; | |
| } | |
| /* ====== Contact Page ====== */ | |
| #contact_form div { | |
| margin-top: 10px; | |
| } | |
| /* ====== Cart Page ====== */ | |
| dl#estimates { | |
| margin: 20px 0px 15px 0px; | |
| } | |
| #estimates dd { | |
| margin: 0 0 0 18px; | |
| } | |
| .traditional-cart-entry .title { | |
| margin-bottom: 0px; | |
| } | |
| #cart-update-form select.form-control { | |
| width: 65px; | |
| height: 48px !important; | |
| line-height: 48px; | |
| -webkit-appearance: none; | |
| border-radius: 0; | |
| padding: 0 0.75rem; | |
| background: transparent; | |
| position: relative; | |
| z-index: 2; | |
| border-color: #ccc; | |
| } | |
| .cart-table .select i { | |
| right: auto; | |
| left: 45px; | |
| z-index: 2; | |
| position: absolute; | |
| top: 16px; | |
| } | |
| .cart-table .select { | |
| position: relative; | |
| } | |
| .cart-table .cell-view { | |
| display: block; | |
| } | |
| /* ====== Checkout Page ====== */ | |
| #checkout_col_1 .field { | |
| margin-top: 10px; | |
| } | |
| #shipping_address_same_as_shipping input, #shipping_address_same_as_shipping label { | |
| display: inline; | |
| } | |
| #checkout_col_2 ul li::before { | |
| display: none; | |
| } | |
| input[type="checkbox"], label[for="shipping_same_as_billing"], .required{ | |
| display: inline; | |
| } | |
| .checkbox-field label{ | |
| display: inline; | |
| } | |
| .loader {border: 4px solid #ccc; border-top: 4px solid #999; border-radius: 50%;width: 20px;height: 20px;margin:7px auto 0;left: 0;right: 0;animation: spin 2s linear infinite;position:absolute;} | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| .alert { padding: 0;} | |
| .payment_information { | |
| padding: 0 0 0 18px; | |
| } | |
| .payment_information p { | |
| margin: 8px 0; | |
| line-height: 16px; | |
| } | |
| .payment_information strong { | |
| font-weight: bold; | |
| } | |
| .payment_information img { | |
| max-width: 100%; | |
| } | |
| .container-404 div.title { | |
| font-size: 32px; | |
| line-height: 32px; | |
| color: #2e2e2e; | |
| font-weight: 500; | |
| margin-bottom: 15px; | |
| letter-spacing: normal; | |
| } | |
| .article-container #webpay-failure p { | |
| font-size: 16px; | |
| line-height: 20px; | |
| } | |
| #webpay-failure-reasons { | |
| line-height: 20px; | |
| margin-top: 30px; | |
| } | |
| #checkout_col_1 #contacts_accepts_marketing { | |
| margin-top: 0; | |
| margin-bottom: 20px; | |
| } | |
| /* ====== Review Page ====== */ | |
| .address { | |
| line-height: 1.3; | |
| font-size: 14px; | |
| font-weight: 500; | |
| } | |
| #review_form input { | |
| width: 100%; | |
| } | |
| /* ====== Login Page ====== */ | |
| .login-box { | |
| min-height: 0px; | |
| } | |
| #credentials_password { | |
| margin-top: 10px; | |
| } | |
| #reset_password { | |
| display: block; | |
| color: #808080; | |
| } | |
| #customer-new { | |
| margin-top: 43px; | |
| } | |
| /* ====== Reset Password Page ====== */ | |
| #resume_login { | |
| color: #808080; | |
| display: block; | |
| } | |
| #submit_login { | |
| width: 100%; | |
| padding: 11px 10px; | |
| } | |
| /* ====== Details Page ====== */ | |
| #customer_details .field { | |
| margin-top: 10px; | |
| } | |
| #customer_details #customer_accepts_marketing { | |
| max-width: 96%; | |
| } | |
| #customer_details #contacts_accepts_marketing label { | |
| position: relative; | |
| top: -.4rem; | |
| left: .5rem; | |
| } | |
| #customer_details #contacts_accepts_marketing { | |
| text-align: left; | |
| margin-top: 0; | |
| } | |
| #customer_details #contacts_accepts_marketing .simple-field.size-1 { | |
| margin: 0; | |
| padding: 0; | |
| display: block; | |
| width: auto; | |
| vertical-align: top; | |
| height: auto; | |
| float: left; | |
| } | |
| @media (max-width: 768px) { | |
| #customer_accepts_marketing { | |
| max-height: 0.8rem; | |
| max-width: 0.8rem; | |
| } | |
| } | |
| /* ====== Address Page ====== */ | |
| .legend { | |
| font-weight: 500 !important; | |
| } | |
| #address .field { | |
| margin-top: 10px; | |
| } | |
| #credentials .field { | |
| margin-top: 10px; | |
| } | |
| /* ====== Account Page ====== */ | |
| .pd-15 { | |
| padding: 15px; | |
| } | |
| #addresses p { | |
| margin: 20px 0px 0px 0px; | |
| overflow: hidden; | |
| } | |
| .cust_email { | |
| margin: 20px 0px 15px 0px !important; | |
| } | |
| .account { | |
| padding: 50px 25px; | |
| } | |
| /* ====== Error Page ====== */ | |
| .container-404 { | |
| max-width: none; | |
| } | |
| .container-404 .title { | |
| line-height: 200px; | |
| font-size: 200px; | |
| } | |
| .container-404 .description { | |
| font-size: 50px; | |
| } | |
| .information-blocks a.continue_shopping { | |
| color: #373737; | |
| } | |
| /* ====== Blog Page ====== */ | |
| .blog .page-selector { | |
| float: left; | |
| width: 100%; | |
| margin-top: 40px; | |
| } | |
| .blog .blog-post-img { | |
| margin: 0 0 20px 0; | |
| } | |
| .post-image img { | |
| margin: 0 auto; | |
| } | |
| /* ====== Margin Styles ====== */ | |
| /* Margin Reset */ | |
| .margin-reset { margin: 0 !important; } | |
| /* Margin Top */ | |
| .margin-top-0 { margin-top: 0 !important; } | |
| .margin-top-5 { margin-top: 5px !important; } | |
| .margin-top-10 { margin-top: 10px !important; } | |
| .margin-top-15 { margin-top: 15px !important; } | |
| .margin-top-20 { margin-top: 20px !important; } | |
| .margin-top-25 { margin-top: 25px !important; } | |
| .margin-top-30 { margin-top: 30px !important; } | |
| .margin-top-35 { margin-top: 35px !important; } | |
| .margin-top-40 { margin-top: 40px !important; } | |
| .margin-top-45 { margin-top: 45px !important; } | |
| .margin-top-50 { margin-top: 50px !important; } | |
| .margin-top-100 { margin-top: 100px !important; } | |
| /* Margin Bottom */ | |
| .margin-bottom-0 { margin-bottom: 0 !important; } | |
| .margin-bottom-5 { margin-bottom: 5px !important; } | |
| .margin-bottom-10 { margin-bottom: 10px !important; } | |
| .margin-bottom-15 { margin-bottom: 15px !important; } | |
| .margin-bottom-20 { margin-bottom: 20px !important; } | |
| .margin-bottom-25 { margin-bottom: 25px !important; } | |
| .margin-bottom-30 { margin-bottom: 30px !important; } | |
| .margin-bottom-35 { margin-bottom: 35px !important; } | |
| .margin-bottom-40 { margin-bottom: 40px !important; } | |
| .margin-bottom-45 { margin-bottom: 45px !important; } | |
| .margin-bottom-50 { margin-bottom: 50px !important; } | |
| .margin-bottom-100 { margin-bottom: 100px !important; } | |
| /* ====== Padding Styles ====== */ | |
| /* Padding Reset */ | |
| .padding-reset { padding: 0 !important; } | |
| /* Padding Top */ | |
| .padding-top-0 { padding-top: 0 !important; } | |
| .padding-top-5 { padding-top: 5px !important; } | |
| .padding-top-10 { padding-top: 10px !important; } | |
| .padding-top-15 { padding-top: 15px !important; } | |
| .padding-top-20 { padding-top: 20px !important; } | |
| .padding-top-25 { padding-top: 25px !important; } | |
| .padding-top-30 { padding-top: 30px !important; } | |
| .padding-top-35 { padding-top: 35px !important; } | |
| .padding-top-40 { padding-top: 40px !important; } | |
| .padding-top-45 { padding-top: 45px !important; } | |
| .padding-top-50 { padding-top: 50px !important; } | |
| .padding-top-100 { padding-top: 100px !important; } | |
| /* Padding Bottom */ | |
| .padding-bottom-0 { padding-bottom: 0 !important; } | |
| .padding-bottom-5 { padding-bottom: 5px !important; } | |
| .padding-bottom-10 { padding-bottom: 10px !important; } | |
| .padding-bottom-15 { padding-bottom: 15px !important; } | |
| .padding-bottom-20 { padding-bottom: 20px !important; } | |
| .padding-bottom-25 { padding-bottom: 25px !important; } | |
| .padding-bottom-30 { padding-bottom: 30px !important; } | |
| .padding-bottom-35 { padding-bottom: 35px !important; } | |
| .padding-bottom-40 { padding-bottom: 40px !important; } | |
| .padding-bottom-45 { padding-bottom: 45px !important; } | |
| .padding-bottom-50 { padding-bottom: 50px !important; } | |
| .padding-bottom-100 { padding-bottom: 100px !important; } | |
| /* Other */ | |
| .padding-left-0 { padding-left: 0 !important; } | |
| .list.recent {padding: 10px 0} | |
| #whatsapp { | |
| display: none; | |
| } | |
| @media only screen and (max-width: 767px) { | |
| #whatsapp { | |
| display: inline-block; | |
| } | |
| } | |
| /* ------------------------------------------------------------------- */ | |
| /* Revolution Slider | |
| ---------------------------------------------------------------------- */ | |
| .tp-banner-container { | |
| margin: 0 0 50px 0; | |
| max-height: 600px; | |
| } | |
| /* SMOOTHER ANIMATION ON ANDROID */ | |
| .tp-simpleresponsive { | |
| -webkit-perspective: 1500px; | |
| -moz-perspective: 1500px; | |
| -o-perspective: 1500px; | |
| -ms-perspective: 1500px; | |
| perspective: 1500px; | |
| } | |
| .fullscreen-container { | |
| width:100%; | |
| position:relative; | |
| padding:0; | |
| } | |
| .fullwidthbanner-container{ | |
| width:100%; | |
| position:relative; | |
| padding:0; | |
| overflow:hidden; | |
| } | |
| .fullwidthbanner-container .fullwidthbanner{ | |
| width:100%; | |
| position:relative; | |
| } | |
| .tp-bgimg.defaultimg { | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| } | |
| /* Captions | |
| ------------------------------------- */ | |
| .caption { | |
| z-index: 1; | |
| position: absolute; | |
| } | |
| .caption h2 { | |
| font-size: 52px; | |
| font-weight: 700; | |
| color: #fff; | |
| text-transform: uppercase; | |
| padding: 0 0 15px 0; | |
| letter-spacing: -1px; | |
| display: block; | |
| } | |
| .caption h3 { | |
| font-size: 32px; | |
| font-weight: 300; | |
| color: #fff; | |
| text-transform: uppercase; | |
| padding: 0 0 20px 0; | |
| } | |
| .caption p { | |
| font-size: 16px; | |
| font-weight: 500; | |
| color: #fff; | |
| line-height: 25px; | |
| } | |
| .caption.dark h2, | |
| .caption.dark h3 { | |
| color: #505050; | |
| padding: 0 0 15px 0; | |
| letter-spacing: -1px; | |
| font-size: 52px; | |
| } | |
| .caption.dark h3 { | |
| font-size: 32px; | |
| padding: 0 0 20px 0; | |
| font-weight: 300; | |
| } | |
| .caption.dark p { | |
| color: #999; | |
| } | |
| /* Caption With Description */ | |
| .caption.description { | |
| padding: 30px; | |
| margin: 50px; | |
| width: 25%; | |
| z-index: 1; | |
| background-color: #333; | |
| background: rgba(0, 0, 0, 0.7); | |
| display: block; | |
| } | |
| .caption.description h3 { | |
| color: #fff; | |
| font-size: 16px; | |
| padding-bottom: 10px; | |
| margin: 0; | |
| line-height: 22px; | |
| font-weight: 700; | |
| position: relative; | |
| display: block; | |
| letter-spacing: 0; | |
| } | |
| .caption.description p { | |
| margin: 0; | |
| line-height: 22px; | |
| font-size: 14px; | |
| color: #bbb; | |
| display: none; | |
| display: block; | |
| position: relative; | |
| float: left; | |
| } | |
| .tp-simpleresponsive .caption { | |
| position: absolute; | |
| visibility: hidden; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| .tp-simpleresponsive img { max-width:100%; } | |
| a.caption-btn { | |
| cursor: pointer; | |
| padding: 15px 25px; | |
| display: inline-block; | |
| text-transform: uppercase; | |
| font-weight: 700; | |
| font-size: 14px; | |
| outline: none; | |
| overflow: hidden; | |
| position: relative; | |
| z-index: 10; | |
| background-color: #fff; | |
| color: #555; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| -ms-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| a.caption-btn:hover { | |
| color: #fff; | |
| background: #808080; | |
| } | |
| /* Navigation Arrows | |
| ------------------------------------- */ | |
| .tparrows { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| -moz-opacity: 1; | |
| -khtml-opacity: 1; | |
| opacity: 1; | |
| -webkit-transition: opacity 0.2s ease-out; | |
| -moz-transition: opacity 0.2s ease-out; | |
| -o-transition: opacity 0.2s ease-out; | |
| -ms-transition: opacity 0.2s ease-out; | |
| -webkit-transform: translateZ(5000px); | |
| -webkit-transform-style: flat; | |
| -webkit-backface-visibility: hidden; | |
| z-index:600; | |
| position: relative; | |
| } | |
| .tparrows.hidearrows { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
| -moz-opacity: 0; | |
| -khtml-opacity: 0; | |
| opacity: 0; | |
| -webkit-transition-delay: 0.2s; | |
| -moz-transition-delay: 0.2s; | |
| -ms-transition-delay: 0.2s; | |
| -o-transition-delay: 0.2s; | |
| transition-delay: 0.2s; | |
| } | |
| .tp-leftarrow, | |
| .tp-rightarrow { | |
| z-index:100; | |
| cursor:pointer; | |
| position:relative; | |
| width:50px; | |
| height:50px; | |
| color: #666; | |
| background: none; | |
| -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| } | |
| .tp-leftarrow:before, | |
| .tp-rightarrow:before { | |
| font-family: "Font Awesome 5 Free" !important; | |
| font-size: 18px; | |
| top: 18px; | |
| position: relative; | |
| } | |
| .tp-leftarrow:before { content:""; left: 17px; } | |
| .tp-rightarrow:before { content:""; left: 19px; } | |
| .tp-leftarrow:hover, | |
| .tp-rightarrow:hover { | |
| background-color: rgba(255, 255, 255, 0.6); | |
| color: #333; | |
| } | |
| /* Basic Settings | |
| ------------------------------------- */ | |
| .tp-simpleresponsive img { | |
| -moz-user-select: none; | |
| -khtml-user-select: none; | |
| -webkit-user-select: none; | |
| -o-user-select: none; | |
| } | |
| .tp-simpleresponsive a{ text-decoration:none;} | |
| .tp-simpleresponsive ul { | |
| list-style:none; | |
| padding:0; | |
| margin:0; | |
| } | |
| .tp-simpleresponsive >ul >li{ | |
| list-stye:none; | |
| position:absolute; | |
| visibility:hidden; | |
| } | |
| /* CAPTION SLIDELINK **/ | |
| .caption.slidelink a div, | |
| .tp-caption.slidelink a div { | |
| width:3000px; | |
| height:1500px; | |
| background:url(../images/coloredbg.png) repeat; | |
| } | |
| /* Loader | |
| ------------------------------------- */ | |
| .tp-loader { | |
| top:50%; | |
| left:50%; | |
| z-index:10000; | |
| position:absolute; | |
| } | |
| .tp-loader.spinner0 { | |
| width: 40px; | |
| height: 40px; | |
| background:url({{ 'loader.gif' | asset }}) no-repeat center center; | |
| background-color: #fff; | |
| margin-top:-20px; | |
| margin-left:-20px; | |
| -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; | |
| animation: tp-rotateplane 1.2s infinite ease-in-out; | |
| border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| } | |
| @-webkit-keyframes tp-rotateplane { | |
| 0% { -webkit-transform: perspective(120px) } | |
| 50% { -webkit-transform: perspective(120px) rotateY(180deg) } | |
| 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } | |
| } | |
| @keyframes tp-rotateplane { | |
| 0% { | |
| transform: perspective(120px) rotateX(0deg) rotateY(0deg); | |
| -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) | |
| } 50% { | |
| transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); | |
| -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) | |
| } 100% { | |
| transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); | |
| -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); | |
| } | |
| } | |
| /* =========== Slider ========== */ | |
| .home-slider .tp-banner-container .tp-banner ul li .caption h2 {line-height: 1.0;} | |
| @media only screen and (max-width: 767px) and (min-width: 530px) { | |
| .home-slider .tp-banner-container .tp-banner ul li .caption h2 {font-size:28px;} | |
| .home-slider .tp-banner-container .tp-banner ul li .caption h3 {font-size:21px;} | |
| .home-slider .tp-banner-container .tp-banner ul li .caption .caption-btn {display:none;} | |
| .tp-rightarrow,.tp-leftarrow {display:none;} | |
| } | |
| @media only screen and (max-width: 530px) { | |
| .home-slider .tp-banner-container .tp-banner ul li .caption h2 {font-size:12px; padding: 0;margin: 0 0 5px;} | |
| .home-slider .tp-banner-container .tp-banner ul li .caption h3 {font-size:15px;} | |
| .home-slider .tp-banner-container .tp-banner ul li .caption .caption-btn {display:none;} | |
| .tp-rightarrow,.tp-leftarrow {display:none;} | |
| } | |
| .parallax-article .title { | |
| line-height: 60px; | |
| border-top: 4px #fff solid; | |
| border-bottom: 4px #fff solid; | |
| display: inline-block; | |
| margin-bottom: 25px; | |
| line-height: 70px; | |
| } | |
| .product-sku { | |
| margin-bottom: 10px; | |
| } | |
| .banner_e_1 { | |
| background-image: url({{ 'vintage-banner1.jpg' | asset }}); background-size: cover; background-position: top center; | |
| } | |
| .banner_e_2 { | |
| background-image: url({{ 'vintage-banner2.jpg' | asset }}); background-size: cover; background-position: top center; | |
| } | |
| .banner_o_1 { | |
| background-image: url({{options.banner1_image}}); background-size: cover; background-position: top center; | |
| } | |
| .banner_o_2 { | |
| background-image: url({{options.banner2_image}}); background-size: cover; background-position: top center; | |
| } | |
| .quantity { | |
| position: relative; | |
| float: none; | |
| margin-right: 25px; | |
| display: inline-block; | |
| } | |
| div.quantity.detail-info-entry > div:nth-child(2) { | |
| margin-left: 44px; | |
| } | |
| input[type=number]::-webkit-inner-spin-button, | |
| input[type=number]::-webkit-outer-spin-button | |
| { | |
| -webkit-appearance: none; | |
| margin: 0; | |
| } | |
| input[type=number] | |
| { | |
| -moz-appearance: textfield; | |
| } | |
| .quantity input { | |
| width: 95px; | |
| height: 44px; | |
| line-height: 1.65; | |
| float: left; | |
| display: block; | |
| padding: 0; | |
| margin: 0; | |
| padding-left: 20px; | |
| border: 1px solid #d1d1d1; | |
| border-radius: unset; | |
| box-shadow: none; | |
| } | |
| .quantity input.form-control:focus{ | |
| outline: 0; | |
| box-shadow: unset; | |
| border-color:#d1d1d1; | |
| } | |
| .quantity-nav { | |
| float: left; | |
| position: relative; | |
| height: 46px; | |
| z-index: 10; | |
| top: 1px; | |
| } | |
| .quantity-button { | |
| position: relative; | |
| cursor: pointer; | |
| border-left: 1px solid #CCC; | |
| width: 22px; | |
| text-align: center; | |
| color: #333; | |
| font-size: 25px; | |
| line-height: 1.7; | |
| -webkit-transform: translateX(-100%); | |
| transform: translateX(-100%); | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| -moz-transition: all 0.15s ease-out; | |
| -o-transition: all 0.15s ease-out; | |
| -webkit-transition: all 0.15s ease-out; | |
| transition: all 0.15s ease-out; | |
| -ms-transition: all 0.15s ease-out; | |
| } | |
| .quantity-button:hover {background: #ca1515; color:#FFF} | |
| .quantity-button.quantity-up { | |
| position: absolute; | |
| height: 44px; | |
| top: -1px; | |
| width: 43px; | |
| border: 1px solid #d1d1d1; | |
| } | |
| .quantity-button.quantity-down { | |
| position: absolute; | |
| height: 44px; | |
| right: -44px; | |
| top: -1px; | |
| width: 43px; | |
| border: 1px solid #d1d1d1; | |
| } | |
| @media (max-width: 767px) { | |
| .information-entry iframe {width: 100% !important;height: auto !important;} | |
| #content-block .information-blocks.content-center {padding: 0 10px;} | |
| #logo img {max-height: 80px; max-width: 200px; width: auto;} | |
| h3.storelogo a {font-size: 22px;padding: 10px 0;} | |
| .sidebar-header-content {padding: 0;} | |
| .breadcrumb-entry { | |
| border-top: none; | |
| background: none !important; | |
| padding: 10px 0 20px; | |
| } | |
| .breadcrumb-title h1 {font-size: 24px;} | |
| .product-detail-box .product-title {display:none} | |
| .block-title.main-heading, | |
| .article-container h2, .h2 {font-size: 20px;} | |
| #payments_options ul li, | |
| #shipping_options ul li { | |
| padding: 8px 0 8px 0; | |
| font-size: 15px !important; | |
| line-height: 1.5; | |
| font-weight: 400; | |
| } | |
| .article-container {color: #333333;} | |
| #payments input[type="radio"], | |
| #shipping_options input[type="radio"]{ | |
| margin: 4px 8px 0 0; | |
| } | |
| body, .share-box .title, p, h2.descp, table, ul, .article-container ul li, label, .swiper-slide .parallax-article .description { | |
| line-height: 1.7; | |
| font-weight: 400; | |
| color: #333333; | |
| } | |
| #content-block .sidebar-content-wrapper.customer-login .content-center {padding: 0;} | |
| } | |
| #carousel-home { | |
| margin-bottom: 30px; | |
| } | |
| #carousel-home .item .layer { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1; | |
| } | |
| #carousel-home .owl-nav button { | |
| z-index:100; | |
| cursor:pointer; | |
| top: 50%; | |
| margin-top: -25px; | |
| position:absolute; | |
| width:50px; | |
| font-size: 1.5em; | |
| height:50px; | |
| color: #666; | |
| background: none; | |
| -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; | |
| } | |
| #carousel-home .owl-nav button:hover { | |
| background-color: rgba(255, 255, 255, 0.6); | |
| color: #333; | |
| } | |
| #carousel-home .owl-nav button.owl-prev { | |
| left: 0px; | |
| } | |
| #carousel-home .owl-nav button.owl-next { | |
| right: 0px; | |
| } | |
| #carousel-home .owl-nav button:hover { | |
| opacity: 1; | |
| } | |
| #carousel-home .item.item-background { | |
| height: 550px; | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| #carousel-home .item .carousel-info { | |
| width: 550px; | |
| height: 100%; | |
| margin: 0 0 0 -275px; | |
| text-align: center; | |
| display: table; | |
| position: absolute; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| left: 50%; | |
| z-index: 2; | |
| } | |
| #carousel-home .item .carousel-info a.carousel-button { | |
| display: block; | |
| border: 1px solid #fff; | |
| color: #fff; | |
| text-transform: uppercase; | |
| text-align: center; | |
| height: 48px; | |
| line-height: 48px; | |
| max-width: 230px; | |
| margin: 0 auto; | |
| min-width: 200px; | |
| } | |
| #carousel-home .item .carousel-info a.carousel-button:hover { | |
| background: rgba(255, 255, 255, 0.2); | |
| } | |
| #carousel-home .item .carousel-info .carousel-info-inner { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| #carousel-home .item .carousel-info h3.subtitle { | |
| font-size: 24px; | |
| line-height: 24px; | |
| text-transform: uppercase; | |
| font-weight: 500; | |
| margin-bottom: 10px; | |
| padding: 0; | |
| display: block; | |
| } | |
| #carousel-home .item .carousel-info h2.title { | |
| line-height: 60px; | |
| border-width: 4px 0 4px 0; | |
| border-style: solid; | |
| display: inline-block; | |
| margin-bottom: 5px; | |
| font-size: 60px; | |
| text-transform: uppercase; | |
| font-weight: 600; | |
| padding-bottom: 0; | |
| } | |
| #carousel-home .item .carousel-info .slide1 h2, | |
| #carousel-home .item .carousel-info .slide1 h3, | |
| #carousel-home .item .carousel-info .slide1 .description { | |
| color: {{options.slide1_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide1 h2 { | |
| border-color: {{options.slide1_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide1 a.button { | |
| color: {{options.slide1_button_color}}; | |
| border-color: {{options.slide1_button_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide2 h2, | |
| #carousel-home .item .carousel-info .slide2 h3, | |
| #carousel-home .item .carousel-info .slide2 .description { | |
| color: {{options.slide2_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide2 h2 { | |
| border-color: {{options.slide2_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide2 a.button { | |
| color: {{options.slide2_button_color}}; | |
| border-color: {{options.slide2_button_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide3 h2, | |
| #carousel-home .item .carousel-info .slide3 h3, | |
| #carousel-home .item .carousel-info .slide3 .description { | |
| color: {{options.slide3_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide3 h2 { | |
| border-color: {{options.slide3_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide3 a.button { | |
| color: {{options.slide3_button_color}}; | |
| border-color: {{options.slide3_button_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide4 h2, | |
| #carousel-home .item .carousel-info .slide4 h3, | |
| #carousel-home .item .carousel-info .slide4 .description { | |
| color: {{options.slide4_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide4 h2 { | |
| border-color: {{options.slide4_text_color}}; | |
| } | |
| #carousel-home .item .carousel-info .slide4 a.button { | |
| color: {{options.slide4_button_color}}; | |
| border-color: {{options.slide4_button_color}}; | |
| } | |
| #carousel-home .item .carousel-info .description { | |
| font-size: 15px; | |
| max-width: 470px; | |
| margin: 0 auto 25px auto; | |
| } | |
| #carousel-home .layer { | |
| background-color: {{options.slider_background_color}}; | |
| opacity: {{options.slider_background_opacity}}; | |
| } | |
| @media (max-width: 1280px) { | |
| #carousel-home .item.item-background { | |
| height: 335px; | |
| } | |
| } | |
| @media (max-width: 991px) { | |
| #carousel-home .item .carousel-info h2 { | |
| font-size: 50px!important; | |
| line-height: 50px !important; | |
| margin-bottom: 5x !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| #carousel-home .item .carousel-info h2 { | |
| font-size: 20px!important; | |
| line-height: 24px !important; | |
| margin-bottom: 5px !important; | |
| border: none !important; | |
| } | |
| #carousel-home .item .carousel-info { | |
| width: 100%; | |
| left: 0; | |
| margin: 0; | |
| } | |
| #carousel-home .item .carousel-info h3 { | |
| font-size: 16px!important; | |
| line-height: 16px !important; | |
| margin-bottom: 5px !important; | |
| } | |
| #carousel-home .item .carousel-info .description { | |
| margin-bottom: 10px; | |
| } | |
| } | |
| /* Video Responsive */ | |
| .videoWrapper { | |
| position: relative; | |
| padding-bottom: 65%; | |
| width: 100%; | |
| margin: 0 auto 30px; | |
| } | |
| .videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100% !important; | |
| height: 100% !important; | |
| } | |
| header ul.payment { | |
| margin: 10px 0; | |
| } | |
| header ul.payment li { | |
| display: inline-block; | |
| float: none; | |
| } | |
| header ul.payment li span { | |
| display: block; | |
| border: 1px solid #e1e1e1; | |
| width: 55px; | |
| height: 33px; | |
| border-radius: 3px; | |
| overflow: hidden; | |
| background: #f5f5f5; | |
| position: relative; | |
| } | |
| header ul.payment li span img { | |
| max-width: 100%; | |
| display: block; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| header ul.payment li span:before { | |
| content: ''; | |
| width: 100px; | |
| height: 100px; | |
| background: #fff; | |
| position: absolute; | |
| z-index: 0; | |
| transform: rotate(60deg); | |
| top: -76px; | |
| left: -50px; | |
| border: 1px solid #eee; | |
| } | |
| @media (max-width: 1199px) { | |
| header ul.payment {margin: 10px;} | |
| header ul.payment li span {width: 50px; height: 30px;} | |
| } | |
| /* Filters */ | |
| #show_filters { | |
| border-width: 1px; | |
| } | |
| .category_menu_list .count:before { | |
| content: '('; | |
| } | |
| .category_menu_list .count:after { | |
| content: ')'; | |
| } | |
| .parent-2 { | |
| display: none; | |
| } | |
| #side_filters { | |
| display: none; | |
| } | |
| @media (min-width: 991px) { | |
| #side_filters { | |
| display: block !important; | |
| } | |
| } | |
| #side_filters h4 { | |
| font-size: 1.25em; | |
| font-weight: 700; | |
| margin-bottom: 20px; | |
| } | |
| #side_filters h5 { | |
| font-size: 17px; | |
| font-weight: 700; | |
| margin: 0 0 10px; | |
| color: #000; | |
| } | |
| #side_filters h5:last-child { | |
| margin: 0 0 10px; | |
| } | |
| #side_filters .side_filters_selected .clearAll { | |
| text-decoration: underline; | |
| } | |
| #side_filters .clearFilter { | |
| background: #eee; | |
| } | |
| #side_filters .badge { | |
| font-size: 80% !important; | |
| } | |
| #side_filters .badge a { | |
| color: #fff; | |
| opacity: 0.7; | |
| } | |
| #side_filters .badge a:hover { | |
| opacity: 1; | |
| } | |
| .category_menu_list .count { | |
| color: #aeaeae; | |
| } | |
| .category_menu_trigger_child.active i { | |
| transform: rotate(180deg); | |
| } | |
| #side_filters .side_filters_selected .clearFilter { | |
| margin-bottom: 2px; | |
| } | |
| #side_filters .filter_wrapper.panel { | |
| border: 1px solid #ddd; | |
| } | |
| #side_filters .filter_wrapper ul { | |
| margin: 0; | |
| padding: 0; | |
| max-height: 170px; | |
| overflow: auto; | |
| } | |
| #side_filters .filter_wrapper #category_menu_new { | |
| max-height: unset; | |
| overflow: unset; | |
| } | |
| #side_filters .filter_wrapper ul.category_menu_list a { | |
| text-decoration: none; | |
| font-size: 13px; | |
| letter-spacing: 0.0725em; | |
| font-weight: 300; | |
| } | |
| #side_filters .filter_wrapper > .panel-body > ul li > ul { | |
| margin: 0 0 10px 5px; | |
| padding: 0; | |
| display: none; | |
| } | |
| #side_filters .filter_wrapper > .panel-body > ul li label { | |
| width: auto; | |
| color: #444; | |
| display: inline-block; | |
| font-size: 13px; | |
| } | |
| #side_filters .filter_wrapper > .panel-body > ul > li { | |
| line-height: 1.5; | |
| } | |
| #side_filters | |
| .filter_wrapper | |
| > .panel-body | |
| > ul | |
| li | |
| > div | |
| > .checkbox { | |
| display: inline-block; | |
| margin-right: 5px; | |
| } | |
| #side_filters .category_menu_trigger_child { | |
| display: block; | |
| position: relative; | |
| } | |
| #side_filters .category_menu_trigger_child i { | |
| float: right; | |
| } | |
| #side_filters .filter_wrapper.price { | |
| display: flow-root; | |
| } | |
| #side_filters .filter_wrapper.price input { | |
| height: 35px; | |
| border-radius: 0; | |
| } | |
| #side_filters .filter_wrapper.price .button.style-10 { | |
| height: 35px; | |
| min-width: unset; | |
| letter-spacing: unset; | |
| padding: 0; | |
| margin-top: 10px; | |
| } | |
| #side_filters .form-row > .col, | |
| #side_filters .form-row > [class*='col-'] { | |
| padding-right: 5px; | |
| padding-left: 5px; | |
| } | |
| .product-qty { | |
| font-size: 13px; | |
| } | |
| #side_filters.price > .col-xs-1 { | |
| line-height: 34px; | |
| } | |
| #side_filters .form-row .small { | |
| line-height: 35px; | |
| } | |
| #side_filters #price_filter .price_message { | |
| display: none; | |
| } | |
| #side_filters .alert { | |
| padding: 10px; | |
| margin: 10px 0 0 0; | |
| } | |
| @media (max-width: 990px) { | |
| #side_filters .form-row > [class*='col-'] { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| #side_filters h5 { | |
| margin: 0; | |
| } | |
| #side_filters label { | |
| font-size: 13px !important; | |
| margin-bottom: 0px; | |
| } | |
| #side_filters .simple-drop-down { | |
| width: 100%; | |
| } | |
| #side_filters .simple-drop-down select { | |
| height: 35px; | |
| } | |
| #side_filters .simple-drop-down:after { | |
| width: 35px; | |
| height: 35px; | |
| line-height: 35px; | |
| } | |
| } | |
| /* Search page */ | |
| .search-block { | |
| max-width: 500px; | |
| margin: 30px auto; | |
| } | |
| #search-form { | |
| position: relative; | |
| margin-bottom: 20px; | |
| } | |
| #search-form input { | |
| padding-right: 30px; | |
| } | |
| #search-form button { | |
| position: absolute; | |
| right: 0px; | |
| top: 0px; | |
| width: 34px; | |
| height: 34px; | |
| -webkit-appearance: none; | |
| border: none; | |
| font-size: 18px; | |
| background: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment