#order_review_heading, .woocommerce .checkout #order_review, .woocommerce-page .checkout #order_review { width: 100%!important; } /* buttons shop types */ .wp-block-button__link { color: #fff; background-color: #17B3E8!important; transition:all 200ms ease-in-out 0s; } .wp-block-button__link:hover { color: #fff; background-color: #441dd3!important; transition:all 200ms ease-in-out 0s; } .wp-block-button__link-2 { padding: 10px 10px 10px 20px; color: rgb(63, 63, 63); text-transform: uppercase; border-radius: 0px 5px 5px 0px; border: 1px solid #a9a9a9; } .wp-block-button__link-2:hover { text-decoration: none; box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); background-color: rgb(91, 16, 84); color: white; } .wp-block-button__link-3 { padding: 10px 10px 10px 10px; color: rgb(63, 63, 63); text-transform: uppercase; border: 1px solid #a9a9a9; } .wp-block-button__link-3:hover { text-decoration: none; box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); background-color: rgb(39, 196, 136); color: white; } @media screen and (min-width: 768px) { .boxed-shop { width: 80%; max-width: 1200px; justify-content: center; display: inline-block; } } @media screen and (max-width: 768px) { .breadcrumb-shop { margin-top: 60px!important; } .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { overflow-wrap: break-word; } } .breadcrumb-title-wrapper { display: block; vertical-align: middle; text-align: center; position: relative; } .woocommerce-breadcrumb a::before { margin-left: 20px; color: white!important } .woocommerce-breadcrumb:last-child { margin-left: 20px; color: white!important } .main-woo-breadcrumb { background-image: url(https://images.unsplash.com/photo-1594849981292-89dbaf5aee53?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80) } .main-woo-breadcrumb { padding-top: 42px; padding-right: 0; padding-bottom: 60px; padding-left: 0; position: relative } .wc-block-pagination-page .wc-block-components-pagination__page, .wc-block-pagination .wc-block-components-pagination span{ display: inline-block; white-space: nowrap; padding: 0; clear: both; border: 1px solid #d3ced2; border-right: 0; margin: 1px; } .wc-block-grid__product-price { display: block; margin-left: -2px; margin-right: -2px; display: block; padding-bottom: 3px; line-height: 18px; font-size: 24px !important; line-height: 24px; letter-spacing: .5px; font-weight: 700; font-family: monospace; } .wc-block-sort-select .wc-block-components-sort-select .wc-block-product-sort-select .wc-block-components-product-sort-select { font-size: 14px!important; padding-top: 4px!important; padding-bottom: 4px!important; /* margin: 10px; */ /* padding-left: 15px!important; padding-right: 20px!important; */ line-height: 20px!important; height: 42px!important; width:215px; padding:0; border:0; margin:0 0 0 0; } .wc-block-sort-select__label, .wc-block-components-sort-select__label { padding:4px 15px 4px 0; /* rtl */ display:inline-block; width:100%; transition:all 200ms ease 0s; } /* .wc-block-components-product-sort-select>option { padding: 4px 15px 4px 0!important; display: inline-block!important; width: 100%!important; transition: all 200ms ease 0s!important; padding: 4px 15px 4px 0!important; display: inline-block!important; width: 100%!important; transition: all 200ms ease 0s!important; } */ .wc-block-sort-select__select, .wc-block-components-sort-select__select>option { /* position: absolute!important; */ content: ""!important; right: 0!important; top: 7px!important; left: 0!important; bottom: 0!important; border-width: 2px 1px 1px 1px!important; border-style: solid!important; z-index: -1!important; } .wc-block-sort-select__select, .wc-block-components-sort-select__select:hover>option { webkit-animation-duration: 340ms!important; animation-duration: 340ms!important; animation-delay: 100ms!important; -webkit-animation-delay: 100ms!important; -moz-animation-delay: 100ms!important; -webkit-animation-fill-mode: both!important; animation-fill-mode: both!important; -webkit-animation-name: animation_dropdown!important; animation-name: animation_dropdown!important; backface-visibility: hidden!important; -moz-backface-visibility: hidden!important; -webkit-backface-visibility: hidden!important; display: block!important; } @-webkit-keyframes animation_dropdown { 0% { opacity: 0; visibility: hidden; margin-top: 8px; } 100% { opacity: 1; visibility: visible; margin-top: 0px; } } @keyframes animation_dropdown { 0% { opacity: 0; visibility: hidden; margin-top: 8px; } 100% { opacity: 1; visibility: visible; margin-top: 0px; } } .wc-block-components-sort-select__select:hover option{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; display:block; } @-moz-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @-webkit-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } .aspace-woocommerce-info { background-color: #f7f6f7!important; padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; color: #515151; border-top: 3px solid #224b74; list-style: none outside; width: auto; word-wrap: break-word; font-size: 18px; } .form-row>select { height: 18px; } .woocommerce-input-wrapper select { height: 42px!important; } #billing_last_name_field { display: contents; } #billing_first_name_field { display: contents; } #billing_last_name_field input{ width: 100%!important; box-shadow: 0 0 0 0.25rem rgb(82 82 82 / 25%); opacity: .5; } #billing_first_name_field input{ width: 100%!important; box-shadow: 0 0 0 0.25rem rgb(82 82 82 / 25%); opacity: .5; } /* .woocommerce-NoticeGroup-checkout div { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; background-color: #d1ffea; border-radius: 0.25rem; color: black; border: none; } */ .aspace-alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; font-size: 18px; } .return-to-shop { font-size: 18px; color: #055160; background-color: #cff4fc; border-color: #b6effb; position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; font-size: 18px; } .woocommerce-MyAccount-content p { margin: 5px; padding: 5px; background-color: azure; } .woocommerce-MyAccount-content { margin: 5px; padding: 5px; background-color: #f7f6f7; /* margin-top: 350px; */ } .woocommerce table.my_account_orders { font-size: 18px!important; } .woocommerce-notices-wrapper { width: 100%; padding-left: 10px; padding-right: 10px; } /* .woocommerce-MyAccount-navigation { width: 100%!important; } */ .woocommerce-info::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f218"; } .fa-chevrons-right { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f324"; } .woocommerce.widget_shopping_cart .cart_list li a.remove:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f057"!important; } .shopping-cart-wrapper a.cart-control { display: inline-block; padding: 7px 10px 7px 50px; line-height: 24px; } .shopping-cart-wrapper a.cart-control>span { float: left; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } a.cart-control .cart-total { font-weight: bold; margin-right: 4px; float: left; } .cart-total:hover { color: white; } .cart-total { color: rgb(168, 161, 161); } span.cart-value { position: relative; top: -10px; left: -5px; background: #fd8e35; padding: 2px 6px; color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } .header-right .header-compare a:hover .info-tooltip, .header-right .header-compare a:focus .info-tooltip, .header-right .header-wishlist a:hover .info-tooltip, .header-right .header-wishlist a:focus .info-tooltip, .header-right .header-my-account a:hover .info-tooltip, .header-right .header-my-account a:focus .info-tooltip, .header-right .header-cart a:hover .info-tooltip, .header-right .header-cart a:focus .info-tooltip { top: -28px; visibility: visible; } .header-cart a.cart-icon { position: relative; text-align: center; color: #252424; border-radius: 5px; display: block; } .header-cart a.cart-icon span.count { font-size: 10px; padding: 0px; color: #ffffff; background-color: #EB5A3E; border-radius: 15px; line-height: 18px; margin: 0; position: absolute; top: -5px; left: 13px; height: 17px; min-width: 17px; text-align: center; } .header-cart a.cart-icon i { position: relative; } .header-cart .widget_shopping_cart .buttons a { background-color: #333333; color: #ffffff; border-radius: 0; font-size: 13px; /* padding: 8px 15px; */ -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -ms-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } .header-cart .widget_shopping_cart .buttons a:hover, .header-cart .widget_shopping_cart .buttons a:focus, .header-cart .widget_shopping_cart .buttons a:active { color: #ffffff; } .header-cart .woocommerce .widget_shopping_cart .cart_list li, .header-cart .woocommerce.widget_shopping_cart .cart_list li { padding-top: 20px; height: 70px; } .site-header-cart li { /* padding: 10px; */ } /* .header-cart .woocommerce .widget_shopping_cart .cart_list li:first-child, .header-cart .woocommerce.widget_shopping_cart .cart_list li:first-child { padding-top: 0; } */ .header-cart .woocommerce .widget_shopping_cart .cart_list li a, .header-cart .woocommerce.widget_shopping_cart .cart_list li a { font-size: 14px; font-weight: 600; } .header-cart .woocommerce .widget_shopping_cart .cart_list li .remove_from_cart_button, .header-cart .woocommerce.widget_shopping_cart .cart_list li .remove_from_cart_button { font-size: 18px; } .header-cart .woocommerce .widget_shopping_cart .cart_list li .quantity, .header-cart .woocommerce .widget_shopping_cart .cart_list li .amount, .header-cart .woocommerce.widget_shopping_cart .cart_list li .quantity, .header-cart .woocommerce.widget_shopping_cart .cart_list li .amount { font-size: 12px; } .header-cart-block ul.site-header-cart { opacity: 0; display: none; position: relative; position: absolute; z-index: 99999; margin-top: -30px!important; } .header-cart-block ul.site-header-cart .widget { margin-bottom: 0; } .header-cart-block ul.site-header-cart .woocommerce-mini-cart__empty-message { margin-bottom: 0; } .header-cart-block .woocommerce-mini-cart__buttons.buttons { margin-bottom: 0; } .header-cart-block ul.site-header-cart { opacity: 0; display: none; position: relative; position: absolute; z-index: 99999; } .header-cart-block ul.site-header-cart .widget { margin-bottom: 0; } .header-cart-block ul.site-header-cart .woocommerce-mini-cart__empty-message { margin-bottom: 0; } .header-cart-block .woocommerce-mini-cart__buttons.buttons { margin-bottom: 0; } .header-cart-block:hover ul.site-header-cart, .header-cart-block:focus ul.site-header-cart, .header-cart-block:active ul.site-header-cart { right: 0px; top: 100%; display: block !important; opacity: 1; right: 0; min-width: 320px; background-color: #fff; border: 1px solid #e2e2e2; padding: 0px; z-index: 999999; animation: showup 0.5s; -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart { /* position: absolute; */ top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2); box-shadow: 0 3px 3px rgba(0, 0, 0, .2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } } .shopping-cart-wrapper a.cart-control { display: inline-block; padding: 7px 10px 7px 50px; line-height: 24px; } .shopping-cart-wrapper a.cart-control>span { float: left; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .shopping-cart-wrapper .cart-list li>a { float: left; width: 80px; top: 0; } .shopping-cart-wrapper .cart-list li .cart-item-wrapper { margin-left: 95px; padding-right: 7px; } span.quantity { padding: 0 !important; float: none !important; } .cart-item-wrapper span { display: inline-block !important; width: auto !important; } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before { position: absolute; content: ""; right: 0; top: 7px; left: 0; bottom: 0; border-width: 2px 1px 1px 1px; border-style: solid; z-index: -1; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, #lang_sel_click ul li:hover ul, .wpml-ls:hover .wpml-ls-sub-menu, .header-currency:hover ul { webkit-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; display: block; } @-webkit-keyframes animation_dropdown { 0% { opacity: 0; visibility: hidden; margin-top: 8px; } 100% { opacity: 1; visibility: visible; margin-top: 0px; } } @keyframes animation_dropdown { 0% { opacity: 0; visibility: hidden; margin-top: 8px; } 100% { opacity: 1; visibility: visible; margin-top: 0px; } } .shopping-cart-wrapper.active .dropdown-container { -webkit-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; display: block; } /* .woocommerce-Price-amount { font-size: 14px; line-height: 24px; letter-spacing: .25px; padding-right: 5px; } */ .woocommerce-Price-currencySymbol { border-color: #e8e8e8; } .cart-number { font-size: 14px; line-height: 24px; letter-spacing: .1px; } .drop-icon { left: 0; right: 0; bottom: 0; top: 0; content: ""; position: absolute; display: none; z-index: 2; cursor: pointer; } .dropdown-container { opacity: 0; visibility: hidden; display: none; margin-top: 8px; position: absolute; content: ""; right: 0; left: auto; top: 100%; width: 270px; background: transparent; padding: 20px; text-align: left; } .shopping-cart-wrapper .dropdown-container { right: 0; margin-right: 0; padding: 30px 0 20px 0; } .shopping-cart-wrapper .dropdown-container::before { line-height: 24px; } .woocommerce input[type=number]::-webkit-inner-spin-button, .woocommerce input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .woocommerce input[type=number].qty { -moz-appearance: textfield; } .woocommerce ul.cart_list li span.amount, .woocommerce ul.product_list_widget li span.amount, .woocommerce-page ul.cart_list li span.amount, .woocommerce-page ul.product_list_widget li span.amount { display: contents!important; } .woocommerce .quantity input.qty { border-left: 2px solid #eee !important; border-right: 2px solid #eee !important; width: 44px !important; } div.quantity.hidden { border: none !important; } .woocommerce-Price-currencySymbol { border-color: #e8e8e8; } .single_add_to_cart_button { border: 2px solid #eee !important; width: 128px !important; display: inline-block; line-height: 16px; height: 46px !important; border-left: 2px solid #eee !important; border-right: 2px solid #eee !important; font-size: 18px; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; margin-right: 5px; } .woocommerce a.added_to_cart { display: inline-block; background-color: black; color: white; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; margin-right: 5px; } .woocommerce-review-link { font-size: 18px; } .has-background-gradient { border-radius: 5px; background: linear-gradient(135deg,rgb(113,56,130) 0%,rgb(89,142,234) 100%); width: 100%!important; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; margin-bottom: .75rem; font-family: alegreya sc, Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-weight: 900; line-height: 1.5; word-break: break-word; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { margin-bottom: .75rem; font-family: alegreya sc, Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-weight: 900; line-height: 1.5; word-break: break-word; } /* .woocommerce-NoticeGroup-checkout div { position: relative; padding: 1rem 3rem;} */ ul.meta-atliibutes__table { list-style: none; } ul.t-icon-list { list-style: none; } .wc_payment_methods.payment_methods.methods>.woocommerce-info { bottom: 0; } .woocommerce-error, .woocommerce-message { font-size: 14px; bottom: 50px; margin-top: 70px!important; } .orderby { font-size: 14px!important; padding-top: 4px!important; padding-bottom: 4px!important; /* margin: 10px; */ /* padding-left: 15px!important; padding-right: 20px!important; */ line-height: 20px!important; height: 42px!important; } /* search bar */ .thaps-search-form { padding-top: 4px!important; padding-bottom: 4px!important; } .thaps-search-form { margin: 0; padding: 0; width: 80%!important; } /* page 404 */ .error404 .site-footer, .error404 .site-top { display: block!important; } /* logo left max 468 */ .logo-left-max { vertical-align: middle; align-self: center; position: relative; max-inline-size: fit-content; } .ml10 { margin-left: -10px!important; } .mr10 { margin-right: -10px!important; } .rowv4 { flex-wrap: wrap; flex-direction: row-reverse; width: 100%; max-width: 100%; } /* ordering */ /* .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin:-4px 0 8px 0; float:right; width:auto; } */ /* .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{ width:190px; padding:7px 20px 7px 5px; border:0; } */ .woocommerce .woocommerce-ordering .orderby, .woocommerce-page .woocommerce-ordering .orderby{ width:215px; padding:0; border:0; margin:0 0 0 0; } .woocommerce .woocommerce-ordering .orderby li a.current, .woocommerce-page .woocommerce-ordering .orderby li a.current{ cursor:default; } .woocommerce .woocommerce-ordering .orderby > li, .woocommerce-page .woocommerce-ordering .orderby > li{ padding:0; position:relative; cursor:pointer; } .woocommerce .woocommerce-ordering .orderby > li .orderby-current, .woocommerce-page .woocommerce-ordering .orderby > li .orderby-current{ padding:4px 15px 4px 0; /* rtl */ display:inline-block; width:100%; transition:all 200ms ease 0s; } .woocommerce .woocommerce-ordering .orderby > li:after, .woocommerce-page .woocommerce-ordering .orderby > li:after{ position:absolute; content:""; top:9px;right:0px; /* rtl */ font-family: "Font Awesome 5 Free"; content: "\f150"; font-size:14px; line-height:14px; transition:all 300ms ease 0s; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .woocommerce .woocommerce-ordering .orderby:hover > li:after, .woocommerce-page .woocommerce-ordering .orderby:hover > li:after{ transform:rotate(180deg); } .woocommerce .woocommerce-ordering .orderby li, .woocommerce-page .woocommerce-ordering .orderby li{ list-style:none; position:relative; z-index:4; } .woocommerce .woocommerce-ordering .orderby ul, .woocommerce-page .woocommerce-ordering .orderby ul{ margin:0; padding:9px 0 0 0; visibility:hidden; opacity:0; position:absolute; top:100%; left:0; right:0; z-index:5; transition:all 200ms ease 0s; } .woocommerce .woocommerce-ordering .orderby ul:before, .woocommerce-page .woocommerce-ordering .orderby ul:before{ position:absolute; content:""; top:8px; left:0; right:0; bottom:0; z-index:-1; border-width:2px 1px 1px 1px; border-style:solid; } .woocommerce .woocommerce-ordering .orderby:hover ul, .woocommerce-page .woocommerce-ordering .orderby:hover ul{ visibility:visible; opacity:1; } .woocommerce .before-loop-wrapper .woocommerce-result-count, .woocommerce-page .before-loop-wrapper .woocommerce-result-count{ padding:0; margin:0 0 8px 0; } .woocommerce .woocommerce-ordering .orderby ul li a:hover, .woocommerce-page .woocommerce-ordering .orderby ul li a:hover{ text-decoration:none; } .woocommerce .woocommerce-ordering .orderby ul li, .woocommerce-page .woocommerce-ordering .orderby ul li{ padding:0 15px; } .woocommerce .woocommerce-ordering .orderby ul li a, .woocommerce-page .woocommerce-ordering .orderby ul li a{ padding:6px 0;/* rtl */ width:100%; display:inline-block; position:relative; border-width:1px 0 0 0; border-style:solid; } /* dropdown */ .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, #lang_sel_click ul ul, .wpml-ls .wpml-ls-sub-menu, .header-currency ul{ opacity:0; visibility:hidden; display:none; margin-top:8px; position:absolute;content:""; right:0;/* rtl */ left:auto;/* rtl */ top:100%; width:270px; background:transparent; /* padding:20px; */ text-align:left; } .my-account-wrapper .dropdown-container{ right:-1px; } .shopping-cart-wrapper .dropdown-container{ right:0; margin-right:0; /* padding:30px 0 20px 0; */ } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, #lang_sel_click ul ul:before, .wpml-ls .wpml-ls-sub-menu:before, .header-currency ul:before{ position:absolute;content:""; right:0;top:7px;left:0;bottom:0; border-width:2px 1px 1px 1px; border-style:solid; z-index:-1; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, #lang_sel_click ul li:hover ul, .wpml-ls:hover .wpml-ls-sub-menu, .header-currency:hover ul{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; display:block; } @-moz-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @-webkit-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } .shopping-cart-wrapper .dropdown-container ul.cart-list, .woocommerce .shopping-cart-wrapper .dropdown-container ul.cart-list, .woocommerce-page .shopping-cart-wrapper .dropdown-container ul.cart-list{ overflow-y:auto; overflow-x:hidden; max-height:255px; padding:0 20px; position:relative; } .asp-tiny-account-wrapper{ position:relative; } .wpml-ls.wpml-ls-legacy-list-horizontal > ul > li:before, .wpml-ls.wpml-ls-legacy-list-vertical > ul > li:before{ display:none !important; } .asp-tiny-account-wrapper:before, #lang_sel_click > ul > li:before, .wpml-ls > ul > li:before, .shopping-cart-wrapper .ic-cart:before, .header-currency .wcml_currency_switcher:before{ position:absolute; content: "\f0d8"; font-family: "Font Awesome 5 Free"; font-size:18px; line-height:7px; height:7px; right:50%;/* rtl */ margin-right:-5px; bottom:-18px; opacity:0; } .shopping-cart-wrapper .ic-cart:before{ right:auto; /* rtl */ left:15px;/* rtl */ } .wpml-ls.wpml-ls-legacy-list-horizontal > ul > li:hover:before, .wpml-ls.wpml-ls-legacy-list-vertical > ul > li:hover:before{ display:none; } .my-account-wrapper:hover .asp-tiny-account-wrapper:before, #lang_sel_click > ul > li:hover:before, .wpml-ls > ul > li:hover:before, .header-currency:hover .wcml_currency_switcher:before, .shopping-cart-wrapper:hover .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon; -moz-animation-name: animation_dropdow_icon; animation-name: animation_dropdow_icon; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } @-webkit-keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } @keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } .logged-in .asp-tiny-account-wrapper:before{ display:none; } .shopping-cart-wrapper a.cart-control:hover{ text-decoration:none; } .shopping-cart-wrapper a.cart-control > span{ float:left; } .shopping-cart-wrapper a.cart-control span.cart-number:before{ content:"("; } .shopping-cart-wrapper a.cart-control span.cart-number:after{ content:")"; } .shopping-cart-wrapper a.cart-control span.cart-title, .shopping-cart-wrapper a.cart-control .cart-total{ margin-right:4px;/* rtl */ } .shopping-cart-wrapper .form-content > label{ text-transform:none; /* padding:0 20px 5px 20px; */ } /* My account */ .dropdown-container .dropdown-footer{ border-width:1px 0 0 0; border-style:solid; padding:0 20px; } .dropdown-container .dropdown-footer > a.button{ width:100%; } .dropdown-container .dropdown-footer > a.button.view-cart{ margin-bottom:10px; } .dropdown-container .dropdown-footer > a.button.view-cart:before{ content: "\f07a";/* rtl */ font-family: "Font Awesome 5 Free"; margin-right:5px; } /* Cart dropdown */ .woocommerce .shopping-cart-wrapper ul li, .woocommerce-page .shopping-cart-wrapper ul li, .shopping-cart-wrapper ul li{ list-style:none; padding:0 0 20px 0; margin:0 0 20px 0; display:inline-block;width:100%; position:relative; border-width:0 0 1px 0; border-style:solid; } .woocommerce .shopping-cart-wrapper ul li:last-child, .woocommerce-page .shopping-cart-wrapper ul li:last-child, .shopping-cart-wrapper ul li:last-child{ border:0; padding-bottom:0; } .shopping-cart-wrapper .cart-item-wrapper span{ display:inline-block !important; width:auto !important; } .shopping-cart-wrapper .cart-item-wrapper span.quantity{ padding:0 !important; float:none !important; } .woocommerce .shopping-cart-wrapper ul, .woocommerce-page .shopping-cart-wrapper ul, .shopping-cart-wrapper ul{ padding:0;margin:0; } .cart-list li .cart-item-wrapper, .woocommerce .cart-list li .cart-item-wrapper, .woocommerce-page .cart-list li .cart-item-wrapper{ margin-left:95px;/* rtl */ padding-right:7px /* rtl */ } .cart-list li > a, .woocommerce .cart-list li > a, .woocommerce-page .cart-list li > a{ float:left; width:80px; } /* FIX HEADER CART */ .shopping-cart-wrapper .cart-list li .cart-item-wrapper, .woocommerce .shopping-cart-wrapper .cart-list li .cart-item-wrapper, .woocommerce-page .shopping-cart-wrapper .cart-list li .cart-item-wrapper{ margin-left:95px;/* rtl */ padding-right:7px /* rtl */ } .shopping-cart-wrapper .cart-list li > a, .woocommerce .shopping-cart-wrapper .cart-list li > a, .woocommerce-page .shopping-cart-wrapper .cart-list li > a{ float:left; width:80px; } /* END FIX */ .cart-list li:first-child > a, .woocommerce .cart-list li:first-child > a, .woocommerce-page .cart-list li:first-child > a{ top:0; } .cart-list li .cart-item-wrapper a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ position:absolute; right:-7px;/* rtl */ left:auto; top:4px; content:""; z-index:2; font-size:0; font-weight:400 !important; height:auto; width:auto; line-height:0; text-indent:0; padding:0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ right:0; /* rtl */ top:5px; margin: 0 !important; } .woocommerce a.remove:hover{ background:transparent !important; } .cart-list li .cart-item-wrapper a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before{ font-family: "Font Awesome 5 Free"; content: "\f057"; font-size:13px; font-weight:300 !important; line-height:14px; } .cart-list li .cart-item-wrapper a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover{ text-decoration:none; } .amount.icon{ font-family: 'alegreya sc', 'Raleway', sans-serif; } .shopping-cart-wrapper .total{ /* padding:15px 0; */ overflow:hidden; } .shopping-cart-wrapper .total > span.total-title, .widget_shopping_cart .total-title{ text-transform:uppercase; } .shopping-cart-wrapper .total > span.amount, .widget_shopping_cart .total .amount{ float:right; } .category-dropdown.select2-container--open .select2-dropdown{ left:-1px;/* rtl */ } .category-dropdown .select2-search--dropdown{ padding-top:0; } .group-button-icon-header{ width:18%; } .group-button-icon-header .my-account-wrapper{ width:30px; } .group-button-icon-header .my-wishlist-wrapper a, .group-button-icon-header .account-control, .group-button-icon-header .my-account-wrapper .account-control > a{ font-size:0; line-height:0; } .group-button-icon-header > div{ padding-right:15px; margin-right:15px; position:relative; float:right;/* rtl */ } .group-button-icon-header > div:first-child{ padding-right:0; margin-right:0; } .group-button-icon-header > div:after{ position:absolute; right:0; left:auto; top:0; bottom:0; border-width:0 1px 0 0; border-style:solid; content:""; width:1px; opacity:0.15; } .group-button-icon-header > div:first-child:after{ display:none; } .group-button-icon-header .my-account-wrapper .account-control > a.log-out, .group-button-icon-header .my-account-wrapper .account-control > a.sign-up{ display:none !important; } .group-button-icon-header .my-account-wrapper .dropdown-container{ right:50%; left:auto; margin-right:-135px; } .group-button-icon-header .my-account-wrapper .account-control a:before{ content: "\f007"; font-family: "Font Awesome 5 Free"; } .group-button-icon-header .my-wishlist-wrapper a:before{ content: "\f004"; font-family: "Font Awesome 5 Free"; } /* Dropdown cart and account version 3 */ .group-button-icon-header .shopping-cart-wrapper .cart-total, .header-v3 .group-button-header-v5 .shopping-cart-wrapper .cart-total{ display:none; } .group-button-icon-header .my-account-wrapper .dropdown-container{ padding-top:50px; } .group-button-icon-header .my-account-wrapper .dropdown-container:before{ top:32px; } .group-button-icon-header .my-account-wrapper .asp-tiny-account-wrapper:before{ bottom:-34px; } .group-button-icon-header .my-account-wrapper:hover .asp-tiny-account-wrapper:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow2_icon_v3; -moz-animation-name: animation_dropdow2_icon_v3; animation-name: animation_dropdow2_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } @-webkit-keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } @keyframes animation_dropdow2_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-41px; } 100% { opacity: 1; visibility:visible; bottom:-34px; } } .group-button-icon-header .shopping-cart-wrapper:hover .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon_v3; -moz-animation-name: animation_dropdow_icon_v3; animation-name: animation_dropdow_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } @-webkit-keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } @keyframes animation_dropdow_icon_v3 { 0% { opacity: 0; visibility:hidden; bottom:-44px; } 100% { opacity: 1; visibility:visible; bottom:-37px; } } .group-button-icon-header .shopping-cart-wrapper .dropdown-container{ padding:60px 0 20px 0; } .group-button-icon-header .shopping-cart-wrapper .dropdown-container:before{ top:35px; } .group-button-icon-header .shopping-cart-wrapper{ top:5px; } .group-button-icon-header .shopping-cart-wrapper .asp-tiny-cart-wrapper{ border:0; } .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number{ position:absolute; right:0; top:-12px; content:""; font-weight:700; } .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number:before, .group-button-icon-header .shopping-cart-wrapper a.cart-control span.cart-number:after{ display:none; } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic{ position:relative; top:auto; left:auto; right:auto; bottom:auto; float:left; } .group-button-icon-header .shopping-cart-wrapper a.cart-control{ padding:0 15px 0 0; /* rtl */ } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic:after{ border-color:#3f3f3f } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic{ border-bottom-color:#3f3f3f } .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart:after{ display:none; } .group-button-icon-header .shopping-cart-wrapper .ic-cart:before{ left:3px; bottom:-37px; } /* Shortcode sub categories product */ .drop-icon{ display:inline-block; } .shopping-cart-wrapper:hover .dropdown-container{ animation: none; display:none; } .shopping-cart-wrapper:hover .ic-cart:before, .group-button-icon-header .shopping-cart-wrapper:hover .ic-cart:before{ animation: none; } .shopping-cart-wrapper .dropdown-container{ visibility:visible !important; opacity:1 !important; z-index:99999; display:none } .shopping-cart-wrapper.active .dropdown-container { -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; display:block; } .group-button-icon-header .shopping-cart-wrapper.active .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon_v3; -moz-animation-name: animation_dropdow_icon_v3; animation-name: animation_dropdow_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .shopping-cart-wrapper.active .ic-cart:before { -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon; -moz-animation-name: animation_dropdow_icon; animation-name: animation_dropdow_icon; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Drop down icon menu */ .asp-menu-drop-icon{ display:inline-block !important; position:absolute; z-index:99; left:0;right:0;bottom:0;top:0; content:""; text-align:center; cursor:pointer; } .asp-menu-drop-icon.active{ z-index:-1; } .product-group-button .button-tooltip{ font-size:12px !important; line-height:20px !important; } /* body input, body select, html input[type^="search"], html input[type^="text"], html input[type^="email"], html input[type^="password"], html input[type^="tel"], body .select2-search input[type="text"], .chosen-container, .chosen-container-single .chosen-search input[type=text], .woocommerce #content table.shop_table td.actions .coupon .input-text, .woocommerce table.shop_table td.actions .coupon .input-text, .woocommerce-page #content table.shop_table td.actions .coupon .input-text, .woocommerce-page table.shop_table td.actions .coupon .input-text, #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea, .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input, .chosen-container a.chosen-single, .woocommerce-checkout .form-row .chosen-container-single .chosen-single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, body .select2-container--default .select2-selection--single .select2-selection__rendered, .asp-twitter-slider.text-light .twitter-content .date-time, .asp-product-attribute > div, .asp-testimonial-wrapper.text-light .testimonial-content .byline { font-size:14px; letter-spacing:0.25px; line-height:18px; } .woocommerce div.product .single-navigation .product-info span.price, .woocommerce-page div.product .single-navigation .product-info span.price, div.product .single-navigation .product-info .price del, div.product .single-navigation .product-info .price ins{ font-size:14px !important; line-height:24px !important; } body #pp_full_res{ line-height:24px !important; } ol li, ul li { line-height:20px; } dt, dd, .woocommerce form .form-row label, .woocommerce-page form .form-row label{ line-height:18px; } .asp-testimonial-wrapper.text-light .testimonial-content, .asp-twitter-slider.text-light .twitter-content, .asp-price-table .desc-price{ font-size:16px; line-height:30px; } */ /* div.product .ref-wrapper{ font-size:11px; line-height:14px; text-transform:uppercase; } ul.product_list_widget li > a, h3.product-name > a, h3.product-name, .single-navigation a .product-info span{ font-size:14px; line-height:20px; text-transform:none; } .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name, .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name > a{ font-size:18px; line-height:22px; } .woocommerce .asp-product-deals-slider-wrapper.list .amount{ font-size:20px; line-height:24px; } .woocommerce .asp-product-deals-slider-wrapper.list .product .product-categories a{ font-size:13px; line-height:18px; } */ @media only screen and (max-width: 991px) and (min-width: 768px){ /* .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name, .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name > a{ font-size:14px; line-height:20px; } .woocommerce .asp-product-deals-slider-wrapper.list .amount{ font-size:16px; line-height:20px; } */ } /* h4 > a, .asp-team-member header > h3, .asp-team-member header > h3 a{ font-size:14px; line-height:20px; } h1,.h1, .fix-size-heading h2, #main .asp-feedburner-subscription-shortcode .widget-title, .banner-content h1 { font-size:35px; line-height:40px; font-weight:bold; } body .asp-heading.style-2 > h1, .asp-heading h1, h2,.h2, h1.wpb_heading, .banner-content h2, .breadcrumb-title-wrapper .breadcrumb-title h1, #main .asp-feedburner-subscription-shortcode.style-3 .widgettitle, #colophon .asp-feedburner-subscription-shortcode.style-3 .widgettitle { font-size:30px; line-height:34px; font-weight:bold; } body .asp-heading.style-2 > h2, .asp-heading h2, h3, .h3, h2.wpb_heading, .banner-content h3, .asp-lightbox .feedburner-subscription .widgettitle { font-size:25px; line-height:30px; font-weight:bold; } .asp-shortcode.asp-blogs .shortcode-heading-wrapper .heading-title, .asp-shortcode.content-no-border .shortcode-heading-wrapper .heading-title, .asp-shortcode.asp-product-category-slider-wrapper .shortcode-heading-wrapper .heading-title, .heading-shortcode, .commenasp-title .heading-title, #comment-wrapper .heading-title, .cross-sells > h2, .upsells > h2, .related > h2, .theme-title, .theme-title > h3, body .asp-heading.style-2 > h3, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, body.wpb-js-composer .vc_general.vc_tta-tabs.default_no_border .vc_tta-tab > a, #main .asp-feedburner-subscription-shortcode .widgettitle, footer .asp-feedburner-subscription-shortcode.style-2 .widgettitle, .dashboard header.dashboard-header h1 { font-size:18px; line-height:22px; font-weight:bold; text-transform:uppercase; } body .asp-heading.style-2 > h4, body div.ppt, .widget.asp-producasp-widget > .widgettitle, .woocommerce #reviews #reply-title, .woocommerce-page #reviews #reply-title, .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2, .widget_shopping_cart_content p.total strong, body.wpb-js-composer .vc_general.vc_tta-tabs.default .vc_tta-tabs-container .vc_tta-tab > a, .widget-title, body .asp-footer-block .vc_col-sm-3 .widget .widgettitle, body .asp-footer-block .vc_col-sm-4 .widget .widgettitle, .asp-shortcode .shortcode-heading-wrapper .heading-title, .woocommerce-account div.woocommerce h3, .woocommerce-account div.woocommerce .addresses h2, .woocommerce-customer-details .addresses h2, .single-portfolio .info-content .entry-title, #bbpress-forums #bbp-user-wrapper h2.entry-title, .column-tabs .heading-tab h3, .row-heading-tabs .heading-tab .heading-title, .asp-list-of-product-categories-wrapper .heading-title{ font-size:16px; line-height:22px; font-weight:bold; } .widget-container.asp-menus-widget .widget-title{ font-size:15px; } .blogs article h3.heading-title a, .list-posts .entry-content .entry-title{ font-size:16px; line-height:22px; text-transform:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ font-weight:bold; } .woocommerce #reviews #reply-title, .woocommerce-page #reviews #reply-title, .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2, .widget_shopping_cart_content p.total strong, body.wpb-js-composer .vc_general.vc_tta-tabs .vc_tta-tab > a, .woocommerce-account .woocommerce-MyAccount-navigation li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ text-transform:uppercase; } h4,.h4, .asp-heading h3, h3.wpb_heading, .banner-content h4, .woocommerce-account div.woocommerce h2, .woocommerce .wishlist-title h2, .vc_pie_chart .vc_pie_chart_value{ font-size:20px; line-height:24px; font-weight:bold; } h5,.h5, .asp-heading h4, h4.wpb_heading, h5.wpb_heading{ font-size:18px; line-height:24px; font-weight:bold; } h6,.h6, .vc_message_box .h4, h6.wpb_heading, .product-category-top-content .widget-title-wrapper > .widget-title, .portfolio-inner .figcaption h3, .asp-feature-wrapper .feature-header h3, .asp-milestone h3.subject, #order_review_heading, body #yith-woocompare table.compare-list th, table.compare-list tr.image th, table.compare-list tr.title th, table.compare-list tr.price th, table.compare-list tr.add-to-cart th, body.woocommerce > h1, .asp-testimonial-wrapper.text-light .testimonial-content h4 > a, .asp-twitter-slider.text-light .twitter-content h4 > a{ font-size:16px; line-height:22px; font-weight:bold; } table label { font-size:14px; } legend { font-size:18px; } blockquote { font-size:16px; line-height:24px; font-weight:bold; font-style:italic; } */ /*----------------------------------------------------------------*/ /*- HEADER -------------------------------------------------------*/ .info-desc span, .my-account-wrapper .account-control > a, .my-wishlist-wrapper a, #lang_sel_click > ul > li > a, .wpml-ls > ul > li > a, .header-currency .wcml_currency_switcher > a{ font-size:13px;/* - 1 font-body */ line-height:24px;/* line-height body */ } .my-account-wrapper .dropdown-container{ line-height:24px;/* line-height body */ } /*----------------------------------------------------------------*/ /*- MENU ---------------------------------------------------------*/ header.asp-header .mobile-menu-wrapper li a{ font-size:14px; line-height:18px; } header.asp-header .menu-wrapper nav.pc-menu > ul.menu > li.parent > a >.menu-label:after{ line-height:14px; font-size:14px; } header.asp-header .menu-wrapper nav > ul.menu > li > a, header.asp-header .asp-menu > .menu > ul > li > a, .widget-container .vertical-menu > .menu > li > a, header.asp-header .menu-wrapper nav > ul.menu li:before, .vertical-menu-wrapper .vertical-menu-heading, header.asp-header .vertical-menu-wrapper .vertical-menu-heading:before{ line-height:18px; font-size:14px; text-transform:uppercase; font-weight:normal; } .group-button-icon-header .my-account-wrapper a:before, .group-button-icon-header .my-wishlist-wrapper a:before, .group-button-icon-header .asp-tiny-cart-wrapper .ic-cart .ic, .search-pc{ font-size:15px; line-height:18px; } .woocommerce .woocommerce-ordering .orderby ul, .woocommerce-page .woocommerce-ordering .orderby ul { margin: 0; padding: 9px 0 0 0; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; right: 0; z-index: 5; transition: all 200ms ease 0s; background: black; } .woocommerce .woocommerce-ordering .orderby ul li a, .woocommerce-page .woocommerce-ordering .orderby ul li a { padding: 6px 0; width: 100%; display: inline-block; position: relative; border-width: 1px 0 0 0; border-style: solid; color: white; } /* borrador */ .asp-sidebar:after, header.asp-header .menu-wrapper nav > ul.menu:after, .header-v1 .asp-search-by-category:after, .feedburner-subscription .subscribe-email:after, .woocommerce .products.list .product .product-wrapper:after, header.asp-header:after, .header-container:after, header.asp-header .header-top > .container:after, header.asp-header .header-top:after, div#main:after{ display:table; content:""; clear:both; } .header-top > .container, .header-middle > .container, .header-bottom > .container{ /* padding-left:30px; padding-right:30px; */ } .page-container{ min-height:400px; } .page-container:after{ display:table; content:""; clear:both; } .page-container, #main > .fullwidth-template{ padding-top:30px; padding-bottom:0; position:relative; z-index:1; } html.full-page #main > .fullwidth-template{ padding-top:0; } /* Fix padding bottom middle content and footer */ .woocommerce-page .page-container, body .container-post, .woocommerce-page .page-container .asp-sidebar, body .container-post .asp-sidebar{ padding-bottom:50px; } /* End fix padding */ #main > .page-container, .container.no-padding{ /* padding-left:15px; padding-right:15px; */ } #main > .page-container.show_breadcrumb_v1, #main > .fullwidth-template.show_breadcrumb_v1{ margin-top:-255px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 2. HEADER TOP -----------------------------------------------------------------------------------------------------*/ .header-language a:hover, .my-account-wrapper .account-control > a:hover, .shopping-cart-wrapper a.cart-control > span:hover, .my-wishlist-wrapper a:hover, .header-currency a:hover{ text-decoration:none; } .my-account-wrapper, .my-wishlist-wrapper{ display:inline-block; line-height:0; } /* DROPDOW CART & DROPDOW ACCOUNT */ .shopping-cart-wrapper ul li.loading:before{ z-index:2; position:absolute; left:0;right:0;bottom:0;top:-20px; content:""; background-image:url(images/ajax-loader.gif); background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,0.5) } .shopping-cart-wrapper ul li:last-child:first-child.loading:before{ top:0; } .shopping-cart-wrapper{ position:relative;z-index:998; } .my-account-wrapper{ position:relative; z-index:99991; } .shopping-cart-wrapper, .asp-tiny-cart-wrapper{ z-index:999; display:inline-block; } .shopping-cart-wrapper .dropdown-container, .my-account-wrapper .dropdown-container, #lang_sel_click ul ul, .wpml-ls .wpml-ls-sub-menu, .header-currency ul{ opacity:0; visibility:hidden; display:none; margin-top:8px; position:absolute;content:""; right:0;/* rtl */ left:auto;/* rtl */ top:100%; width:270px; background:transparent; padding:20px; text-align:left /* rtl */ } .my-account-wrapper .dropdown-container{ right:-1px;/* rtl */ } .shopping-cart-wrapper .dropdown-container{ right:0;/* rtl */ margin-right:0;/* rtl */ padding:30px 0 20px 0; } .shopping-cart-wrapper .dropdown-container:before, .my-account-wrapper .dropdown-container:before, #lang_sel_click ul ul:before, .wpml-ls .wpml-ls-sub-menu:before, .header-currency ul:before{ position:absolute;content:""; right:0;top:7px;left:0;bottom:0; border-width:2px 1px 1px 1px; border-style:solid; z-index:-1; } .shopping-cart-wrapper:hover .dropdown-container, .my-account-wrapper:hover .dropdown-container, #lang_sel_click ul li:hover ul, .wpml-ls:hover .wpml-ls-sub-menu, .header-currency:hover ul{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdown; -moz-animation-name: animation_dropdown; animation-name: animation_dropdown; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; display:block; } @-moz-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @-webkit-keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } @keyframes animation_dropdown { 0% { opacity: 0; visibility:hidden; margin-top:8px; } 100% { opacity: 1; visibility:visible; margin-top:0px; } } .shopping-cart-wrapper .dropdown-container ul.cart-list, .woocommerce .shopping-cart-wrapper .dropdown-container ul.cart-list, .woocommerce-page .shopping-cart-wrapper .dropdown-container ul.cart-list{ overflow-y:auto; overflow-x:hidden; max-height:255px; padding:0 20px; position:relative; } .asp-tiny-account-wrapper{ position:relative; } .wpml-ls.wpml-ls-legacy-list-horizontal > ul > li:before, .wpml-ls.wpml-ls-legacy-list-vertical > ul > li:before{ display:none !important; } .asp-tiny-account-wrapper:before, #lang_sel_click > ul > li:before, .wpml-ls > ul > li:before, .shopping-cart-wrapper .ic-cart:before, .header-currency .wcml_currency_switcher:before{ position:absolute; content: "\f0d8"; font-family: "Font Awesome 5 Free"; font-size:18px; line-height:7px; height:7px; right:50%;/* rtl */ margin-right:-5px; bottom:-18px; opacity:0; } .shopping-cart-wrapper .ic-cart:before{ right:auto; /* rtl */ left:15px;/* rtl */ } .wpml-ls.wpml-ls-legacy-list-horizontal > ul > li:hover:before, .wpml-ls.wpml-ls-legacy-list-vertical > ul > li:hover:before{ display:none; } .my-account-wrapper:hover .asp-tiny-account-wrapper:before, #lang_sel_click > ul > li:hover:before, .wpml-ls > ul > li:hover:before, .header-currency:hover .wcml_currency_switcher:before, .shopping-cart-wrapper:hover .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon; -moz-animation-name: animation_dropdow_icon; animation-name: animation_dropdow_icon; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } @-moz-keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } @-webkit-keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } @keyframes animation_dropdow_icon { 0% { opacity: 0; visibility:hidden; bottom:-18px; } 100% { opacity: 1; visibility:visible; bottom:-9px; } } /* dropdown */ .logged-in .asp-tiny-account-wrapper:before{ display:none; } .shopping-cart-wrapper a.cart-control:hover{ text-decoration:none; } .shopping-cart-wrapper a.cart-control > span{ float:left; } .shopping-cart-wrapper a.cart-control span.cart-number:before{ content:"("; } .shopping-cart-wrapper a.cart-control span.cart-number:after{ content:")"; } .shopping-cart-wrapper a.cart-control span.cart-title, .shopping-cart-wrapper a.cart-control .cart-total{ margin-right:4px;/* rtl */ } .shopping-cart-wrapper .form-content > label{ text-transform:none; padding:0 20px 5px 20px; } /* My account */ .dropdown-container .dropdown-footer{ border-width:1px 0 0 0; border-style:solid; padding:0 20px; } .dropdown-container .dropdown-footer > a.button{ width:100%; } .dropdown-container .dropdown-footer > a.button.view-cart{ margin-bottom:10px; } .dropdown-container .dropdown-footer > a.button.view-cart:before{ content: "\f07a";/* rtl */ font-family: "Font Awesome 5 Free"; margin-right:5px /* rtl */ } /* Cart dropdown */ .woocommerce .shopping-cart-wrapper ul li, .woocommerce-page .shopping-cart-wrapper ul li, .shopping-cart-wrapper ul li{ list-style:none; padding:0 0 20px 0; margin:0 0 20px 0; display:inline-block;width:100%; position:relative; border-width:0 0 1px 0; border-style:solid; } .woocommerce .shopping-cart-wrapper ul li:last-child, .woocommerce-page .shopping-cart-wrapper ul li:last-child, .shopping-cart-wrapper ul li:last-child{ border:0; padding-bottom:0; } .shopping-cart-wrapper .cart-item-wrapper span{ display:inline-block !important; width:auto !important; } .shopping-cart-wrapper .cart-item-wrapper span.quantity{ padding:0 !important; float:none !important; } .woocommerce .shopping-cart-wrapper ul, .woocommerce-page .shopping-cart-wrapper ul, .shopping-cart-wrapper ul{ padding:0;margin:0; } .cart-list li .cart-item-wrapper, .woocommerce .cart-list li .cart-item-wrapper, .woocommerce-page .cart-list li .cart-item-wrapper{ margin-left:95px;/* rtl */ padding-right:7px /* rtl */ } .cart-list li > a, .woocommerce .cart-list li > a, .woocommerce-page .cart-list li > a{ float:left; width:80px; } /* FIX HEADER CART */ .shopping-cart-wrapper .cart-list li .cart-item-wrapper, .woocommerce .shopping-cart-wrapper .cart-list li .cart-item-wrapper, .woocommerce-page .shopping-cart-wrapper .cart-list li .cart-item-wrapper{ margin-left:95px;/* rtl */ padding-right:7px /* rtl */ } .shopping-cart-wrapper .cart-list li > a, .woocommerce .shopping-cart-wrapper .cart-list li > a, .woocommerce-page .shopping-cart-wrapper .cart-list li > a{ float:left; width:80px; } /* END FIX */ .cart-list li:first-child > a, .woocommerce .cart-list li:first-child > a, .woocommerce-page .cart-list li:first-child > a{ top:0; } .cart-list li .cart-item-wrapper a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ position:absolute; right:-7px;/* rtl */ left:auto; top:4px; content:""; z-index:2; font-size:0; font-weight:400 !important; height:auto; width:auto; line-height:0; text-indent:0; padding:0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ right:0; /* rtl */ top:5px; margin: 0 !important; } .woocommerce a.remove:hover{ background:transparent !important; } .cart-list li .cart-item-wrapper a.remove:before, .woocommerce .widget_shopping_cart .cart_list li a.remove:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:before{ font-family: "Font Awesome 5 Free"; content: "\f057"; font-size:13px; font-weight:300 !important; line-height:14px; } .cart-list li .cart-item-wrapper a.remove:hover, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover{ text-decoration:none; } .amount.icon{ font-family: 'alegreya sc', 'Raleway', sans-serif; } .shopping-cart-wrapper .total{ padding:15px 0; overflow:hidden; } .shopping-cart-wrapper .total > span.total-title, .widget_shopping_cart .total-title{ text-transform:uppercase; } .shopping-cart-wrapper .total > span.amount, .widget_shopping_cart .total .amount{ float:right /* rtl */ } .thumbnails.loading:before, .thumbnail.loading:before{ display:block !important } .tab-content.loading:before{ bottom:24px; top:1px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 2. TITLE PAGE -----------------------------------------------------------------------------------------------------*/ .heading-title.page-title { margin-bottom:10px; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 3. RELATED BOX --------------------------------------------------------------------------------------------------------*/ .related{ margin-top:60px; } .related article a.thumbnail{ margin-bottom:10px; width:100%; } .related .asp-video.auto-size{ margin-bottom:18px; } .related .asp-soundcloud{ margin-bottom:10px; } .related-posts article, .asp-blogs article{ padding-left:1px; padding-right:1px; } .related-portfolio article{ padding-left:0; padding-right:0; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 4. COMMENT ------------------------------------------------------------------------------------------------------------*/ .commentlist{ margin-bottom:60px; } .commenasp-title .heading-title, #comment-wrapper .heading-title{ border-width:0 0 1px 0; border-style:solid; padding-bottom:16px; margin:0 0 20px 0; } .commenasp-area{ margin:50px 0 0 0; clear:both; } .commentlist > li{ padding:20px 0 0 0; margin-top:0; overflow:hidden; } .commentlist > li:first-child{ padding-top:0; } .commentlist .children{ padding:30px 0 0 100px;/* rtl */ margin:0; } .commentlist .children > li{ list-style:none; } .commentlist .comment-inner{ overflow:hidden; } .commenasp-area .comment-awaiting-moderation{ font-style:italic; margin-bottom:10px; display:inline-block; width:100%; font-size:12px; line-height:14px; } .commenasp-area .comment-text, .commenasp-area .comment-meta, .commenasp-area .datetime, .commenasp-area .reply, .commenasp-area .author-name, .commenasp-area .comment-awaiting-moderation{ position:relative; z-index:2; } .commenasp-area .reply a:hover{ text-decoration:none; } .commenasp-area .comment-author{ float:left; overflow:hidden; padding-left:20px;/* rtl */ display:inline-block; width:100%; margin-top:18px; } .commenasp-area .comment-author .avatar{ border-radius:100%; width:60px; height:60px; float:left; } .comment-author .author-name{ display:inline-block; float:left; text-transform:capitalize; margin-bottom:4px; } .commenasp-area .comment-author .author-info{ margin-left:80px; overflow:hidden; padding:10px 0 0 0; } .comment-author .author-name cite{ font-style:normal; font-weight:bold; } .commenasp-area .comment-detail{ position:relative; margin:0; display:inline-block; width:100%; z-index:2; padding:18px 20px 8px 20px; border-width:1px; border-style:solid; } .commenasp-area .comment-detail:before{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:#f5f5f5; } .commenasp-area .comment-detail:after{ content:""; position:absolute; top:auto; left:44px; bottom:-7px; right:auto; width: 14px; height: 14px; border-width:1px; border-style:solid; transform:rotate(45deg); z-index:0; background:#f5f5f5; } .commenasp-area .datetime{ clear:both; margin-right:30px;/* rtl */ } .commenasp-area .datetime, .commenasp-area .reply{ display:inline-block; float:left; font-size:12px; line-height:14px; } .commenasp-area .datetime i, .commenasp-area .reply i{ margin-right:10px /* rtl */ } .commenasp-area .comment-meta > a:hover, .comment-author .author-name a:hover{ text-decoration:none; } #comment-nav-below{ margin-bottom: 20px; } #comment-nav-below a{ text-decoration: none; } #comment-wrapper .comment-edit-link{ float:right; font-size:12px; line-height:14px; } li.comment #comment-wrapper{ margin-top:20px; } #comment-wrapper{ overflow:hidden; } #comment-wrapper .info-wrapper{ width:48%; float:left; margin-right:4%;/* rtl */ } #comment-wrapper .message-wrapper{ width:48%; float:left; } #comment-wrapper p.form-submit { clear:both; margin-top:10px; display:inline-block; width:100%; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*- 5. REVOLUTION SLIDER --------------------------------------------------------------------------------------------------*/ body .tp-bullets{ z-index:990; } body .theme-default .nivo-directionNav{ top:40%; } .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover, .theme-default .nivo-directionNav a:hover{ text-decoration:none; } .tp-leftarrow.tparrows, .tp-rightarrow.tparrows, .wpb_gallery .wpb_flexslider .flex-direction-nav a, .theme-default .nivo-directionNav a, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div{ background:none !important; width:44px !important; height:44px !important; line-height:44px !important; min-height:44px; min-width:44px; text-align:center !important; border-radius:0 !important; font-size:0; margin:0; text-shadow:none; transition:all 250ms ease 0s; text-indent:0 !important; border:0 !important; } .tp-leftarrow.tparrows:before, .tp-rightarrow.tparrows:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a:before, .theme-default .nivo-directionNav a:before, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div:before{ font-family: "Font Awesome 5 Free" !important; font-size:30px !important; font-weight:normal !important; position:relative; z-index:110; line-height:42px !important; margin:0 !important; transition:all 250ms ease 0s; width:auto !important; display:inline-block; } .tp-leftarrow.tparrows:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-prev:before, .theme-default .nivo-directionNav a.nivo-prevNav:before, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-prev:before{ content: "\f053" !important; } .tp-rightarrow.tparrows:before, .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-next:before, .theme-default .nivo-directionNav a.nivo-nextNav:before, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div.owl-next:before{ content: "\f054" !important; } .tp-leftarrow.tparrows:after, .tp-rightarrow.tparrows:after, .wpb_gallery .wpb_flexslider .flex-direction-nav a:after, .theme-default .nivo-directionNav a:after, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div:after{ position:absolute; content:""; left:0;right:0; bottom:0;top:0; opacity:0.2; width:auto; height:auto; line-height:0; transition:all 250ms ease 0s; width:auto; display:inline-block; } .tp-leftarrow.tparrows:hover:after, .tp-rightarrow.tparrows:hover:after, .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover:after, .theme-default .nivo-directionNav a:hover:after, .asp-product-category-slider-wrapper.asp-slider .owl-controls .owl-nav > div:hover:after{ opacity:1; } body .rev_slider_wrapper .tp-bullets .tp-bullet, body rs-module-wrap .tp-bullets .tp-bullet{ width:12px !important; height:12px !important; border-radius:100% !important; background:#fff !important; opacity:1 !important; border:0 !important; margin-right:5px !important; overflow:visible } /* Footer home 3 */ .vc_col-sm-3 .feedburner-subscription .newsletter, .vc_col-sm-4 .feedburner-subscription .newsletter{ margin-bottom:0; } footer .vc_col-sm-3 .feedburner-subscription input[type="text"], footer .vc_col-sm-4 .feedburner-subscription input[type="text"]{ border-width:1px; border-style:solid; } /* Newsletter Main Content */ .text-light .feedburner-subscription .widgettitle, footer#colophon .text-light .feedburner-subscription .widgettitle{ color:#fff; } #main .asp-feedburner-subscription-shortcode{ padding:36px 0 38px 0; text-align:center; } #main .feedburner-no-background .asp-feedburner-subscription-shortcode{ padding-top:0; } #main .asp-feedburner-subscription-shortcode.style-3, #colophon .asp-feedburner-subscription-shortcode.style-3{ padding:0; } #main .asp-feedburner-subscription-shortcode .widgettitle{ margin-bottom:15px; } body .newsletters-main-content .vc_column-inner { padding-top:0 !important; } body .newsletters-main-content{ background-position:top right !important; } #main .asp-feedburner-subscription-shortcode .feedburner-subscription{ padding:0; margin:0; background:none; } #main .asp-feedburner-subscription-shortcode input[type="text"]{ max-width:550px; padding:12px 20px; display:inline-block; width:100%; } #main .asp-feedburner-subscription-shortcode .button{ margin:0 0 0 5px; padding-left:5px !important; padding-right:5px !important; min-width:130px; } /* Style 2 for footer */ .asp-feedburner-subscription-shortcode.style-2{ text-align:center; margin:75px 0 70px 0; } .asp-feedburner-subscription-shortcode.style-2 .feedburner-subscription .subscribe-email{ padding:20px; display:inline-block; margin:20px 0; } .asp-feedburner-subscription-shortcode.style-2 .feedburner-subscription .button{ margin-top:0; } .asp-feedburner-subscription-shortcode.style-2 .feedburner-subscription .subscribe-email input[type="text"]{ max-width:100%; width:560px; } /* Style 3 */ .asp-feedburner-subscription-shortcode.style-3 .feedburner-subscription{ display:table; width:100%; } .asp-feedburner-subscription-shortcode.style-3 .widgettitle, .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ display:table-cell; vertical-align:middle; width:80%; } .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ width:20%; } #main .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:700px; } .asp-feedburner-subscription-shortcode.style-3 .newsletter { margin-bottom:25px; } .asp-feedburner-subscription-shortcode.style-3 .feedburner-subscription .subscribe-email{ margin-top:0; } /* Fix newsletter home supermarket 3 */ .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ width:38%; text-align:left;/* rtl */ } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ width:62%; } #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:550px } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 2. TAG CLOUD ------------------------------------------------------------------------------------------------------*/ .widget-container .tagcloud{ overflow:hidden; } .widget-container .tagcloud a{ margin:0 10px 10px 0;/* rtl */ display:inline-block; line-height:initial; float:left; font-weight:400; } .widget-container .tagcloud a:hover{ text-decoration:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 4. FILTER BY PRICE ------------------------------------------------------------------------------------------------*/ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content:before{ background-color:#888888; } .woocommerce .widget_price_filter .price_slider_wrapper , .woocommerce-page .widget_price_filter .price_slider_wrapper{ padding:25px 0 0 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range{ background-image:none; box-shadow:none; border-radius:0; height:4px; position:relative; z-index:1; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range{ top:-1px; background:transparent !important; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range:before, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range:before{ position:absolute; left:1px;right:1px; bottom:1px;top:1px; z-index:1; content:""; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content{ background:transparent; border-radius:1px; border-width:1px; border-style:solid; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{ width:2px;height:14px; border:0; margin-left:-1px; top:-6px; background-image:none; } .woocommerce .widget_price_filter .ui-slider{ margin-left:2px; margin-right:2px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child{ margin-left:-1px; } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_wrapper .price_slider_amount{ padding-top:10px; } .woocommerce .widget-container .price_slider_amount, .woocommerce-page .widget-container .price_slider_amount{ position:relative } .woocommerce .widget-container .price_slider_amount .price_label, .woocommerce-page .widget-container .price_slider_amount .price_label{ margin:15px 0; display:inline-block; width:100%; font-weight:bold; } .woocommerce .widget-container .price_slider_amount .price_label span, .woocommerce-page .widget-container .price_slider_amount .price_label span{ font-weight:400; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button{ width:100%; float:none; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount{ text-align:left; /* rtl */ float:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 5. FILTER BY COLOR ------------------------------------------------------------------------------------------------*/ .widget-container.product-filter-by-color ul{ margin-right:-8px; } .widget-container.product-filter-by-color ul:after{ display:table; content:""; clear:both; } .widget-container.product-filter-by-color ul li{ list-style:none; display:inline-block; float:left; padding:0; line-height:0; width:30px; height:30px; margin:0 8px 8px 0;/* rtl */ } .widget-container.product-filter-by-color ul li a{ font-size:0; width:30px; height:30px; margin:0;/* rtl */ line-height:30px; float:left; line-height:0; } .widget-container.product-filter-by-color ul li a span{ font-size:0; width:30px; height:30px; line-height:30px; display:inline-block; } .widget-container.product-filter-by-color ul li a{ position:relative; z-index:2; line-height:0 } .widget-container.product-filter-by-color ul li a:before{ content:""; position:absolute; left:-3px; right:-3px; bottom:-3px; top:-3px; border-width:1px; border-style:solid; z-index:1; opacity:0; transition:all 200ms ease 0s; } .widget-container.product-filter-by-color ul li:hover a:before, .widget-container.product-filter-by-color ul li.chosen a:before{ opacity:1; } .widget-container.product-filter-by-color ul li.chosen a:after{ position:absolute; top:-10px;right:-12px;/* rtl */ font-family: "Font Awesome 5 Free"; font-size:14px; line-height:14px; font-weight:400; content: "\f00d"; margin-right:5px;/* rtl */ z-index:3; border-radius:100%; color:red; } .widget-container.product-filter-by-color ul li:hover a:after, .widget-container.product-filter-by-color ul li.chosen a:after{ opacity:1; } .widget-container.product-filter-by-color ul li small.count{ display:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 6. FILTER ATTRIBUTE -----------------------------------------------------------------------------------------------*/ .woocommerce .widget_layered_nav ul, .woocommerce .widget_layered_nav ul{ margin:0 -8px 0 0; } .woocommerce .widget_layered_nav ul li.woocommerce-widget-layered-nav-list__item a, .woocommerce .widget_layered_nav ul li.woocommerce-widget-layered-nav-list__item span{ padding:0; position:relative; z-index:1; width:100%; display:block; padding:10px 6px 17px 0; text-align:center; } .woocommerce .widget_layered_nav ul li span.count{ display:none; } .woocommerce .widget_layered_nav ul li.woocommerce-widget-layered-nav-list__item:before{ left:0; right:6px; bottom:6px; top:0; position:absolute; content:""; z-index:0; opacity:0.4; display:inline-block; } .woocommerce .widget_layered_nav ul li, .woocommerce-page .widget_layered_nav ul li{ display:inline-block; position:relative; width:33.33333%; padding:0 6px 6px 0; margin:0; } .woocommerce .widget_layered_nav ul li:nth-child(3n+1), .woocommerce-page .widget_layered_nav ul li:nth-child(3n+1){ clear:both; } .woocommerce .widget_layered_nav ul li.chosen a:before, .woocommerce-page .widget_layered_nav ul li.chosen a:before{ font-family: "Font Awesome 5 Free"; font-size:14px; line-height:14px; content: "\f00d"; position:absolute; top:-7px; right:0px; margin:0; font-weight:300; color:red; z-index:2; } /* CHOSEN ITEM */ .woocommerce .widget_layered_nav_filters ul{ margin:0; padding:5px 0; } .woocommerce .widget_layered_nav_filters ul li{ display:inline-block; width:100%; padding:0; margin:0 0 10px 0; position:relative; } .woocommerce .widget_layered_nav_filters ul li:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-7px; top:auto; border-width:1px 0 0 0; border-style:solid; } .woocommerce .widget_layered_nav_filters ul li:last-child:before{ display:none; } .woocommerce .widget_layered_nav_filters ul li a:before{ font-family: "Font Awesome 5 Free"; font-size:14px; line-height:14px; content: "\f00d"; color:red; } .asp-recent-commenasp-widget .owl-controls .owl-nav > div.owl-next, .asp-recent-commenasp-widget .owl-controls .owl-nav > div.owl-prev, .asp-blogs-widget-wrapper .owl-controls .owl-nav > div.owl-next, .asp-blogs-widget-wrapper .owl-controls .owl-nav > div.owl-prev, .asp-producasp-widget-wrapper .owl-next, .asp-producasp-widget-wrapper .owl-prev, .asp-product-deals-widget-wrapper .owl-nav > div.owl-next, .asp-product-deals-widget-wrapper .owl-nav > div.owl-prev{ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 8. WIDGET TEXT ----------------------------------------------------------------------------------------------------*/ .textwidget > ul{margin-top:0;} .widget-container.widget_text:after{ display:table; clear:both; content:""; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 9. WIDGET CALENDAR ------------------------------------------------------------------------------------------------*/ .widget-container.widget_calendar #calendar_wrap{ margin-top:20px; } #calendar_wrap caption{ padding:10px 0; text-align:center; text-transform:uppercase; } #calendar_wrap th, #calendar_wrap td{ padding:2px 5px; text-align:center; font-weight:normal; } #calendar_wrap td#prev{ text-align:left /* rtl */ } #calendar_wrap td#next{ text-align:right /* rtl */ } #calendar_wrap #today{ font-weight:bold; text-decoration:underline; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 10. WIDGET SEARCH -------------------------------------------------------------------------------------------------*/ .widget-container.widget_product_search .widget-title-wrapper, .widget-container.widget_search .widget-title-wrapper{ margin-bottom:20px; } section.widget_product_search > form{ padding-top:0; padding-bottom:0; } .widget-container.widget_product_search, .widget-container.widget_search{ padding:0; border:0; } section.widget_product_search > form, section.widget_search > form{ display:inline-block; width:100%; position:relative; } section.widget_product_search > form input[type="search"], section.widget_search > form input[type="text"]{ padding-right:33px; /* rtl */ max-width:100%; } section.widget_product_search > form input[type="submit"], section.widget_search > form input[type="submit"]{ position:absolute; right:8px; /* rtl */ top:7px; content:""; font-size:0; background:url(images/image.png) 3px -26px no-repeat !important; opacity:0.8; z-index:2; border:0 !important; padding:0 !important; width:30px; height:30px; transition:all 300ms ease 0s; } section.widget_product_search > form input[type="submit"]:hover, section.widget_search > form input[type="submit"]:hover{ background-position:3px -51px !important; opacity:1; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 11. WIDGET VIDEO --------------------------------------------------------------------------------------------------*/ .asp-video .cover { overflow:hidden; } .asp-video iframe { max-width: 100%; } .asp-video .description { padding:5px 0 0 0; } .asp-video .hide iframe { display: none; } .asp-video .hide .description { display: none; } .asp-video ul li a { padding-left: 20px;/* rtl */ display: inline-block; position: relative; margin:0; } .asp-video ul li{ margin:5px 0 0 0; padding:0; } .widget-container.asp-video ul{ border:0; padding:0; margin-top:20px; } .asp-video ul li a:hover{ text-decoration:underline; } .asp-video ul li a:before { content: "\f144"; position: absolute; left: 0;/* rtl */ top: 2px; font:15px FontAwesome; display: inline-block; } .asp-video ul li a:hover{ text-decoration:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 12. WIDGET BLOG ---------------------------------------------------------------------------------------------------*/ /* Type blog */ .post_list_widget .asp-video.auto-size{ padding-bottom: 57.25% !important; margin-bottom: 15px } .post_list_widget .asp-soundcloud{ margin-bottom: 15px; } .post_list_widget .blockquote-bg{ padding:10px 10px 10px 20px; margin:0; } .post_list_widget .blockquote-meta{ padding:10px 10px; position:relative; overflow:hidden } .post_list_widget .blockquote-meta:before{ left:10px; right:10px; top:0; height:1px; border-width:1px 0 0 0; border-style:solid; content:""; z-index:1; border-color:initial; opacity:0.2; position:absolute; } .post_list_widget .blockquote-bg:before{ left:5px; /* rtl */ background-position:-34px -44px; width:50px; height:35px; } .blockquote-meta .author{ display:inline-block; } .blockquote-meta .author a:hover{ text-decoration:underline; } /* End Type Blog */ .asp-blogs-widget-wrapper{ position:relative; } .post_list_widget{ margin:0; } .widget-container .post_list_widget > li{ position:relative; padding:0 0 0 70px; /* rtl */ margin:15px 0 15px; min-height:60px; display:inline-block; width:100%; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .widget-container .post_list_widget > li:after{ display:table; content:""; clear:both; } .asp-blogs-widget .post_list_widget > li a.thumbnail, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery .owl-item{ overflow:hidden; position:relative; } .asp-blogs-widget .post_list_widget > li a.thumbnail:before, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery .owl-item:before{ position:absolute; z-index:4; left:0; right:100%; bottom:0; top:0; content:""; background:rgba(0,0,0,0.4); transition:all 400ms ease 0s; } .asp-blogs-widget .post_list_widget > li a.thumbnail:after, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery .owl-item:after{ position: absolute; top:50%; left:-50%; z-index: 5; width:40px; height:40px; content:"+"; font-weight:normal; font-family:"Times New Roman"; text-align: center; color: #fff; line-height: 40px; font-size: 32px; transform: translate(-50%,-50%); transition:all 350ms ease 0s; } .asp-blogs-widget .post_list_widget > li a.thumbnail:hover:before, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery .owl-item:hover:before{ right:0; } .asp-blogs-widget .post_list_widget > li a.thumbnail:hover:after, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery .owl-item:hover:after{ left:50%; } /* Fixed for gallery */ .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery:before, .asp-blogs-widget .post_list_widget > li a.thumbnail.gallery:after{ display:none; } footer .asp-blogs-widget .post_list_widget > li:first-child{ margin-top:0; } /* Has image */ .widget-container .has-image .post_list_widget > li{ padding:0; /* rtl */ } /* End Has Image */ .widget-container .post_list_widget > li:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-15px; top:auto; border-width:1px 0 0 0; border-style:solid; } .widget-container .post_list_widget > li:last-child:before{ display:none } .widget-container .post_list_widget > li a{ backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .widget-container .has-image .post_list_widget > li a{ font-weight:bold; } .widget-container a.thumbnail{ max-width:100%; } .asp-blogs-widget-wrapper.no-image .post-date{ position:absolute; left:0;/* rtl */ top:0; content:""; border-width:2px; border-style:solid; width:50px; padding:6px 0; text-align:center; text-transform:uppercase; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; text-align:center; } .asp-blogs-widget-wrapper.no-image .post-date .day{ font-size:24px; line-height:24px; padding-bottom:3px; text-align:center; display:inline-block; border-width:0 0 1px 0; border-style:solid; border-color:inherit; } .asp-blogs-widget-wrapper.no-image .post-date .month{ font-size:12px; line-height:14px; } .asp-blogs-widget-wrapper .has-image .excerpt{ margin-top:10px; } .asp-blogs-widget-wrapper .excerpt{ margin-top:5px; } .asp-blogs-widget-wrapper .post-meta{ width:100%; display:inline-block; margin-top:10px; } .widget-container .post-meta > span{ font-size:12px; line-height:14px; float:left; margin-bottom:5px; } .widget-container .post-meta span.author, .widget-container .post-meta span.date-time{ margin-right:12px ;/* rtl */ } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 13. WIDGET RECENT COMMENTS ----------------------------------------------------------------------------------------*/ .comment_list_widget .comment-body{ font-weight:normal; border:0; margin:0; padding:0; position:relative; background:transparent; font-style:normal; min-height:0; } .comment_list_widget .comment-body:before, .comment_list_widget .comment-body:after{ display:none } .comment_list_widget .avatar > a{ display:inline-block; width:40px; height:40px; position:relative; } .comment_list_widget .avatar{ display:inline-block; float:left; } .comment_list_widget .comment-meta .meta{ font-size:12px; line-height:14px; margin-left:55px;/* rtl */ } .comment_list_widget .comment-meta .author a{ font-weight:bold; } .comment_list_widget .comment-meta span.date{ width:100%; display:inline-block; margin-top:3px; } .comment_list_widget .date i{ margin-right:5px;/* rtl */ font-size:99%; } .widget-container .comment_list_widget > li{ margin:20px 0 21px 0; padding:0; clear:both; display:inline-block; width:100%; position:relative; } .widget-container .comment_list_widget > li:last-child{ margin-bottom:0; } .widget-container .comment_list_widget > li:before{ content:""; position:absolute; display:inline-block; left:0;right:0; height:1px; bottom:-20px; top:auto; border-width:1px 0 0 0; border-style:solid; } .widget-container .comment_list_widget > li:last-child:before{ display:none } .asp-recent-commenasp-widget .comment-meta{ display:inline-block; width:100%; margin-bottom:10px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 14. WIDGET FACEBOOK -----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 15. WIDGET HOT DEAL -----------------------------------------------------------------------------------------------*/ .woocommerce .asp-product-deals-widget .asp-product-deals-widget-wrapper .products .product, .woocommerce-page .asp-product-deals-widget .asp-product-deals-slider-wrapper .products .product{ padding:20px 0 10px 0; margin:0; } .asp-product-deals-widget .asp-product-deals-widget-wrapper:after{ display:table; content:""; clear:both; } .asp-product-deals-widget ul li .product-title{ margin-bottom:7px; display:inline-block; } .asp-product-deals-widget .loop-add-to-cart, .woocommerce-page .asp-product-deals-widget .loop-add-to-cart, .woocommerce-page #content .asp-product-deals-widget .loop-add-to-cart, .woocommerce .asp-product-deals-widget .loop-add-to-cart, .woocommerce #content .asp-product-deals-widget .loop-add-to-cart{ padding-top:5px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 16. WIDGET FORUM STATISTICS ---------------------------------------------------------------------------------------*/ section.widget_display_stats > dl{ overflow:hidden; } section.widget_display_stats > dl dt, section.widget_display_stats > dl dd{ width:50%; float:left; margin:0; padding:3px 0; } section.widget_display_stats > dl dd{ text-align:right /* rtl */ } section.widget_display_stats > dl dt{ clear:both; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 17. WIDGET COMPARE ------------------------------------------------------------------------------------------------*/ body .yith-woocompare-widget ul.producasp-list a.remove{ width: 14px; height: 14px; line-height: 12px; text-align: center; float: none; padding: 0 !important; margin: 0; border-width: 1px; border-style: solid; font-family: 'alegreya sc', "Arial", sans-serif !important; font-size:8px; font-weight:700; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 18. WIDGET FLICKR -------------------------------------------------------------------------------------------------*/ .asp-flickr-wrapper{ overflow:hidden; margin-bottom:20px; } .asp-flickr-wrapper > .item{ display:inline-block; float:left; /* rtl */ transition:all 200ms ease 0s; position:relative; overflow:hidden; } .asp-flickr-wrapper > .item a:before{ position:absolute; z-index:4; left:0; right:100%; bottom:0; top:0; content:""; background:rgba(0,0,0,0.4); transition:all 400ms ease 0s; } .asp-flickr-wrapper > .item a:after{ position: absolute; top:50%; left:-50%; z-index: 5; width:40px; height:40px; content:"+"; font-weight:normal; font-family:"Times New Roman"; text-align: center; color: #fff; line-height: 40px; font-size: 32px; transform: translate(-50%,-50%); transition:all 350ms ease 0s; } .asp-flickr-wrapper > .item a:hover:before{ right:0; } .asp-flickr-wrapper > .item a:hover:after{ left:50%; } /* Fix Footer */ footer .asp-flickr-wrapper > .item a:before, footer .asp-flickr-wrapper > .item a:after{ display:none; } footer section.asp-flickr-widget .asp-flickr-wrapper{ padding:0 1px; margin:0; } footer .asp-flickr-wrapper > .item:hover{ filter: grayscale(1); } footer .asp-footer-block .fix-flickr-home-3 .asp-flickr-widget{ padding-left:80px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 24. WIDGET TAB BLOG -----------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /*- 25. WIDGET FILTER AVAILABILITY ------------------------------------------------------------------------------------*/ .product-filter-by-availability-wrapper ul{ margin-top:24px; } .product-filter-by-availability-wrapper ul li{ position:relative; padding:0 0 6px 0; } .product-filter-by-availability-wrapper ul li label{ text-indent: 22px; width: 100%; display: inline-block; } .product-filter-by-availability-wrapper ul li input{ position:absolute; content:""; left:0;/* rtl */top:4px; /* rtl */ } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 26. WIDGET INSTAGRAM ----------------------------------------------------------------------------------------------*/ .asp-instagram-wrapper{ overflow:hidden; margin-bottom:20px; } .asp-instagram-wrapper > .item{ display:inline-block; float:left; /* rtl */ transition:all 200ms ease 0s; position:relative; overflow:hidden; } .asp-instagram-wrapper > .item a:before{ position:absolute; z-index:4; left:0; right:100%; bottom:0; top:0; content:""; background:rgba(0,0,0,0.4); transition:all 400ms ease 0s; } .asp-instagram-wrapper > .item a:after{ position: absolute; top:50%; left:-50%; z-index: 5; width:40px; height:40px; content:"+"; font-weight:normal; font-family:"Times New Roman"; text-align: center; color: #fff; line-height: 40px; font-size: 32px; transform: translate(-50%,-50%); transition:all 350ms ease 0s; } .asp-instagram-wrapper > .item a:hover:before{ right:0; } .asp-instagram-wrapper > .item a:hover:after{ left:50%; } /* Fix Footer */ footer .asp-instagram-wrapper > .item a:before, footer .asp-instagram-wrapper > .item a:after{ display:none; } footer section.asp-instagram-wrapper .asp-flickr-wrapper{ padding:0 1px; margin:0; } footer .asp-instagram-wrapper > .item:hover{ filter: grayscale(1); } .meta-wrapper .meta-left{ float:left; /* rtl */ max-width:60% } .meta-wrapper .meta-right{ float:right; /* rtl */ max-width:40%; text-align:right /* rtl */ } .woocommerce a.button.loading:before, .woocommerce button.button.loading:before, .woocommerce input.button.loading:before, .woocommerce #respond input#submit.loading:before, .woocommerce #content input.button.loading:before, .woocommerce-page a.button.loading:before, .woocommerce-page button.button.loading:before, .woocommerce-page input.button.loading:before, .woocommerce-page #respond input#submit.loading:before, .woocommerce-page #content input.button.loading:before{ position:static; background:none; } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce #respond input#submit.loading:after, .woocommerce #content input.button.loading:after, .woocommerce-page a.button.loading:after, .woocommerce-page button.button.loading:after, .woocommerce-page input.button.loading:after, .woocommerce-page #respond input#submit.loading:after, .woocommerce-page #content input.button.loading:after, .woocommerce .wishlist_table .product-add-to-cart a.loading:after{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65); } .woocommerce .thumbnail-wrapper a.button.loading:after{ background-color:transparent !important; } .asp-button-product{ min-width:210px; text-align:center; } .prod-cat-show-top-content-button{ float:right; /* rtl */ margin:0 0 8px 30px; /* rtl */ padding:0 0 0 30px; /* rtl */ border-width:0 0 0 1px; border-style:solid; display:inline-block; } .prod-cat-show-top-content-button a:after{ margin-left:8px; /* rtl */ font-family: "Font Awesome 5 Free"; content: "\f039"; font-size:14px; line-height:14px; width:15px; text-align:center; display:inline-block; } .prod-cat-show-top-content-button a:hover{ text-decoration:none; } .prod-cat-show-top-content-button a.active:after{ content: "\f00d"; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ margin:-4px 0 8px 0; /* rtl */ float:right; /* rtl */ width:auto; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{ width:190px; padding:7px 20px 7px 5px;/* rtl */ border:0; } .woocommerce .woocommerce-ordering .orderby, .woocommerce-page .woocommerce-ordering .orderby{ width:215px; padding:0; border:0; margin:0 0 0 0; } .woocommerce .woocommerce-ordering .orderby li a.current, .woocommerce-page .woocommerce-ordering .orderby li a.current{ cursor:default; } .woocommerce .woocommerce-ordering .orderby > li, .woocommerce-page .woocommerce-ordering .orderby > li{ padding:0; position:relative; cursor:pointer; } .woocommerce .woocommerce-ordering .orderby > li .orderby-current, .woocommerce-page .woocommerce-ordering .orderby > li .orderby-current{ padding:4px 15px 4px 0; /* rtl */ display:inline-block; width:100%; transition:all 200ms ease 0s; } .woocommerce .woocommerce-ordering .orderby > li:after, .woocommerce-page .woocommerce-ordering .orderby > li:after{ position:absolute; content:""; top:9px;right:0px; /* rtl */ font-family: "Font Awesome 5 Free"; content: "\f150"; font-size:14px; line-height:14px; transition:all 300ms ease 0s; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } .woocommerce .woocommerce-ordering .orderby:hover > li:after, .woocommerce-page .woocommerce-ordering .orderby:hover > li:after{ transform:rotate(180deg); } .woocommerce .woocommerce-ordering .orderby li, .woocommerce-page .woocommerce-ordering .orderby li{ list-style:none; position:relative; z-index:4; } .woocommerce .woocommerce-ordering .orderby ul, .woocommerce-page .woocommerce-ordering .orderby ul{ margin:0; padding:9px 0 0 0; visibility:hidden; opacity:0; position:absolute; top:100%; left:0; right:0; z-index:5; transition:all 200ms ease 0s; } .woocommerce .woocommerce-ordering .orderby ul:before, .woocommerce-page .woocommerce-ordering .orderby ul:before{ position:absolute; content:""; top:8px; left:0; right:0; bottom:0; z-index:-1; border-width:2px 1px 1px 1px; border-style:solid; } .woocommerce .woocommerce-ordering .orderby:hover ul, .woocommerce-page .woocommerce-ordering .orderby:hover ul{ visibility:visible; opacity:1; } .woocommerce .before-loop-wrapper .woocommerce-result-count, .woocommerce-page .before-loop-wrapper .woocommerce-result-count{ padding:0; margin:0 0 8px 0; } .woocommerce .woocommerce-ordering .orderby ul li a:hover, .woocommerce-page .woocommerce-ordering .orderby ul li a:hover{ text-decoration:none; } .woocommerce .woocommerce-ordering .orderby ul li, .woocommerce-page .woocommerce-ordering .orderby ul li{ padding:0 15px; } .woocommerce .woocommerce-ordering .orderby ul li a, .woocommerce-page .woocommerce-ordering .orderby ul li a{ padding:6px 0;/* rtl */ width:100%; display:inline-block; position:relative; border-width:1px 0 0 0; border-style:solid; } /* PAGINATION */ .woocommerce #content .after-loop-wrapper, .woocommerce .after-loop-wrapper, .woocommerce-page #content .after-loop-wrapper, .woocommerce-page .after-loop-wrapper{ width:100%; margin:20px 0 40px 0; display:inline-block; text-align:center; position:relative; } .woocommerce #content .after-loop-wrapper:after, .woocommerce .after-loop-wrapper:after, .woocommerce-page #content .after-loop-wrapper:after, .woocommerce-page .after-loop-wrapper:after{ content:""; display:table; clear:both; } .asp-pagination{ text-align:center; } .asp-pagination ul{ display:inline-block; overflow:hidden; } .asp-pagination ul li{ display:inline-block; list-style:none; float:left; } .asp-pagination ul li a:hover{ text-decoration:none; } .dokan-pagination-container{ margin:40px 0 100px 0; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .asp-pagination ul, .dokan-pagination-container .dokan-pagination{ border:0; margin:0; padding:0; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .dokan-pagination-container .dokan-pagination li{ border:0; } .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .bbp-pagination-links a, .bbp-pagination-links span.current, .bbp-pagination-links a:hover, .bbp-pagination-links span.current:hover, .asp-pagination ul li a, .asp-pagination ul li span.current, .dokan-pagination-container .dokan-pagination li a{ padding:3px 2px; background:transparent; min-height:30px; min-width:30px; line-height:20px; font-size:12px; border-width:2px; border-style:solid; font-weight:bold; margin:0 5px; text-align:center; display:inline-block; } .woocommerce #content nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce-page #content nav.woocommerce-pagination ul li a.next, .woocommerce-page nav.woocommerce-pagination ul li a.next, .woocommerce #content nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce-page #content nav.woocommerce-pagination ul li a.prev, .woocommerce-page nav.woocommerce-pagination ul li a.prev, .asp-pagination ul li a.prev, .asp-pagination ul li a.next{ background-image:none; font-size:0; line-height:0; min-height:30px; text-transform:uppercase; margin:0 5px; color:transparent; } .woocommerce #content nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce-page #content nav.woocommerce-pagination ul li a.next:before, .woocommerce-page nav.woocommerce-pagination ul li a.next:before, .woocommerce #content nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page #content nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page nav.woocommerce-pagination ul li a.prev:before, .asp-pagination ul li a.prev:before, .asp-pagination ul li a.next:before{ font-family: "Font Awesome 5 Free"; font-size:18px; line-height:20px; } .woocommerce #content nav.woocommerce-pagination ul li a.prev:before, .woocommerce nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page #content nav.woocommerce-pagination ul li a.prev:before, .woocommerce-page nav.woocommerce-pagination ul li a.prev:before, .asp-pagination ul li a.prev:before{ content: "\f053"; } .woocommerce #content nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce-page #content nav.woocommerce-pagination ul li a.next:before, .woocommerce-page nav.woocommerce-pagination ul li a.next:before, .asp-pagination ul li a.next:before{ content: "\f054"; } .bbp-pagination-links a:hover{ text-decoration:none; } .dokan-pagination-container .dokan-pagination li.active a{ cursor:default; } /* .woocommerce .products.list .product{ width:100%; } */ /* .woocommerce .products.list > .product:not(.product-category){ width:100% !important; } */ .woocommerce .products.list .product .meta-wrapper{ text-align:left;/* rtl */ } .woocommerce .products.list .star-rating, .woocommerce-page .products.list .star-rating{ margin-left:0; margin-right:0; } /* @media only screen and (min-width: 400px){ .product { width: 100%!important; } } */ section.product > div.images { position:relative; } section.product > div.images .product-label{ position:absolute; top:0; left:0;/* rtl */ right:auto; bottom:auto; z-index:99; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 1. PRODUCT IMAGE --------------------------------------------------------------------------------------------------*/ .woocommerce-product-gallery__image > a{ webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .woocommerce-product-gallery__image > img.zoomImg{ webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } /* .woocommerce div.product div.images > .woocommerce-product-gallery__image:nth-child(n+2){ width:100%; } .woocommerce #content div.product div.images-thumbnails img, .woocommerce div.product div.images-thumbnails img, .woocommerce-page #content div.product div.images-thumbnails img, .woocommerce-page div.product div.images-thumbnails img{ box-shadow:none; border:0; } .woocommerce #content div.product div.images-thumbnails .images, .woocommerce div.product div.images-thumbnails .images, .woocommerce-page #content div.product div.images-thumbnails .images, .woocommerce-page div.product div.images-thumbnails .images{ width:100%; margin:0; float:none; padding:0; position:relative; } @media (min-width: 600px) { .woocommerce #content div.product div.images-thumbnails, .woocommerce div.product div.images-thumbnails, .woocommerce-page #content div.product div.images-thumbnails, .woocommerce-page div.product div.images-thumbnails{ width:49%; position:relative; float:left; margin:0 0 50px 0; overflow:hidden; } .woocommerce #content div.product div.images-thumbnails .featured-image, .woocommerce div.product div.images-thumbnails .featured-image, .woocommerce-page #content div.product div.images-thumbnails .featured-image{ position:relative; } .woocommerce #content div.product.vertical-thumbnail div.images-thumbnails div.images, .woocommerce div.product.vertical-thumbnail div.images-thumbnails div.images, .woocommerce-page #content div.product.vertical-thumbnail div.images-thumbnails div.images, .woocommerce-page div.product.vertical-thumbnail div.images-thumbnails div.images{ margin-left:100px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width:49%; padding-left:30px; float:left; } } */ .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /* Product popup video */ .asp-product-video-button{ background:#e5e5e5; border-radius:100%; line-height:40px; text-align:center; padding:0; width:40px; position:absolute; left:20px; /* rtl */ bottom:20px; z-index:999; cursor:pointer; text-decoration:none; color:#3f3f3f; } .asp-product-video-button:hover{ text-decoration:none; } .asp-product-video-button:before{ font-family: "Font Awesome 5 Free"; content: "\f04b"; font-size:16px; margin-left:2px; } .asp-product-video iframe{ max-width:calc(100% - 13px); margin-left:7px; } .asp-product-video.loaded{ padding:0 !important; } .asp-product-video .pp_content_container{ padding:30px 20px !important; } .asp-product-video .pp_details, .asp-product-video.loaded .pp_content{ background:transparent !important; } .asp-product-video #pp_full_res{ line-height:0 !important; width:100% !important; } .asp-product-video .ppt, .asp-product-video .pp_top, .asp-product-video .pp_bottom, div.asp-product-video.pp_pic_holder.loaded:before{ display:none !important; } .asp-product-video .pp_content{ min-height:60px; min-width:60px; } /* Rating */ .woocommerce-product-rating a.woocommerce-review-link{ position:relative; } .woocommerce-product-rating a.woocommerce-review-link:before{ font-family: "Font Awesome 5 Free"; margin-right:10px ;/* rtl */ content: "\f044"; } .pp_woocommerce .woocommerce-product-rating, .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating, .woocommerce div.product .woocommerce-product-rating{ line-height:0; margin:0 0 15px 0; display:inline-block; float:left; padding:2px 0; } .pp_woocommerce .woocommerce-product-rating .star-rating, .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating{ width:66px; height:12px; font-size:12px; line-height:12px; margin:0 15px 0 0;/* rtl */ float: left; overflow: hidden; position: relative; font-family: star !important; top:0; } .pp_woocommerce .woocommerce-product-rating .star-rating span, .woocommerce .star-rating span, .woocommerce-page .star-rating span { overflow: hidden; float: left; top: 0; left: 0;/* rtl */ position: absolute; padding-top: 1.5em; } .pp_woocommerce .woocommerce-product-rating .star-rating span:before, .woocommerce .woocommerce-product-rating .star-rating span:before, .woocommerce-page .woocommerce-product-rating .star-rating span:before, .pp_woocommerce .woocommerce-product-rating .star-rating:before, .woocommerce .woocommerce-product-rating .star-rating:before, .woocommerce-page .woocommerce-product-rating .star-rating:before{ } .woocommerce-product-rating .woocommerce-review-link{ display:inline-block; float:left; position:relative; top:-7px; } .woocommerce-product-rating .woocommerce-review-link:hover{ text-decoration:none; } .pp_woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty{ border-width:1px 0 1px 0;border-style:solid; box-shadow:none; text-shadow:none; border-radius:0; text-align:center; font-weight:700; } /* Price */ div.product p.price .woocommerce-Price-amount, .woocommerce-page div.product p.price .woocommerce-Price-amount{ padding-bottom:5px; } .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { color: #3f3f3f; position: relative; font-size: 31px; text-align: justify; width: 236px; } .product-info::after { content: "\e4fc"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 26px; color: red; } .tooltip-single-navigation { --microtip-font-size: 13px; --microtip-font-weight: bold; --microtip-text-transform: uppercase; padding: 4px; } [aria-label][role~="tooltip"]::after { padding: 1em 3em 1em 2em; white-space: nowrap; box-sizing: content-box; } /* Review , wishlist , compare */ ul.wishlist_table table tr{ background: transparent !important; } ul.wishlist_table .additional-info-wrapper table{ border-bottom-width: 0; } .wishlist_table .product-name a:hover{ text-decoration:none; } .woocommerce table.wishlist_table thead th{ padding:13px 20px; } .woocommerce table.wishlist_table thead th.product-name{ padding:13px 10px; } body .wishlist-title h2{ padding:5px 0; } #yith-wcwl-popup-message{ border-radius:0; font-weight: 700; line-height: 50px; text-align: center; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.3); position: fixed; top: 50%; left: 50%; padding: 7px 40px; z-index: 10000; } section.product .yith-wcwl-wishlistexistsbrowse.show, section.product .yith-wcwl-wishlistaddedbrowse.show{ position:absolute; top:0;left:0;right:0;bottom:0; content:""; } .yith-wcwl-add-to-wishlist { position:relative; opacity: 1 !important; } .yith-wcwl-add-to-wishlist > .blockUI{ display: none !important; } .yith-wcwl-add-to-wishlist .feedback{display:none !important;} .yith-wcwl-add-to-wishlist .loading:after{ position:absolute; left:0;right:0;bottom:0;top:0; content:""; z-index:10; background-image:url(images/ajax-loader.gif); background-position:center; background-repeat:no-repeat; } /* Variable style 2 */ .asp-product-attribute{ line-height:0; } .asp-product-attribute > div{ display:inline-block; margin:4px; position: relative; z-index: 1; padding: 11px 10px; text-align: center; } .asp-product-attribute > div:before { left: 0; right: 0; bottom: 0; top: 0; position: absolute; content: ""; z-index: 0; opacity: 0.4; display: inline-block; } .asp-product-attribute > div a{ font-weight:normal; position:relative; z-index:1; } .asp-product-attribute > div a:hover{ text-decoration:none; } .asp-product-attribute > div.color{ width:30px; height:30px; font-size:0; line-height:0; padding:0; } .asp-product-attribute > div.color:before{ display:none; } .asp-product-attribute > div.color a{ width:100%; height:100%; display:inline-block; } .asp-product-attribute > div.color a:before{ position:absolute; left:-2px; right:-2px; bottom:-2px; top:-2px; z-index:0; content:""; border-width:1px; border-style:solid; opacity:0; transition: all 200ms ease 0s; } .asp-product-attribute > div.color.selected a:before, .asp-product-attribute > div.color:hover a:before{ opacity:1; } /* Meta */ .summary .meta-wrapper{ margin:0; padding-top:20px; clear:both; display:inline-block; width:100%; border-width:1px 0 0 0; border-style:solid; } .summary .meta-wrapper > div{ margin:0 0 5px 0 } /* SHARING */ body div.product .social-sharing{ padding:15px 0 0 0; border-width:1px 0 0 0; border-style:solid; margin:23px 0 0 0; overflow:hidden } .asp-social-sharing{ overflow:hidden; } /* SHOP ATTRIBUTE */ .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ margin-top:0; font-weight:normal; } .woocommerce table.shop_attributes tr, .woocommerce-page table.shop_attributes tr{ background:transparent; font-weight:normal; } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td, .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th, .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th{ line-height:inherit; background:transparent; font-style:normal; font-weight:normal; padding:20px; text-transform:none; border-width:1px 1px 0 1px; border-style:solid; } /* In summary */ .woocommerce .entry-summary .shop_attributes td, .woocommerce-page .entry-summary table.shop_attributes td, .woocommerce .entry-summary table.shop_attributes th, .woocommerce-page .entry-summary table.shop_attributes th, .woocommerce .entry-summary table.shop_attributes .alt td, .woocommerce .entry-summary table.shop_attributes .alt th{ padding:5px 10px; } /* End in summary */ .woocommerce table.shop_attributes tr:last-child td, .woocommerce-page table.shop_attributes tr:last-child td, .woocommerce table.shop_attributes tr:last-child th, .woocommerce-page table.shop_attributes tr:last-child th{ border-width:1px; border-style:solid; } /* Upsell Related */ .upsells .products .product, .related .products .product, .woocommerce .upsells .products .product, .woocommerce .related .products .product{ padding:0 0 10px 0 } .woocommerce .upsells .products .product, .woocommerce .related .products .product, .woocommerce .cross-sells .products .product, #tab-more_seller_product .products .product{ width:22%; clear:none; padding: 0 10px; } .woocommerce .upsells .products .product:nth-child(4n+1), .woocommerce .related .products .product:nth-child(4n+1), .woocommerce .cross-sells .products .product:nth-child(4n+1), #tab-more_seller_product .products .product:nth-child(4n+1){ clear:both; } .woocommerce .upsells .products .owl-item .product, .woocommerce .related .products .owl-item .product, .woocommerce .cross-sells .products .owl-item .product{ width: 100%; padding: 0; } .woocommerce .upsells .products.owl-carousel, .woocommerce .related .products.owl-carousel, .woocommerce .cross-sells .products.owl-carousel{ margin-left:0; margin-right:0; } .upsells, .related { clear:both; position:relative; margin-bottom:30px !important; margin-left:0 !important; margin-right:0 !important; } .theme-title > h3{ text-align:center; margin:0; padding:0; text-transform:uppercase; } .theme-title, .cross-sells > h2, .upsells > h2, .related > h2{ padding:13px 30px 21px 30px; margin:0 0 35px 0; border-width:0 0 2px 0; border-style:solid; position:relative; text-align:center; } .theme-title:after, .cross-sells > h2:after, .upsells > h2:after, .related > h2:after{ font-size:26px; line-height:10px; height:10px; margin-left:-8px; left:50%; position: absolute; content: "\f0d8"; font-family: "Font Awesome 5 Free"; bottom: -1px; transition: all 200ms ease 0s; } .upsells .owl-controls .owl-nav > div, .related .owl-controls .owl-nav > div, .asp-slider .owl-controls .owl-nav > div, .related-posts .owl-controls .owl-nav > div{ top:-88px; } /* TAB WOOCOMMERCE */ .woocommerce-tabs .wc-tab:after{ display:table; clear:both; content:""; } /* Accordion */ .woocommerce-tabs .vc_tta-container { margin-bottom:0; } .woocommerce-tabs .vc_general.vc_tta-accordion{ background:transparent !important; } .woocommerce-tabs .vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panel-body{ padding:5px 0 10px 0; border:0; } /* TAB COMMENT */ .woocommerce-tabs #comments > h2{ display:none; } span.required{ color:red; } .woocommerce #reviews h3{ margin-bottom:24px; } .woocommerce-tabs #comments{ float:left; width:60%; padding-right:20px;/* rtl */ } .woocommerce-tabs #review_form_wrapper{ float:left; width:40%; padding:0 0 0 30px; /* rtl */ border-width:0 0 0 1px; /* rtl */ border-style:solid; } /* In summary content */ .entry-summary .woocommerce-tabs #comments{ width:100% !important; } .entry-summary .woocommerce-tabs #review_form_wrapper{ width:100% !important; padding-top:30px !important; padding:0; border-width:1px 0 0 0; } /* End In Summary content */ /* Has sidebar */ .asp-col-18 .woocommerce-tabs #comments{ width:55%; } .asp-col-18 .woocommerce-tabs #review_form_wrapper{ width:45%; } .asp-col-12 .woocommerce-tabs #comments{ width:100%; padding-right:0;/* rtl */ margin-bottom:40px; } .asp-col-12 .woocommerce-tabs #review_form_wrapper{ width:100%; border:0;/* rtl */ padding:0 /* rtl */ } /* End sidebar */ .comment-respond .form-submit{ margin-top:20px !important; } .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p{ margin:10px; } .woocommerce #review_form #respond p.stars, .woocommerce-page #review_form #respond p.stars{ display:inline-block; line-height:16px; } .woocommerce #review_form #respond p.form-submit, .woocommerce-page #review_form #respond p.form-submit{ margin:0 0 20px 0; } .woocommerce p.stars a{ font-weight:normal; } .woocommerce #review_form #respond p.comment-form-rating, .woocommerce-page #review_form #respond p.comment-form-rating { margin:20px 0; } .comment-form-comment label{ display:block; } .comment-respond textarea, #commentform textarea{ margin:0; width:100%; max-width:500px; min-height:150px; height:210px; } .comment-respond input[type="text"], .comment-respond select, #commentform input[type="text"]{ max-width:500px; } .woocommerce #reviews #comments ol.commentlist li , .woocommerce-page #reviews #comments ol.commentlist li{ list-style:none; margin:0 0 30px 0; border-width:0 0 1px 0; border-style:solid; padding-bottom:30px; } .woocommerce #reviews #comments ol.commentlist li:last-child , .woocommerce-page #reviews #comments ol.commentlist li:last-child{ border:0; margin-bottom:0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin-top:-3px; margin-bottom:5px; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text{ border-radius:0; margin-left:80px; /* rtl */ padding:0; border:0; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar{ width:60px; position:static; float:left; border:0; padding:0; } .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2{ margin:0 0 30px 0; padding:0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time{ font-size:90%; } /* PRODUCT DETAIL BANNER BOTTOM */ .ads-banner{ clear:both; margin:30px 0; display:inline-block; width:100%; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 4. COMPARE --------------------------------------------------------------------------------------------------------*/ #cboxLoadingGraphic{background:url(images/ajax-loader1.gif) no-repeat center center;} #cboxLoadingOverlay{ top:50%; left:50%; width:100px; height:100px; transform:translate(-50%,-50%); background-image:none !important } .woocommerce-page #content .wd_compare_wrapper .added:before, .woocommerce #content .wd_compare_wrapper .added:before, .woocommerce .wd_compare_wrapper .added:before{ content: "\f065"; } #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight{ background:transparent; width:0;height:0; padding:0;margin:0; } #colorbox, #cboxOverlay, #cboxWrapper{ overflow:visible; z-index:100000 } #cboxClose{ bottom:auto; top:50px; right:10px;/* rtl */ position:absolute !important; background-image:none; width:30px;height:30px; text-indent:-99999px; background:#fff; background-image:none !important; transition:all 150ms ease 0s; } #cboxClose:hover{ background-position:none!important; } #cboxClose:before{ content: "\00d7"; display: block; position: absolute; font-family:Lato !important; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 26px; text-shadow:none !important; text-indent:0 !important; font-size:26px; font-weight:300; transition:all 150ms ease 0s; } .wd_compare_wrapper > a{ display:inline-block; width:100%; height:100%; position:relative; } body .pp_woocommerce div.product .summary .wd_compare_wrapper, .woocommerce .body-wrapper div.product .summary .wd_compare_wrapper, .woocommerce-page .body-wrapper div.product .summary .wd_compare_wrapper{ margin-left:-1px;/* rtl */float:left; position:relative;z-index:0;top:auto;right:auto;bottom:auto;left:auto;display:inline-block; } .body-wrapper div.product .summary .product-meta-wrapper .wd_compare_wrapper a:hover, .woocommerce .body-wrapper div.product .summary .product-meta-wrapper .wd_compare_wrapper a:hover, .woocommerce-page .body-wrapper div.product .summary .product-meta-wrapper .wd_compare_wrapper a:hover{ z-index:2; } /* COMPARE DETAIL */ #cboxContent{ background:transparent } #cboxLoadedContent{ overflow:visible !important; padding:50px 40px 0 40px; } #cboxLoadedContent:before{ position:absolute; left:0; right:0; top:0; z-index:0; content:""; height:200px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* Standard syntax (must be last) */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#000000')"; } #cboxLoadedContent iframe { position:relative; z-index:1; } body #yith-woocompare.woocommerce{ padding: 0; } .dataTables_wrapper{ padding:0; } .dataTables_scrollHead, .DTFC_LeftHeadWrapper{ display:none; } body.woocommerce > h1{ padding:14px 20px; border:0; display:block; margin:0 0 -1px 0; position:relative; z-index:14; text-align:inherit; } body #yith-woocompare table.compare-list{ margin:0 !important; padding:0 !important; font-weight:normal; width:100% !important; } body #yith-woocompare .dataTables_wrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner{ overflow:auto !important; } body #yith-woocompare table.compare-list tr:nth-child(2n+1){ background:rgba(102,102,102,0.05); } body #yith-woocompare table.compare-list tr.remove, body #yith-woocompare table.compare-list thead tr:first-child{ background:transparent !important; } body #yith-woocompare table.compare-list thead tr:first-child > th, body #yith-woocompare table.compare-list thead tr:first-child > td{ height:0; padding:0; line-height:0; } body #yith-woocompare table.compare-list td.odd, body #yith-woocompare table.compare-list td.even{ background:transparent; } body #yith-woocompare table.compare-list th{ background:transparent; } body #yith-woocompare table.compare-list td img{ width:200px; padding:0; border:0; max-width:100%; } body #yith-woocompare table.compare-list td img{ margin-bottom:0; } body #yith-woocompare table.compare-list th{ border-width:1px 0 0 0; border-style:solid; } body #yith-woocompare table.compare-list td{ border-width:1px 0 0 1px; border-style:solid; text-align:left; /* rtl */ font-weight:normal; } body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.remove td{ text-align:center; } body #yith-woocompare table.compare-list tr:first-child th, body #yith-woocompare table.compare-list tr:first-child td{ border-top-width:0; } body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.image td{ border-top-width:0; } body #yith-woocompare table.compare-list tr.price th, body #yith-woocompare table.compare-list tr.price td{ font-weight:bold; } body #yith-woocompare table.compare-list tr.remove th, body #yith-woocompare table.compare-list tr.remove td, body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.title th, body #yith-woocompare table.compare-list tr.title td, body #yith-woocompare table.compare-list tr.price th, body #yith-woocompare table.compare-list tr.price td{ padding:16px 30px; } body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.title td, body #yith-woocompare table.compare-list tr.price td{ text-transform:none; } body #yith-woocompare table.compare-list tr.price td{ text-decoration:none; } table.compare-list tr.image th, table.compare-list tr.title th, table.compare-list tr.price th, table.compare-list tr.add-to-cart th{ text-indent:0; } body #yith-woocompare table.compare-list tbody th, body #yith-woocompare table.compare-list tbody td{ padding:20px 30px; } body #yith-woocompare table.compare-list tr.remove td, body #yith-woocompare table.compare-list tr.remove th{ padding-top:30px; padding-bottom:0; } body #yith-woocompare table.compare-list tr.image th, body #yith-woocompare table.compare-list tr.image td{ padding-top:20px; } body #yith-woocompare table.compare-list .remove td a .remove{ position:relative; width:auto; height:auto; line-height:0; font-size:0; background:transparent !important } body #yith-woocompare table.compare-list tr.remove td > a{ font-size:0; line-height:0; background:transparent !important } body #yith-woocompare table.compare-list tr.remove td > a .remove:before{ font-family: "Font Awesome 5 Free"; content: "\f057"; font-size: 18px; font-weight: 300 !important; line-height: 18px; transition:all 150ms ease-in-out 0s; } /* AMOUNT */ body #yith-woocompare table.compare-list tr.price th, .compare-list tr.price td ins{ text-decoration:none; } body #yith-woocompare table.compare-list tr.price th, body #yith-woocompare table.compare-list tr.price td del{ margin-right:8px; } body #yith-woocompare table.compare-list del{ opacity:0.5 } body #yith-woocompare table.compare-list tr.description td, body #yith-woocompare table.compare-list tr.description th{ text-align:left; } /* Add to cart */ body #yith-woocompare table.compare-list .add-to-cart td a{ margin:0; text-transform:uppercase; font-weight:bold; padding:10px 24px 10px 24px; box-shadow:none; text-shadow:none; border-radius:0; filter:none; cursor:pointer; text-align:center; background-image:none; border-width:2px; border-style:solid; text-align:center; transition:all 200ms ease 0s; } body #yith-woocompare table.compare-list .add-to-cart td a:before{ font-family: "Font Awesome 5 Free"; content: "\f07a"; margin-right: 8px;/* rtl */ text-indent: 0; } /* Availability */ body #yith-woocompare table.compare-list tr.stock span{ background:#f23434; color:#fff; padding:2px 12px; position:relative; font-size: 12px; line-height: 14px; font-weight:400; } body #yith-woocompare table.compare-list tr.stock span:before{ font-family: "Font Awesome 5 Free"; content: "\f05d"; margin-right:5px; /* rtl */ } body #yith-woocompare table.compare-list tr.stock span.out-of-stock{ background:#d4d4d4; color:#fff; } body #yith-woocompare table.compare-list tr.stock span.out-of-stock:before{ content: "\f017"; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- VIII. CHECK OUT ---------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /* MY ACCOUNT */ p.lost_password label{ font-size:100%; } p.lost_password a, .my-account-wrapper .forgot-pass a{ font-size:85%; font-style:italic; } p.lost_password a:hover, .my-account-wrapper .forgot-pass a:hover{ text-decoration:none; } p.myaccount_user{ margin-bottom:30px; } .woocommerce .checkout .col2-set, .woocommerce-page .checkout .col2-set{ width:100%; float:left; /* rtl */ padding-right:20px /* rtl */ } #order_review_heading, .woocommerce .checkout #order_review, .woocommerce-page .checkout #order_review{ width:33.898%; float:left;/* rtl */ background:rgba(232,232,232,0.35); } .asp-col-18 .woocommerce .checkout .col2-set, .woocommerce-page .asp-col-18 .checkout .col2-set{ width:100%; } .asp-col-18 #order_review_heading, .asp-col-18 .woocommerce .checkout #order_review, .woocommerce-page .asp-col-18 .checkout #order_review{ width:40%; } .asp-col-12 .woocommerce .checkout .col2-set, .woocommerce-page .asp-col-12 .checkout .col2-set{ width:100%; padding-right:0 /* rtl */ } .asp-col-12 #order_review_heading, .asp-col-12 .woocommerce .checkout #order_review, .woocommerce-page .asp-col-12 .checkout #order_review{ width:100%; } .asp-col-12 #order_review_heading{ margin-top:20px; } /* BILLING */ .woocommerce .checkout .col2-set .col-1, .woocommerce-page .checkout .col2-set .col-1{ padding:0; margin-bottom:10px; overflow:hidden; } .woocommerce .checkout .col2-set .col-1, .woocommerce-page .checkout .col2-set .col-1, .woocommerce .checkout .col2-set .col-2, .woocommerce-page .checkout .col2-set .col-2{ width:100%; margin-left:0; margin-right:0; float:left; } .woocommerce .checkout .col2-set .col-2, .woocommerce-page .checkout .col2-set .col-2{ margin-top:10px; } .woocommerce-billing-fields > h3{ padding:0 0 20px 0; margin:0 0 30px 0; border-width:0 0 2px 0; border-style:solid; display:inline-block; width:100%; } .ship-to-different-address { position:relative } .ship-to-different-address input{ position:absolute; top:0; left:0;/* rtl */ content:""; } /* SHIPPING */ #ship-to-different-address{ margin-bottom:30px; } #ship-to-different-address, form.checkout p.create-account > label{ position:relative; display:inline-block;width:100%;text-indent:22px;/* rtl */ } #ship-to-different-address-checkbox{ position:absolute; content:""; left:0;/* rtl */ top:5px; z-index:1; cursor:pointer; } /* CREATE ACCOUNT */ form.checkout p.create-account { display:inline-block; width:100%; margin-top:10px; margin:0; } form.checkout div.create-account { display:inline-block; width:100%; margin-top:20px; } /* ORDER REVIEW */ .woocommerce .order_details li, .woocommerce-page .order_details li{ list-style:none; } /* .woocommerce #order_review table.shop_table tbody td, .woocommerce-page #order_review table.shop_table tbody td, .woocommerce #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot th{ padding:14px 20px; } .woocommerce #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot th{ text-transform:none; font-weight:normal; } */ .woocommerce .checkout #order_review table tfoot tr.cart-subtotal th, .woocommerce-page .checkout #order_review table tfoot tr.cart-subtotal th, .woocommerce .checkout #order_review table tfoot tr.cart-subtotal td, .woocommerce-page .checkout #order_review table tfoot tr.cart-subtotal td{ border-top:2px; border-style:solid; } /* .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th, .woocommerce table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce #content table.shop_table tfoot td, .woocommerce table.shop_table tfoot td, .woocommerce-page #content table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td{ padding:5px 20px; } .woocommerce table.shop_table.order_details td a:hover, .woocommerce-page table.shop_table.order_details td a:hover{ text-decoration:none; } .woocommerce table.shop_table.order_details td, .woocommerce-page table.shop_table.order_details td{ padding:10px 20px; } .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders{ margin-bottom:0; } .woocommerce table.shop_table.order_details, .woocommerce-page table.shop_table.order_details{ margin-bottom:30px; } .woocommerce table.my_account_orders th, .woocommerce-page table.my_account_orders th, .woocommerce table.shop_table.order_details th, .woocommerce-page table.shop_table.order_details th{ padding:13px 20px; } */ .woocommerce table.my_account_orders td, .woocommerce-page table.my_account_orders td{ padding:5px 20px; } .woocommerce table.my_account_orders td, .woocommerce-page table.my_account_orders td{ border-width:0 0 1px 1px; border-style:solid; } .woocommerce table.my_account_orders td:first-child, .woocommerce-page table.my_account_orders td:first-child{ border-width:0 0 1px 0; } .woocommerce table.my_account_orders tr:last-child td, .woocommerce-page table.my_account_orders tr:last-child td{ border-bottom-width:0; } .woocommerce table.my_account_orders td a:hover, .woocommerce-page table.my_account_orders td a:hover{ text-decoration:none; } .woocommerce .addresses .address, .woocommerce-page .addresses .address{ margin:30px 0; } .woocommerce table.my_account_orders tr td:last-child, .woocommerce-page table.my_account_orders tr td:last-child{ min-width:100px; text-align:center; } .woocommerce table.my_account_orders tr td:last-child .button, .woocommerce-page table.my_account_orders tr td:last-child .button{ margin:0; padding:7px 15px; } /* .woocommerce table.shop_table.customer_details{ margin-bottom:40px; } .woocommerce table.shop_table.customer_details th{ background:transparent; } .woocommerce table.shop_table.customer_details tbody tr th, .woocommerce table.shop_table.customer_details tbody tr td{ border-bottom:0; border-top:0; } */ .woocommerce .checkout #order_review table thead th, .woocommerce-page .checkout #order_review table thead th{ background:transparent; } .woocommerce .checkout #order_review table th, .woocommerce-page .checkout #order_review table th, .woocommerce-page .checkout #order_review table td, .woocommerce .checkout #order_review table td{ text-align:left } #order_review table{ border:0; margin:0 !important; background:transparent; } #order_review table tr{ background:transparent; } #order_review_heading{ margin:0; padding:14px 20px; } .woocommerce .checkout #order_review table .product-name, .woocommerce-page .checkout #order_review table .product-name{ width:50%; vertical-align:top; } .woocommerce .checkout #order_review table .product-total, .woocommerce-page .checkout #order_review table .product-total{ width:50%; vertical-align:top; } #order_review_heading, .woocommerce .checkout #order_review table th, .woocommerce-page .checkout #order_review table th, .woocommerce .checkout #order_review table td, .woocommerce-page .checkout #order_review table td{ border-width: 0 0 1px 0; border-style: solid; } .woocommerce .checkout #order_review table tbody tr:last-child th, .woocommerce-page .checkout #order_review table tbody tr:last-child th, .woocommerce .checkout #order_review table tbody tr:last-child td, .woocommerce-page .checkout #order_review table tbody tr:last-child td, .woocommerce .checkout #order_review table tfoot tr:last-child th, .woocommerce-page .checkout #order_review table tfoot tr:last-child th, .woocommerce .checkout #order_review table tfoot tr:last-child td, .woocommerce-page .checkout #order_review table tfoot tr:last-child td{ border:0; } /* PAYMENT */ #payment .clear{ z-index: 1; } .woocommerce #payment, .woocommerce-page #payment{ background:none; border-width:2px 0 0 0; border-style:solid; padding:20px; border-radius:0; position:relative; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{ width:100%; background:transparent; margin-top:5px; border:0; padding:16px 20px; border-radius:0; box-shadow:none; } .woocommerce-checkout #payment div.payment_box:before { content: ""; display: block; border: 1em solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em; } /* Loading */ #yith-wcwl-form .blockOverlay{ background-color:rgba(255,255,255,0.5) !important } div.blockUI.blockOverlay{ position:relative; -webkit-animation:none !important; -moz-animation: none !important; animation: none !important; opacity:1 !important; background:rgba(255,255,255,0.5) !important; } body .pp_pic_holder.pp_woocommerce{ margin-top:30px; } body div.pp_pic_holder.loaded:before{ position:absolute; left:-40px; right:-40px; top:-20px; z-index:0; content:""; height:30%; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to top, rgba(255,255,255,0) 15%, rgba(51,51,51,1)); /* Standard syntax (must be last) */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#000000')"; } body div.pp_pic_holder .pp_loaderIcon{ background:url(images/ajax-loader1.gif) center no-repeat !important; width:50px; height:50px; } .compare-list div.blockUI.blockOverlay:before{ background:url(images/ajax-loader.gif) center no-repeat !important; } div.blockUI.blockOverlay:before{ background:url(images/ajax-loader1.gif) center no-repeat !important; position:absolute !important; display:inline-block !important; content:"" !important; z-index:2; -webkit-animation:none !important; -moz-animation: none !important; animation: none !important; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before{ width:50px; height:50px; margin-left:-25px; margin-top:-25px; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after{ -webkit-animation:none ; -moz-animation: none; animation: none; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods{ border:0; padding:0 0 20px 0; } .payment_methods li{ list-style:none; position:relative; padding:0; } .payment_box > fieldset{ border:0; } .woocommerce #payment ul.payment_methods li label, .woocommerce-page #payment ul.payment_methods li label{ width:100%; display:inline-block; } .woocommerce #payment ul.payment_methods > li > label, .woocommerce-page #payment ul.payment_methods > li > label{ text-indent:20px; } .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row{ padding:0 0 0 0; margin:0 0 25px 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ display:inline-block; width:100%; float:none; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal{ font-size:12px; line-height:16px; } .woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{ position:absolute; left:0; /* rtl */ top:8px; } .woocommerce-checkout #payment ul.payment_methods li input[type="radio"]#payment_method_paypal{ top:18px; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- IX. SHOPPING CART -------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-cart article > .woocommerce:after{ display:table; clear:both; content:""; } .woocommerce-cart article > .woocommerce > form{ width:100%; margin-bottom:30px; } .woocommerce-cart article > .woocommerce > .cart-collaterals{ width:100%; margin-bottom:50px; } .woocommerce-cart .asp-col-24 article > .woocommerce > form{ width:66%; float:left; } .woocommerce-cart .asp-col-24 article > .woocommerce > .cart-collaterals{ width:34%; float:left; padding-left:20px /* rtl */ } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:100%; background:rgba(232,232,232,0.35); padding:0; border-width:0 0 1px 0; border-style:solid; border-color:#fff; } .cart-collaterals .cart_totals table{ border:0; background:transparent; } .woocommerce-cart .cart-collaterals .cart_totals table th{ width:25%; font-weight:normal; } .cart-collaterals .cart_totals table, .cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals table td{ font-weight:normal; } .cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals table tr{ background:transparent; } .cart-collaterals .cart_totals > h2{ padding:13px 20px; margin:0; text-transform:uppercase; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{ padding:13px 0 13px 20px;/* rtl */ vertical-align:top; text-transform:none; text-align:left;/* rtl */ } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals > h2{ border-color:#fff; border-width: 0 0 1px 0; border-style:solid; } .woocommerce-cart .cart-collaterals .cart_totals table td{ padding:13px 20px; } table.shop_table.cart tr{ background:transparent; }/* .woocommerce #content table.shop_table td, .woocommerce table.shop_table td, .woocommerce-page #content table.shop_table td, .woocommerce-page table.shop_table td{ text-align:center; } .woocommerce #content table.shop_table .product-thumbnail, .woocommerce table.shop_table .product-thumbnail, .woocommerce-page #content table.shop_table .product-thumbnail, .woocommerce-page table.shop_table .product-thumbnail{ width:120px; max-width:120px; } .woocommerce #content table.shop_table .product-quantity, .woocommerce table.shop_table .product-quantity, .woocommerce-page #content table.shop_table .product-quantity, .woocommerce-page table.shop_table .product-quantity{ width:164px; } .woocommerce #content table.shop_table .product-remove, .woocommerce table.shop_table .product-remove, .woocommerce-page #content table.shop_table .product-remove, .woocommerce-page table.shop_table .product-remove{ width:40px; } .woocommerce #content table.shop_table th, .woocommerce table.shop_table th, .woocommerce-page #content table.shop_table th, .woocommerce-page table.shop_table th{ padding:13px 20px; vertical-align:middle; text-align:center; } .woocommerce-page table.shop_table.customer_details th{ border-width:0 0 1px 0; } .woocommerce #content table.shop_table td, .woocommerce table.shop_table td, .woocommerce-page #content table.shop_table td, .woocommerce-page table.shop_table td{ padding:20px; vertical-align:middle; } .woocommerce #content table.shop_table .product-remove a, .woocommerce table.shop_table .product-remove a, .woocommerce-page #content table.shop_table .product-remove a, .woocommerce-page table.shop_table .product-remove a{ width:18px; height:18px; font-size:14px; line-height:14px; text-align:center; float:none; padding:0 !important; margin:0; display:inline-block; border-width:2px; border-style:solid; font-weight:800 !important; font-family: 'alegreya sc', "Arial", sans-serif } .woocommerce #content table.shop_table td.product-thumbnail, .woocommerce table.shop_table td.product-thumbnail, .woocommerce-page #content table.shop_table td.product-thumbnail, .woocommerce-page table.shop_table td.product-thumbnail{ border-width:0 0 1px 0; padding:20px 0 20px 30px; } .woocommerce #content table.shop_table td.product-name, .woocommerce table.shop_table td.product-name, .woocommerce-page #content table.shop_table td.product-name, .woocommerce-page table.shop_table td.product-name{ border-width:0 0 1px 0; text-align:left; } .woocommerce #content table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-name a:hover, .woocommerce-page #content table.shop_table td.product-name a:hover, .woocommerce-page table.shop_table td.product-name a:hover{ text-decoration:none; } .woocommerce #content table.shop_table td.product-name a, .woocommerce table.shop_table td.product-name a, .woocommerce-page #content table.shop_table td.product-name a, .woocommerce-page table.shop_table td.product-name a{ font-weight:normal; } .woocommerce #content table.shop_table td.actions, .woocommerce table.shop_table td.actions, .woocommerce-page #content table.shop_table td.actions, .woocommerce-page table.shop_table td.actions{ border:0; padding:30px; } .woocommerce table.cart .button, .woocommerce table.cart input.button, .woocommerce-page table.cart .button, .woocommerce-page table.cart input.button{ float:right; margin-left:10px; } */ /* Coupon */ .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text{ width:200px; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .coupon .button{ float:left; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{ float:left; } /* QUANTITY */ .pp_woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty{ border-width:1px; border-style:solid; height:41px; padding:8px 0; line-height:18px; width:100%; display:block; margin:0; } .minus { border-width: 1px; border-style: solid; height: 41px; width: 44px; /* padding: 8px 0; */ /* line-height: 28px; */ /* width: 100%; */ display: block; /* margin: 0; */ } .plus { border-width: 1px; border-style: solid; height: 41px; width: 44px; /* padding: 8px 0; */ /* line-height: 28px; */ /* width: 100%; */ display: block; /* margin: 0; */ } .pp_woocommerce .quantity, .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity, .woocommerce div.product form.cart div.quantity{ position:relative; float:left; padding: 4px; } .woocommerce ul#shipping_method, .woocommerce-page ul#shipping_method { margin: 0; } .woocommerce ul#shipping_method li, .woocommerce-page ul#shipping_method li { margin: 0; padding: 2px 0 2px 0; text-indent: 0; list-style: none; position:relative; overflow:hidden; text-align:left; } .woocommerce ul#shipping_method li input, .woocommerce-page ul#shipping_method li input{ position:absolute; left:2px/* rtl */; top:1px; /* rtl */ content:""; margin-left:0; margin-right:0; } .woocommerce ul#shipping_method li label, .woocommerce-page ul#shipping_method li label{ text-indent:22px; float:left; line-height:100%; line-height:16px; position:relative; top:-1px; } .woocommerce ul#shipping_method li .amount, .woocommerce-page ul#shipping_method li .amount{ line-height:100%; display:inline-block; text-indent:0; } #add_payment_method .cart-collaterals .shipping-calculator-button:after, .woocommerce-cart .cart-collaterals .shipping-calculator-button:after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button:after{ display: none; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button{ margin-top: 0; margin-bottom: 0; } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination{ clear: both; margin-bottom: 10px; } #add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form, .woocommerce-checkout .cart-collaterals .shipping-calculator-form{ margin: 10px 0 0 0; } .order-total .amount{ font-size:20px; line-height:24px; } /* Calculator shipping */ .shipping-calculator-form .form-row{ margin-bottom:10px !important; } .shipping-calculator-button:hover{ text-decoration:none; } .shipping-calculator-button{ font-weight:bold; } .shipping-calculator-button:before{ font-family: "Font Awesome 5 Free"; margin-right:10px; content: "\f0d1"; } .woocommerce-shipping-calculator .button{ margin-top:10px !important; } /* Button checkout cart page */ .woocommerce-cart .wc-proceed-to-checkout{ padding:18px 20px 30px 20px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: 8px; } .wc-proceed-to-checkout a.checkout-button{ background-color:#ea4848 !important; color:#fff !important; border-color:#ea4848 !important; } .wc-proceed-to-checkout a.checkout-button:hover{ background:transparent !important; color:#ea4848 !important; border-color:#ea4848 !important; } .wc-proceed-to-checkout .button-secondary{ width:100%; } /* CROSS SELL */ .woocommerce .cross-sells, .woocommerce-page .cross-sells{ max-width:100%; width:100%; padding:0; margin-top:70px; display:block; clear:both; } .cross-sells .products .owl-item .product{ width:100%; padding:0; } .woocommerce .cross-sells:after, .woocommerce-page .cross-sells:after{ display:table; content:""; clear:both; } /* WISHLIST */ .button-in.wishlist i, .yith-wcwl-add-to-wishlist i{ display: none !important; } .hidden-title-form{ overflow: hidden; clear: both; display: none; position: relative; } .yes-js #yith-wcwl-form .hidden-title-form{ margin: 0 0 30px 0; width: 100%; } .hidden-title-form a{ cursor: pointer; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; font-size: inherit; } .hidden-title-form input[type="text"] { margin: 0; padding-right: 80px; max-width: 100%; } .hidden-title-form .edit-title-buttons{ position: absolute; right: 5px; top: calc(50% - 15px); } .wishlist-title-with-form h2{ width: calc(100% - 170px); float: left; margin-bottom: 10px; } .wishlist-title-with-form .show-title-form{ min-width: 170px; } .yith-wcwl-share{ margin-top: 20px; } .yith-wcwl-share ul{ list-style: none; } .yith-wcwl-share ul li{ display: inline-block; padding: 0; margin: 0 5px; } .yith-wcwl-share h4.yith-wcwl-share-title{ float: left; margin: 0; margin-right: 10px; } .woocommerce .wishlist_table .product-add-to-cart a{ display:inline-block !important; position: relative; } .woocommerce .wishlist_table .product-add-to-cart a:hover{ text-decoration: none; } .woocommerce table.wishlist_table thead th{ border-top:0; } .wishlist_table tr td.product-stock-status span.wishlist-in-stock, .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock{ background:#f23434; color:#fff; padding:2px 12px; position:relative; font-size: 12px; line-height: 14px; text-transform:uppercase; font-weight:400; } .wishlist_table tr td.product-stock-status span.wishlist-in-stock:before, .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock:before{ font-family: "Font Awesome 5 Free"; content: "\f05d"; margin-right:5px; } .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock{ background:#d4d4d4; color:#fff; } .wishlist_table tr td.product-stock-status span.wishlist-out-of-stock:before{ content: "\f017"; } .wishlist_table tfoot td{ border:0; } .yith-wcwl-share{ margin-bottom:45px; } .yith-wcwl-share ul{ display:inline-block; float:left; } body .yith-wcwl-share li, body .entry-content .yith-wcwl-share li{ margin-right:0; } /* .woocommerce table.shop_table.wishlist_table tfoot tr th, .woocommerce-page table.shop_table.wishlist_table tfoot tr th, .woocommerce table.shop_table.wishlist_table tfoot tr td, .woocommerce-page table.shop_table.wishlist_table tfoot tr td{ padding-top:10px !important; padding-bottom:10px !important; } .woocommerce #content table.shop_table.wishlist_table th, .woocommerce table.shop_table.wishlist_table th, .woocommerce-page #content table.shop_table.wishlist_table th, .woocommerce-page table.shop_table.wishlist_table th{ text-align:center; } .woocommerce #content table.shop_table.wishlist_table th.product-name, .woocommerce table.shop_table.wishlist_table th.product-name, .woocommerce-page #content table.shop_table.wishlist_table th.product-name, .woocommerce-page table.shop_table.wishlist_table th.product-name{ text-align:left; } */ td.product-add-to-cart, td.product-add-to-cart a{ margin:0 !important; float:none !important; } /* .woocommerce #content table.shop_table.wishlist_table th.product-thumbnail, .woocommerce table.shop_table.wishlist_table th.product-thumbnail, .woocommerce-page #content table.shop_table.wishlist_table th.product-thumbnail, .woocommerce-page table.shop_table.wishlist_table th.product-thumbnail, .woocommerce #content table.shop_table.wishlist_table th.product-name, .woocommerce table.shop_table.wishlist_table th.product-name, .woocommerce-page #content table.shop_table.wishlist_table th.product-name, .woocommerce-page table.shop_table.wishlist_table th.product-name{ width:auto; border-left:0; } .woocommerce #content table.shop_table.wishlist_table .product-remove, .woocommerce table.shop_table.wishlist_table .product-remove, .woocommerce-page #content table.shop_table.wishlist_table .product-remove, .woocommerce-page table.shop_table.wishlist_table .product-remove{ border-right-width:1px; border-style:solid; text-align:center; } .woocommerce #content table.shop_table.wishlist_table .product-remove div, .woocommerce table.shop_table.wishlist_table .product-remove div, .woocommerce-page #content table.shop_table.wishlist_table .product-remove div, .woocommerce-page table.shop_table.wishlist_table .product-remove div{ display:inline-block; } */ /*---------------------------------------------------------------------------------------------------------------------*/ /*- X. QUICKSHOP ------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ div.pp_woocommerce .pp_content_container:after, div.pp_woocommerce .pp_content_container:before{ content:" "; display: table; } div.pp_woocommerce .pp_content_container:after{ clear: both; } body div.pp_woocommerce.pp_pic_holder.loaded .pp_content{ height:auto !important } body div.pp_overlay{ background:rgba(0,0,0,0.4) } div.pp_woocommerce .images > .thumbnails{ position:relative; margin-top:20px; } .pp_woocommerce div.product div.images-slider-wrapper, .woocommerce .pp_woocommerce div.product div.images-slider-wrapper, .woocommerce-page .pp_woocommerce div.product div.images-slider-wrapper{ width:48%; float:left; position:relative; } .pp_woocommerce div.product div.summary, .woocommerce-page .pp_woocommerce div.product div.summary { width: 52%; padding-left: 30px;/* rtl */ float: left; } .pp_woocommerce section.product > .view-details, .woocommerce-page .pp_woocommerce section.product > .view-details{ width:60%;float:left; } .pp_woocommerce .view-details{ margin:10px 0 0 0;position:relative; text-transform:uppercase;text-align:right /* rtl */ } .pp_woocommerce .view-details:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-size:110%; margin:0 0 0 10px;/* rtl */ } /*---------------------------------------------------------------------------------------------------------------------*/ /*- XI. MINI SHORTCODE ------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ /* Title paralax */ .title-big{ font-size:55px; line-height:58px; margin-bottom:25px; padding:0; } .sub-title{ font-size:26px; line-height:28px; } .asp-parallax-bg{ background-attachment: fixed; background-size:cover; } .asp-big-number{font-size:30px;line-height:30px;} .asp-menu-text ul{margin:0 0 20px 0;} .widget-container .asp-menu-text ul li{ list-style:none;line-height:18px;margin:0 0 10px 0;padding:0 } .asp-menu-text h3,.asp-menu-text h4,.asp-menu-text h5{ margin-bottom:12px; } .asp-menu-text h3.no-child,.asp-menu-text h4.no-child,.asp-menu-text h5.no-child{ margin-bottom:20px; } /* Extend shortcode button */ .section-extend-button .wpb_text_column { overflow:hidden; padding-right:220px; /* rtl */ } .section-extend-button .wpb_wrapper{ position:relative; } .section-extend-button .asp-button{ position:absolute; top:-5px; left:auto; right:15px /* rtl */ } /* Service page */ .fix-size-heading h2{ text-transform:none; margin-bottom:30px; } /* Title */ .heading-shortcode{ padding:13px 30px 21px 30px; text-align:center; border-width:0 0 2px 0; border-style:solid; position:relative; } .heading-shortcode:after{ position:absolute; content: "\f0d8"; font-family: "Font Awesome 5 Free"; font-size:18px; left:50%; bottom:0; font-size:26px; line-height:8px; height:10px; margin-left:-8px; transition:all 200ms ease 0s; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- XII. WOOCOMMERCE MESSAGE -----------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a, .woocommerce-page .woocommerce-error a, .woocommerce-page .woocommerce-info a, .woocommerce-page .woocommerce-message a{ text-decoration:underline; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button, .woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-error a.button, .woocommerce-page .woocommerce-info a.button, .woocommerce-page .woocommerce-message a.button{ text-decoration:none; } .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message{ font-weight:bold; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ clear:both; float:right; padding:5px 10px; margin:0 5px 5px 0;/* rtl */ border-width:1px; border-style:solid; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before{ top:0;background:none; line-height:18px; border-radius:0; font-style:normal; position:absolute; left:15px;/* rtl */ font-size:14px; background:none; font-family: "Font Awesome 5 Free"; height:20px; width:20px; text-shadow:none; padding:10px 0; box-shadow:none; } .woocommerce-message, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .vc_message_box{ border-width:1px; border-style:solid; padding:7px 20px 7px 40px !important;/* rtl */ margin-bottom:20px; border-radius:0; box-shadow:none; text-shadow:none; max-width:1180px; width:100%; margin-left:auto; margin-right:auto; position:relative; min-height:40px; overflow:hidden; } .vc_message_box-icon{ left:-5px /* rtl */ } .woocommerce-message:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before{ content: "\f00c"; } .woocommerce-info:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before{ content: "\f129"; } .woocommerce-error:before, .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before{ content: "\f00d"; } .woocommerce-message a.button, .woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce .woocommerce-error a.button, .woocommerce-page .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce .woocommerce-info a.button, .woocommerce-page .woocommerce-info a.button{ background:#ffffff; color:#73CAA8; border:1px solid #fff; margin-top:-9px; top:8px; position:relative; } .woocommerce-message a.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce-page .woocommerce-message a.button:hover, .woocommerce-error a.button:hover, .woocommerce .woocommerce-error a.button:hover, .woocommerce-page .woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce .woocommerce-info a.button:hover, .woocommerce-page .woocommerce-info a.button:hover{ background:#73CAA8; color:#ffffff; } .woocommerce-error a.button, .woocommerce .woocommerce-error a.button, .woocommerce-page .woocommerce-error a.button{ color:#f3757b; } .woocommerce-error a.button:hover, .woocommerce .woocommerce-error a.button:hover, .woocommerce-page .woocommerce-error a.button:hover{ background:#f3757b; } .woocommerce-info a.button, .woocommerce .woocommerce-info a.button, .woocommerce-page .woocommerce-info a.button{ color:#73CAA8; } .woocommerce-info a.button:hover, .woocommerce .woocommerce-info a.button:hover, .woocommerce-page .woocommerce-info a.button:hover{ background:#73CAA8; } .woocommerce-error li, .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ padding:0; } /* ALERT */ .alert{ border-width:0; padding:16px 20px; margin-bottom:20px; border-radius:0; box-shadow:none; text-shadow:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- XIII. MY ACCOUNT --------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ .woocommerce-account .woocommerce-MyAccount-navigation{ width:200px; float:left;/* rtl */ position:relative; padding:0 !important; margin:0 0 0 0; overflow:visible; z-index:5; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin:0; } .woocommerce-account .woocommerce-MyAccount-navigation ul:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; opacity:0.3; z-index:0; display:block; } .woocommerce-account .woocommerce-MyAccount-navigation li{ list-style:none; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ text-decoration:none; } /* .woocommerce-account .woocommerce-MyAccount-content{ border-width:1px; border-style:solid; margin-bottom:0; padding:20px; float:none; width:auto; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display:block; min-height:400px } */ .woocommerce-account article .woocommerce:after{ clear:both; content:""; display:table; } .woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0 0 -1px 0; padding:0; width:100%; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ margin:0; padding:9px 20px; position:relative; z-index:1; background:transparent; float:none; display:inline-block; z-index:1; font-weight:bold; border-width:1px; border-style:solid; display:inline-block; width:100%; } .woocommerce-account .woocommerce-MyAccount-navigation li a:after{ position:absolute; top:-1px !important; left:4px !important;/* rtl */ right:auto !important;/* rtl */ bottom:-1px !important; width:2px !important; height:auto !important; padding:0; border-width:0 0 0 2px !important; border-style:solid !important; z-index:2; display:block; opacity:0; content:""; } .woocommerce-account .woocommerce-MyAccount-navigation li:hover a:after, .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:after{ left:-1px !important; opacity:1; width:2px !important; height:auto !important; border-width:0 0 0 2px !important; border-style:solid !important; transition:opacity 500ms, left 400ms ease 0s; } p.order-info{ text-align:center; } /* .woocommerce #content table.shop_table.my_account_orders td, .woocommerce table.shop_table.my_account_orders td, .woocommerce-page #content table.shop_table.my_account_orders td, .woocommerce-page table.shop_table.my_account_orders td{ text-align:center; } */ .woocommerce div.address a.button, .woocommerce-page div.address a.button{margin-top:20px} .woocommerce .edit-box-textfull .button, .woocommerce-page .edit-box-textfull .button{margin-top:10px} .woocommerce .edit-box-textfull p.form-row, .woocommerce-page .edit-box-textfull p.form-row{ width:100%; float:none; padding:0; } p.form-row select, p.form-row input[type="text"], p.form-row input[type="password"], p.form-row input[type="phone"], p.form-row input[type="email"], p.form-row input[type="tel"], p.form-row textarea, .edit-box-textfull p.form-row input[type="text"], .edit-box-textfull p.form-row [type="password"], .edit-box-textfull p.form-row [type="phone"], .edit-box-textfull p.form-row [type="email"], .edit-box-textfull p.form-row [type="tel"], .edit-box-textfull p.form-row textarea, .chosen-container, .chosen-container-single .chosen-search input[type=text]{ max-width:100%; } /* Change passworld */ .woocommerce > form > fieldset{ border:0;margin:40px 0 0 0; } .woocommerce > form > fieldset legend{ text-transform:uppercase; margin:0 0 20px 0; font-weight:bold; } .woocommerce .woocommerce-customer-details address{ border-width:0; border-radius:0; padding:0; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- XIV. BLOG ---------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------*/ .list-posts article { margin-bottom:30px; padding:0; position:relative; } .list-posts article.sticky:before { position:absolute; left:auto; right:0; top:4px; font-size:18px; content: "\f02e"; padding:10px; font-family: "Font Awesome 5 Free"; color:#fff; background-color:#f23434; z-index:6; } .list-posts{ margin-bottom:30px; } /* Type Blockquote */ .list-posts article.post_format-post-format-quote{ padding:10px 20px; } .list-posts article.post_format-post-format-quote .blockquote-meta{ padding:20px 0 10px 0; position:relative; overflow:hidden; } .blockquote-meta .date-time{ margin-right:30px; /* rtl */ } .blockquote-meta .date-time, .blockquote-meta .comment-count, .blockquote-meta .comment{ font-size:12px; line-height:14px; float:left; text-transform:none; font-weight:normal; } /* Fix for widget */ .widget-container .post_list_widget li .author a{ font-size:12px; line-height:14px; text-transform:none; font-weight:normal; } .widget-container .post_list_widget li .author{ clear:both; margin-top:2px; display:inline-block; width:100%; position:static; } /* End fix for widget */ .blockquote-meta .author{ float:right; position:relative; top:-5px; } .blockquote-meta .author a:hover{ text-decoration:underline; } .list-posts article.post_format-post-format-quote .blockquote-meta:before{ left:0; right:0; top:0; height:1px; border-width:1px 0 0 0; border-style:solid; content:""; z-index:1; border-color:initial; opacity:0.2; position:absolute; } .list-posts article.post_format-post-format-quote blockquote{ padding:25px 20px 20px 60px;/* rtl */ margin:0; font-size:18px; line-height:30px; } .list-posts article.post_format-post-format-quote blockquote:before{ left:0; /* rtl */ background-position:-34px -44px; width:50px; height:35px; } /* End Type Blockquote */ .list-posts .heading-title a:hover{ text-decoration:none } .list-posts article a.thumbnail{ margin:0 0 -1px 0; max-width:100%; } .list-posts article.format-gallery a.thumbnail{ width:100%; } .list-posts article.format-gallery a.thumbnail .owl-item{ opacity: 0 } .list-posts article.format-gallery a.thumbnail .owl-item.active{ opacity: 1; } article a.thumbnail{ position:relative; z-index:2; } article a.thumbnail figure{ overflow:hidden; } .list-posts article a.thumbnail figure > img, .list-posts article a.thumbnail .owl-item > img{ background-size:cover; background-position:center; background-repeat:no-repeat; transform: scale(1); transition: transform 0.4s ease-in-out; overflow:hidden; } .list-posts article a.thumbnail:hover figure > img, .list-posts article a.thumbnail .owl-item:hover > img{ transform: scale(1.2); transition: transform 0.4s, opacity 0.4s ease-in-out; opacity:0.7; } .list-posts article a.thumbnail:hover figure{ background:#3f3f3f; } .list-posts .entry-content{ padding:26px 20px 10px 20px; border-width:1px; border-style:solid; } .list-posts .entry-content.no-thumbnail{ padding-top:80px; } header.entry-format{ line-height:0; position:relative; } .list-posts article .entry-bottom{ padding:12px 0; border-width:1px 0 0 0; border-style:solid; overflow:hidden; } .asp-blogs .asp-soundcloud, .list-posts .asp-soundcloud{ margin-bottom:-1px; line-height:0; } .asp-blogs .asp-video, .list-posts .asp-video{ margin-bottom:-1px; } .date-time-meta{ margin:5px 0 0 0; } .list-posts .short-content{ margin:14px 0 16px 0; display:inline-block; width:100%; } /* DATE TIME BLOG */ .list-posts article .entry-format .date-time, .single-post article .entry-format .date-time{ position:absolute; z-index:6; background:#fff; width:50px; height:58px; left:20px;/* rtl */ top:20px; text-align:center; padding:4px 0; line-height:0; } .list-posts article .entry-format .date-time span:first-child:after, .single-post article .entry-format .date-time span:first-child:after{ border-width:0 0 1px 0; border-style:solid; content:""; position:absolute; left:0; right:0; bottom:0; height:1px; } .list-posts article .entry-format .date-time span:first-child, .single-post article .entry-format .date-time span:first-child{ font-size:26px; line-height:28px; padding-bottom:3px; margin-bottom:2px; text-transform:uppercase; font-weight:bold; position:relative; display:inline-block; } .list-posts article .entry-format .date-time span:last-child, .single-post article .entry-format .date-time span:last-child{ font-size:12px; line-height:16px; text-transform:uppercase; font-weight:bold; display:inline-block; } .list-posts .comment-count .number{ font-size: 12px; line-height: 14px; } .list-posts .comment-count i{ margin-right:2px /* rtl */ } article a.button-readmore{ font-weight:bold; } article a.button-readmore:hover{ text-decoration:none; } article a.button-readmore:before{ font-family: "Font Awesome 5 Free"; content: "\f0da";/* rtl */ margin-right:7px; } /* SUMMARY */ .list-posts .entry-content .author { display:inline-block; float:right; /* rtl */ margin:3px 0 3px 10px /* rtl */ } .list-posts .entry-content .caasp-link { display:inline-block; float:left; } .list-posts .entry-content .entry-title{ margin-bottom:6px; } .list-posts article .entry-summary{ margin-bottom:26px; } .list-posts article .entry-summary .post.readmore{ margin-top:20px; } article .tags-link a:hover, article .caasp-link a:hover{ text-decoration:none } article .social-sharing, div.product .social-sharing{ overflow:hidden; } article .social-sharing li, div.product .social-sharing li{ list-style:none; display:inline-block; float:left; padding:0; line-height:0; } article .social-sharing li a, div.product .social-sharing li a{ padding:2px 5px; margin:4px 20px 4px 0; /* rtl */ display:inline-block; } article .social-sharing li:last-child a, div.product .social-sharing li:last-child a{ margin-right:0;/* rtl */ } /* End gallery */ .content-blockquote{ margin:30px; } .single .gallery{ display:inline-block; max-width:100%; width:100%; } .entry-format { line-height:0; } .entry-format a{ cursor:default; } /* NEXT PREV BUTTON SINGLE */ body .single-post .single-navigation{ position:relative; top:auto;bottom:auto; right:auto; left:auto; overflow:hidden; margin-top:20px; text-align:center; clear:both; display:inline-block; width:100%; } body .single-post .single-navigation > a:before, body .single-post .single-navigation > a:after{ display:none; } body .single-post .single-navigation > a[rel="next"]:after{ line-height:inherit; font-family: "Font Awesome 5 Free"; font-size:inherit; font-weight:inherit; display:inline-block; margin-left:5px; /*rtl */ transition:none; content: "\f0da";/* rtl */ } body .single-post .single-navigation > a[rel="prev"]:before{ line-height:inherit; font-family: "Font Awesome 5 Free"; font-size:inherit; font-weight:inherit; display:inline-block; margin-right:5px; /*rtl */ transition:none; content: "\f0d9";/* rtl */ } body .single-post .single-navigation > a{ height:auto !important; width:auto !important; padding-top:5px; padding-bottom:5px; } body .single-post.layout-1 .single-navigation > a{ padding:5px; } .single-navigation { position:absolute; left:auto; right:0; /* rtl */ top:0; content:""; z-index:97; line-height:0; } .single-navigation > a{ position:relative; width:50px !important; height:50px !important; z-index:4; line-height:0; display:inline-block; text-align:center; border-width:2px; border-style:solid; transition:all 100ms ease 0s; } .single-navigation > a:before{ line-height:26px; font-family: "Font Awesome 5 Free"; font-weight:600; transition:all 100ms ease 0s; font-size: 40px; top: 9px; position: relative; } .single-navigation { position: absolute; left: auto; right: 100px; top: -61px; content: ""; z-index: 97; line-height: 0; display: flex; } .single-navigation > a[rel="next"]:before{ font-family: "Font Awesome 5 Free"; content: "\f054"; } .single-navigation > a[rel="prev"]:before{ font-family: "Font Awesome 5 Free"; content: "\f053"!important; } .single-navigation > a:hover{ text-decoration:none } /* FOR PRODUCT TOOLTIP */ .single-navigation a .product-info{ position:absolute; bottom:100%; width:220px; min-height:91px; left:50%;/* rtl */ margin-left:-110px;/* rtl */ content:""; display:none; text-align:left;/* rtl */ } .single-navigation a .product-info{ padding:1px; } .single-navigation a .product-info:after{ content: "\f150"; font-family: "Font Awesome 5 Free"; font-size:22px; position:absolute; bottom:0; left:50%; margin-left:-7px; line-height:18px; } .single-navigation a .product-info > div:after{ content: "\f107"; font-family: "Font Awesome 5 Free"; font-size:23px; position:absolute; bottom:-1px; left:50%; margin-left:-8px; line-height:18px; } .single-navigation a .product-info:before{ border-width:1px; border-style:solid; content:""; position:absolute; left:0; right:0; bottom:10px; top:0; z-index:-1; } .single-navigation a .product-info > div > span{ display:inline-block; width:100%; top: 20px; } .single-navigation a .product-info div{ padding:10px; } .single-navigation a .product-info img{ width: 30%; float: left; vertical-align: middle; align-content: center; margin-top: 10px; justify-items: center; margin-left: 5px; } .single-navigation a .product-info > div{ padding-left:15px;/* rtl */ margin-left:30%; /* rtl */ } .single-navigation a:hover .product-info{ display:block; } /* END NEXT PREV BUTTON */ .wd-edit-link { margin-top:-30px; float:right; display:inline-block; } .single article.single{ position:relative } .single article .tags-link > span:first-child, .single article .caasp-link > span:first-child, .list-posts article .caasp-link > span:first-child, .summary .meta-wrapper .caasp-link > span:first-child, .summary .meta-wrapper .tags-link > span:first-child{ position:relative; bottom:0; padding-right:15px; /* rtl */ } .single article .tags-link > span, .single article .caasp-link > span, .list-posts article .caasp-link > span, .summary .meta-wrapper .caasp-link > span, .summary .meta-wrapper .tags-link > span{ padding-right:15px; /* rtl */ } article .tags-link a, .summary .meta-wrapper .tags-link a, article .caasp-link a, .summary .meta-wrapper .caasp-link a{ padding:0; margin:3px 5px 3px 0 /* rtl */; display:inline-block; } /* DATE TIME BLOG */ article.single .entry-content{ padding:25px 20px 10px 20px; border-width:1px; border-style:solid; } article.single .comment-count .number{ font-size: 12px; line-height: 14px; } article.single .comment-count i{ margin-right:2px /* rtl */ } /* Social */ article.single .asp-social-sharing{ display:inline-block; float:left; margin:0; } article.single .meta-bottom-1.has-categories .asp-social-sharing{ float:right; } article.single .caasp-link{ float:left; } article.single .meta-bottom-wrapper{ margin:40px 0 10px 0; } article.single .meta-bottom-1, article.single .meta-bottom-2{ clear:both; border-width:1px 0 0 0; border-style:solid; padding:11px 0; overflow:hidden; position:relative; } .meta-bottom-1.has-social .caasp-link{ margin-right:200px /* rtl */ } /* Author */ .entry-author { min-height:160px; padding:30px 20px; background-color:rgba(111,106,101,1); margin-top:-1px; background-position:center; border-width:1px; border-style:solid; clear:both; } .entry-author .author-avatar{ float:left; /* rtl */ width:100px; height:100px; border-radius:100%; overflow:hidden; } .entry-author .author-info{ margin-left:130px;/* rtl */ color:#fff; } .entry-author .author-info .author{ text-transform:uppercase; font-weight:bold; display:inline-block; width:100%; } .entry-author .author-info .author a{ color:#ffffff; } .entry-author .author-info .author a:hover{ text-decoration:underline; } .entry-author .author-info .role{ opacity:0.7; display:inline-block; width:100%; position:relative; top:-3px; margin-bottom:4px; text-transform:capitalize; } /* Related post */ .blogs{ clear:both; margin:0; } .blogs a.thumbnail{ position:relative; z-index:2; width:100%; } .blogs a.thumbnail{ overflow:hidden; } .asp-blogs .date-time span, .related-posts .date-time span{ font-size:12px; line-height:14px; display:inline-block; width:auto; } .blogs article h3.heading-title{ margin-bottom:5px; line-height:0; } .thumbnail-content{ min-height:58px; position:relative; } .quote .thumbnail-content{ min-height:0; } .date-time-meta{ margin:5px 0 0 0; } .blogs article .excerpt{ margin:12px 0 14px 0; display:inline-block; width:100%; } article .comment-count, .asp-blogs .blogs article .author{ float:right; } .date-time i, .author i, .comment-count i{ margin-right:7px;/* rtl */ } .author a:hover{ text-decoration:none; } .blogs .comment-count .number, .blogs article .author{ font-size: 12px; } .asp-blogs .blogs article .author{ margin-left:10px /* rtl */ } .blogs .comment-count i{ margin-right:2px /* rtl */ } .blogs article .thumbnail-content .date-time{ position:absolute; z-index:3; background:#fff; width:50px; height:58px; left:20px;/* rtl */ top:20px; text-align:center; padding:4px 0; line-height:0; } .blogs article .thumbnail-content .date-time span:first-child:after{ border-width:0 0 1px 0; border-style:solid; content:""; position:absolute; left:0; right:0; bottom:0; height:1px; } .blogs article .thumbnail-content .date-time span:first-child{ font-size:26px; line-height:28px; padding-bottom:3px; margin-bottom:2px; text-transform:uppercase; font-weight:bold; position:relative; } .blogs article .thumbnail-content .date-time span:last-child{ font-size:12px; line-height:16px; text-transform:uppercase; font-weight:bold; width:100%; display:inline-block; } /* Effect */ .blogs article .thumbnail figure > img, .blogs article .thumbnail .owl-item > img{ background-size:cover; background-position:center; background-repeat:no-repeat; transform: scale(1); transition: transform 0.4s ease-in-out; overflow:hidden; } .blogs article .thumbnail:hover figure > img, .blogs article .thumbnail .owl-item:hover > img{ transform: scale(1.2); transition: transform 0.4s, opacity 0.4s ease-in-out; } .blogs article .thumbnail .owl-item:hover > img{ opacity:0.8; } .blogs article .effect-thumbnail, .blogs article a.gallery figure .owl-item:before{ position:absolute; content:""; left:0;right:0; top:0; bottom:0; background:rgba(63,63,63,0.5); opacity:0; transition:opacity 0.4s ease 0s; z-index:2; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:hidden; } .blogs article a.gallery .owl-item{ position:relative; } .blogs article .effect-thumbnail:before, .blogs article a.gallery .owl-item:after{ content: ""; width:32px; height:26px; position:absolute; top:50%; left:50%; margin-top:-13px; margin-left:-16px; background:url(images/image.png) 0 -150px no-repeat; z-index:3; transform:scale(0,0); transition:transform 400ms ease 0s; } .blogs a.thumbnail.gallery figure .owl-item{ background:rgba(63,63,63,1); } .blogs article a.gallery .owl-item:after{ background:url(images/image.png) -39px -150px no-repeat; } .blogs article a:hover .effect-thumbnail, .blogs article a.gallery figure.owl-carousel .owl-item:hover:before{ opacity:1; } .blogs article a:hover .effect-thumbnail:before, .blogs article a.gallery .owl-item:hover:after{ transform:scale(1,1); } .blogs article a.gallery .effect-thumbnail{ display:none; } /*---------------------------------------------------------------------------------------------------------------------*/ /*- 2. PORTFOLIO DETAIL -----------------------------------------------------------------------------------------------*/ .single-portfolio{ overflow:hidden; } .single-portfolio.layout-1 .thumbnails{ width:67%; float:left; overflow:hidden; padding-right:30px; /* rtl */ } .single-portfolio .thumbnails a{ float:left; display:inline-block; max-width:100%; } .single-portfolio.layout-1 .thumbnails img{ display:inline-block; } .single-portfolio.layout-1 .thumbnails a:nth-child(3n -1), .single-portfolio.layout-1 .thumbnails a:nth-child(3n){ width:50%; } .single-portfolio.layout-1 .entry-content{ width:33%; float:left; } .single-portfolio .meta-content{ display:inline-block; width:100%; } .single-portfolio.layout-1 .meta-content{ margin-top:20px; } .cat-links a:hover, .tag-links a:hover{ text-decoration:none; } .single-portfolio.layout-2 .entry-content{ margin-top:20px; overflow:hidden; clear:both; display:inline-block; width:100%; } .single-portfolio.layout-2 .entry-content .info-content{ float:left; width:68%; padding-right:30px /* rtl */ } .single-portfolio.layout-2 .entry-content .meta-content{ width:32%; float:left; } .portfolio-info p{ font-weight:bold; margin-bottom:0; } .portfolio-info{ display:inline-block; width:100%; margin-top:15px; border-width:1px 0 0 0; border-style:solid; padding-top:15px; } .meta-content .portfolio-info:first-child{ border:0 !important; padding:0; margin:0; } .single-portfolio .portfolio-like{ float:left; padding:2px 0; } .single-portfolio .ic-like{ width:30px; height:30px; line-height:30px; border-radius:100%; margin-right:5px; /* rtl */ display:inline-block; text-align:center; cursor:pointer; transition: all 150ms ease-in-out 0s; } .single-portfolio .ic-like:before{ content: "\f004"; font-family: "Font Awesome 5 Free"; } .single-portfolio .ic-like.already-like:before{ content: "\f08a"; } /* Social portfolio */ .single-portfolio .social-sharing{ float:left; margin-bottom:5px; } .group-button-social-like{ position:relative; margin-top:20px; display:inline-block; width:100%; } .single-portfolio .social-sharing:after{ display:table; clear:both; content:""; } .single-portfolio .asp-social-sharing{ float:left; padding-right:15px;/* rtl */ margin:0 15px 0 0;/* rtl */ border-width:0 1px 0 0; border-style:solid; width:auto !important; } /* Next / prev project */ body .single-post.layout-1 .single-navigation{ text-align:left;/* rtl */ } body .single-post.layout-1 .single-navigation a{ width:48% !important; float:left; } body .single-post.layout-1 .single-navigation a:last-child{ margin-left:4%;/* rtl */ } body .single-post.layout-1 .single-navigation a:first-child:last-child{ margin:0 !important;/* rtl */ } body .single-post.layout-2 .single-navigation{ padding:20px 0; border-width:1px 0 1px 0; border-style:solid; } .related-portfolio{ padding-top:60px; clear:both; margin-top:0; } /* 404 PAGE */ body .div#main{ min-height:0; } body.error404 article{ text-align:center; padding-bottom:30px; color:#fff; } body.error404 article a:hover{ color:#f8d73f; text-decoration:none; } body.error404 article h1{ font-size:150px; line-height:160px; color:#fff } body.error404 article h2{ color:#fff; font-size:40px; line-height:44px; } body.error404 #main > .fullwidth-template{ background:url(images/404-bg.jpg) center; background-attachment:fixed; padding:100px 25px; } body.error404 article form[ ]{ max-width:600px; position:relative; margin-top:40px; } body.error404 article .search-field input{ width:100%; max-width:100%; } body.error404 article .search-field input[type="text"]{ padding-right:40px; /* rtl */ width:100%; } body.error404 article .search-table{ max-width:600px; position:relative; margin-top:40px; margin-left:auto; margin-right:auto; } body.error404 article .search-table .search-button input[type="submit"]{ background:url(images/image.png) 3px -26px no-repeat !important; font-size:0 !important; padding:0 !important; width:40px; position:absolute; right:0; /* rtl */ top:8px; height:20px; z-index:3; content:""; border:0 !important; } body.error404 article .search-table .search-button input[type="submit"]:hover{ background-position:3px -51px !important; opacity:1; } /* Intro page */ body.asp-header-intro header.asp-header .header-v3 .header-middle{ padding:0; } body.asp-header-intro .asp-header .header-v3 .search-wrapper, body.asp-header-intro .asp-header .header-v3 .group-button-icon-header{ display:none !important; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper, body.asp-header-intro .asp-header .header-v3 .menu-wrapper .asp-menu, body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav, body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul{ width:100%; } body.asp-header-intro header.asp-header .header-v3 .header-middle:before, body.asp-header-intro header.asp-header .header-v3 .sticky-wrapper.is-sticky .header-sticky:before, body.asp-header-intro header.asp-header .header-v3 .header-middle{ background:#3f3f3f; opacity:1; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li > a{ color:#fff; padding:28px 15px !important; } body.asp-header-intro .asp-header .menu-wrapper nav > ul.menu li.logo-header-menu > a{ padding-bottom:0 !important; padding-top:20px !important; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li:hover > a{ color:#40bea7; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li{ width:13%; border-width:0 0 0 1px; border-style:solid; border-color:rgba(105,105,105,0.4); } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li:nth-child(3){ border-width:0 1px 0 1px; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li:first-child{ border-width:0; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li.logo-header-menu{ width:22%; border:0; } @media only screen and (max-width: 1340px){ body.asp-header-intro .asp-header .header-v3 .logo-wrapper{ margin-bottom:15px; } body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li:first-child, body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li, body.asp-header-intro .asp-header .header-v3 .menu-wrapper nav > ul.menu > li:nth-child(3){ width:16.6666%; border-width:1px 0 0 1px; } } /* Home page intro */ .group-homepage{ text-align:center; } .group-homepage a.img-link{ margin:30px 0 10px 0; display:inline-block; position:relative; transition:all 200ms ease 0s; bottom:0; } .group-homepage a.img-link:hover{ box-shadow:0 0 30px rgba(0,0,0,0.4); bottom:15px; } .group-homepage img{ margin:0; } .group-homepage h5{ margin-bottom:40px; } body.asp-header-intro a.asp-label-new{ position:relative; } body.asp-header-intro a.asp-label-new:before{ content:""; position:absolute; z-index:1; top:-30px; right:-30px; width:80px; height:80px; background:url(images/label-new.png); } #intro_demo{ background-position:bottom center !important; background-repeat:no-repeat !important; } /* Customize intro */ .fix-col-one-third .vc_col-sm-4{ width:40%; } .fix-col-one-third .vc_col-sm-8{ width:60%; } /* Feature intro */ .intro-feature .asp-feature-wrapper{ padding:30px 30px 0 30px; background:#f2f2f2; min-height:407px; } .intro-feature .asp-feature-wrapper.has-image .feature-header{ background:transparent; } .intro-feature .asp-feature-wrapper /* Header intro */ .intro-img-header{ margin:30px 0 0 0; display:inline-block; width:100%; } /* Woocommerce feature intro */ .group-intro-feature-light .asp-feature-wrapper h3 a, .group-intro-feature-light .asp-feature-wrapper .feature-excerpt{ color:#fff; } .group-intro-feature-light .asp-feature-wrapper h3 a:hover, .group-intro-feature-light .asp-feature-wrapper .feature-icon:hover i{ color:#40bea7; } .group-intro-feature-light .asp-feature-wrapper .feature-icon{ background:#40bea7; border-width:2px; border-style:solid; border-color:#40bea7; } .group-intro-feature-light .asp-feature-wrapper .feature-icon:hover{ background:transparent; } .group-intro-feature-light .asp-feature-wrapper .feature-icon i{ color:#ffffff; } /*---------------------------------------------------------------------------------------------------------------*/ /*- XVII. FORUMS ------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------*/ /* CUSTOM FONT */ #bbpress-forums .status-category > li > .bbp-forums-list > li a, #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums #bbp-user-navigation, #bbpress-forums ul.bbp-replies > .bbp-header, #bbpress-forums div.bbp-topic-tags{ font-size:14px; line-height:20px; } #bbpress-forums ul.bbp-lead-topic .bbp-body .bbp-forum-info, #bbpress-forums ul.bbp-topics .bbp-body .bbp-forum-info, #bbpress-forums ul.bbp-forums .bbp-body .bbp-forum-info, #bbpress-forums ul.bbp-replies .bbp-body .bbp-forum-info, #bbpress-forums ul.bbp-search-results .bbp-body .bbp-forum-info{ font-size:14px; line-height:20px; } .type-topic .bbp-topic-title > a, #favorite-toggle a, #subscription-toggle a{ font-size:14px; line-height:24px; font-weight:bold; } #bbpress-forums ul.bbp-lead-topic .bbp-header, #bbpress-forums ul.bbp-topics .bbp-header, #bbpress-forums ul.bbp-forums .bbp-header, #bbpress-forums ul.bbp-replies > .bbp-header, #bbpress-forums ul.bbp-search-results .bbp-header{ font-weight:bold; letter-spacing:0.5px; text-shadow:none; text-transform:uppercase; border:0; } #bbpress-forums ul.bbp-lead-topic .bbp-header li, #bbpress-forums ul.bbp-topics .bbp-header li, #bbpress-forums ul.bbp-forums .bbp-header li, #bbpress-forums ul.bbp-replies > .bbp-header li, #bbpress-forums ul.bbp-search-results .bbp-header li{ padding:0; } #bbpress-forums fieldset.bbp-form legend, #bbpress-forums .status-category > li.bbp-forum-info > .bbp-forum-title, #bbpress-forums #bbp-user-navigation , #bbpress-forums .type-forum .bbp-forum-title{ font-weight:bold; text-transform:uppercase; font-size:95%; } /* END FONT SIZE */ #bbpress-forums{ margin-top:0; margin-bottom:30px; } #bbpress-forums div.even, #bbpress-forums ul.even{ background:transparent; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic{ padding:20px; } #bbpress-forums li.bbp-body ul.forum > li, #bbpress-forums li.bbp-body ul.topic > li{ padding:0; } #bbpress-forums li.bbp-footer{ padding:10px 20px; } #bbpress-forums > ul{ margin-top:20px; } #bbpress-forums div.bbp-topic-content a:hover, #bbpress-forums div.bbp-reply-content a:hover{ text-decoration:none; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{ max-width:100%; border-width:1px; border-style:solid; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar{ border:0; background:transparent; } #bbpress-forums .status-category > li > .bbp-forums-list{ margin: 0; padding-left: 0; border-left: 0 } #bbpress-forums .status-category > li > .bbp-forums-list > li{ display:block; margin-top:5px; font-size:0; padding:0; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header{ background:rgba(155,155,155,0.1); border-width:1px 0 1px 0; border-style:solid; } #bbpress-forums li.bbp-footer{ background:rgba(0,0,0,0.06); } #bbpress-forums li.bbp-header{ padding-top:14px; padding-bottom:14px; } #bbpress-forums div.odd, #bbpress-forums ul.odd{ background:transparent; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li{ margin:0 0 -1px 0; padding:0; position:relative; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li:hover{ z-index:1; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li:last-child{ margin:0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a{ background:transparent; border-width:1px; border-style:solid; font-weight:bold; text-transform:normal; text-align:center; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a{ opacity:1; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar{ border:0; position:relative; bottom:-3px; } li.bbp-forum-freshness a:hover, li.bbp-topic-freshness a:hover{ text-decoration:none; } .type-forum .bbp-forum-title:hover, .type-topic .bbp-topic-title a:hover, #bbpress-forums ul.bbp-replies > .bbp-header a:hover{ text-decoration:none; } li.bbp-body{ padding:0; } a.bbp-forum-link:hover, .status-category > .bbp-forum-info > a.bbp-forum-title:hover{ text-decoration:none; } div.bbp-template-notice, div.indicator-hint{ border-radius:0; } #bbpress-forums fieldset.bbp-form label{ font-size:85%; } #bbpress-forums input[type^="checkbox"]{ position:relative; top:2px; } #bbpress-forums > #subscription-toggle, #bbpress-forums > #favorite-toggle{ float:right; margin-top:10px; text-transform:uppercase; } #favorite-toggle a:hover, #subscription-toggle a:hover{ text-decoration:none; } #bbpress-forums .bbp-header div.bbp-topic-content a, #bbpress-forums .bbp-header div.bbp-reply-content a{ font-weight:bold; } #bbpress-forums .bbp-header #favorite-toggle a:hover, #bbpress-forums .bbp-header #subscription-toggle a:hover{ opacity:0.8; } /* BB Replay */ div.bbp-submit-wrapper{ float:left; margin-bottom:20px; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name{ margin-top:5px; font-weight:bold; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author{ } #bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content{ margin-left:130px;/* rtl */ } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content{ margin-left:140px /* rtl */ } #bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author{ width:120px; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author{ width:120px; } div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry{ padding:8px 20px; } /* BB Search */ #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3{ } #bbpress-forums div.bbp-topic-content h1, #bbpress-forums div.bbp-reply-content h1, #bbpress-forums div.bbp-topic-content h2, #bbpress-forums div.bbp-reply-content h2, #bbpress-forums div.bbp-topic-content h3, #bbpress-forums div.bbp-reply-content h3, #bbpress-forums div.bbp-topic-content h4, #bbpress-forums div.bbp-reply-content h4, #bbpress-forums div.bbp-topic-content h5, #bbpress-forums div.bbp-reply-content h5, #bbpress-forums div.bbp-topic-content h6, #bbpress-forums div.bbp-reply-content h6 { clear: none; line-height: 1em; margin: 10px 0 20px 0; padding: 0; } /* PROFILE */ #bbpress-forums #bbp-user-wrapper{ margin:20px 0; } #bbpress-forums #bbp-your-profile fieldset label[for]{ width:100%; text-align:left /* rtl */ } #bbpress-forums #bbp-your-profile fieldset fieldset.password{ width:100%; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar, #bbpress-forums #bbp-single-user-details{ width:150px; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar{ width:150px; height:auto; } #bbpress-forums #bbp-user-body{ margin-left:180px /* rtl */ } #bbpress-forums #bbp-user-wrapper #bbp-your-profile > h2:first-child{ margin-top:0; } #bbpress-forums #bbp-user-wrapper #bbp-your-profile > h2, #bbpress-forums #bbp-user-wrapper #bbp-your-profile > h3 { margin-top:30px; } #bbpress-forums #bbp-your-profile fieldset fieldset.password input{ float:left; clear:both; } #bbpress-forums #bbp-your-profile fieldset span.description{ float:left; clear:both; } body #bbp-your-profile input[type="search"], body #bbp-your-profile input[type="text"], body #bbp-your-profile input[type="password"], body #bbp-your-profile select, body #bbp-your-profile textarea{ max-width:500px; } #bbp-your-profile .asp-meta-box-field input[type="text"]{ max-width:100%; margin-bottom:10px; } #bbp-your-profile .form-table th{ width:30%; } #bbp-your-profile table th, #bbp-your-profile table tr:nth-child(2n+1){ background:transparent; } #bbpress-forums #bbp-your-profile fieldset.submit{ border-width:0 1px 1px 1px; border-style:solid; margin-top:-10px; } .bbp-meta .bbp-topic-permalink, .bbp-topic-title-meta a{ font-weight:bold; } /* BREADCRUMB */ #bbpress-forums div.bbp-topic-tags{ float:left; width:100%; } #bbpress-forums div.bbp-topic-tags p{ margin-bottom:0; } div.bbp-topic-tags{ display:inline-block; float:left; margin:0 0 15px 0; } div.bbp-topic-tags a:hover, .bbp-meta .bbp-topic-permalink:hover, .bbp-topic-title-meta a:hover, .bbp-reply-author a.bbp-author-name:hover{ text-decoration:none; } #bbpress-forums div.bbp-search-form{ display:inline-block; width:100%; } div.bbp-breadcrumb{ display:none !important; } /* BB SEARCH */ #bbpress-forums #bbp-search-form{ float:right; clear:both; margin:0 0 15px 0; display:inline-block } .bbp-search-form form{ position:relative; } #bbpress-forums #bbp-search-form #bbp_search{ padding-right:33px; /* rtl */ width:100%; max-width:100%; } .bbp-search-form input[type="submit"]{ position:absolute; right:8px; /* rtl */ top:7px; content:""; font-size:0; background:url(images/image.png) 3px -26px no-repeat !important; opacity:0.8; z-index:2; border:0 !important; padding:0 !important; width:30px; height:30px; transition:all 200ms ease 0s; } .bbp-search-form input[type="submit"]:hover{ background-position:3px -51px !important; opacity:1; } /*---------------------------------------------------------------------------------------------------------------*/ /*- XVIII. IPAD RESPONSIVE --------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1239px){ .header-sticky{ position:relative; z-index:9999; width:100%; } header.asp-header .sticky-wrapper.is-sticky .header-sticky.header-sticky-hide{ transform: translateY(-100%); } .sticky-wrapper.is-sticky .logo img.normal-logo{ display:none; } .sticky-wrapper.is-sticky .logo img.sticky-logo{ display:block; } .sticky-wrapper.is-sticky .visible-sticky{ display:inline-block !important } .sticky-wrapper.is-sticky .hidden-sticky{ display:none !important } .sticky-wrapper.is-sticky .logo-sticky{ display:inline-block !important; opacity:1; width:auto;height:auto; padding:10px 0; margin-right:30px; /* rtl */ line-height:0; position:relative; } header.asp-header .sticky-wrapper.is-sticky .header-sticky{ -webkit-animation: mySticky 1.5s ; /* Chrome, Safari, Opera */ -moz-animation: mySticky 1.5s; animation: mySticky 1.5s; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; padding:0 0; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; transform:translateY(0); transition: transform 0.5s ease-in-out; } header.asp-header .header-v6 .sticky-wrapper.is-sticky .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v6 .sticky-wrapper.is-sticky .asp-menu > .menu > ul > li > a{ padding-top:30px !important; padding-bottom:30px !important; } header.asp-header .header-v6 .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container{ padding-top:36px; } header.asp-header .header-v6 .sticky-wrapper.is-sticky .shopping-cart-wrapper .dropdown-container:before{ top:20px; } header.asp-header .header-v6 .sticky-wrapper.is-sticky .shopping-cart-wrapper .ic-cart:before{ margin-bottom:-13px; } /* Chrome, Safari, Opera */ @-webkit-keyframes mySticky { from { margin-top:-200px; } to { magrin-top:0; } } /* Standard syntax */ @-moz-keyframes mySticky { from { margin-top:-200px; } to { magrin-top:0; } } /* Standard syntax */ @keyframes mySticky { from { margin-top:-200px; } to { magrin-top:0; } } /* Header version 1 */ header.asp-header .sticky-wrapper.is-sticky .header-bottom:hover{ opacity:1; } header.asp-header .sticky-wrapper.is-sticky .header-bottom{ border:0; } header.asp-header .sticky-wrapper.is-sticky .header-sticky:before{ position:absolute; left:0;right:0;bottom:0;top:0; content:""; z-index:-1; opacity:1; transition: opacity 250ms ease-in-out 0s; } header.asp-header .sticky-wrapper.is-sticky .header-bottom:after{ background:url(images/line-bottom-menu-2.png) top left repeat-x; height:5px; } header.asp-header .header-v3 .sticky-wrapper.is-sticky .header-middle:after, header.asp-header .header-v5 .sticky-wrapper.is-sticky .header-middle:after{ position:absolute; content:""; top:100%; margin-top:0; left:0;right:0; height:20px; background:url(images/line-bottom-menu.png) top left repeat-x; z-index:0; opacity:0.8; } header.asp-header .sticky-wrapper.is-sticky .header-bottom{ background:transparent; } /* FIX SINGLE BUTTON TOOLTIP NEXT PREV */ .asp-col-24 .single-navigation a[rel="next"] .product-info{ margin-left:-201px;/* rtl */ } .asp-col-24 .single-navigation a[rel="prev"] .product-info{ margin-left:-164px;/* rtl */ } .asp-col-24 .single-navigation a .product-info:after{ left:100%/* rtl */; margin-left:-27px/* rtl */; } .asp-col-24 .single-navigation a .product-info > div:after{ left:100%/* rtl */; margin-left:-28px/* rtl */; } .asp-col-24 .single-navigation a[rel="prev"] .product-info:after{ left:100%/* rtl */; margin-left:-63px/* rtl */; } .asp-col-24 .single-navigation a[rel="prev"] .product-info > div:after{ left:100%/* rtl */; margin-left:-64px/* rtl */; } /* Product List */ .woocommerce .products.list .product .price .amount, .woocommerce-page .products.list .product .price .amount{ font-size:20px; line-height:20px; } .woocommerce .products.list .product h3.product-name > a, .woocommerce-page .products.list .product h3.product-name > a{ font-size:16px; line-height:20px; } .woocommerce .products.list .product .short-description, .woocommerce-page .products.list .product .short-description{ margin-top:14px; } .woocommerce .products.list .product .product-categories , .woocommerce-page .products.list .product .product-categories{ margin-bottom:10px; } .woocommerce .products.list .product h3.product-name , .woocommerce-page .products.list .product h3.product-name{ margin-bottom:12px; } .woocommerce .products.list .product .price, .woocommerce-page .products.list .product .price{ margin-bottom:12px; } /* SHORTCODE */ /* Portfolio */ .columns-4 .portfolio-inner .icon-group{ top:26%; } /* Shortcode sub categories product */ .row-heading-tabs .heading-tab .heading-title{ min-width:280px; } } @media only screen and (max-width: 1340px){ /* Header home 3 */ header.asp-header .header-v3 .logo-wrapper{ margin:0; padding:20px 0 10px 0; display:block; text-align:center; } .logo-header-menu{ display:none !important; } header.asp-header .menu-wrapper nav > ul.menu > li, header.asp-header .asp-menu > .menu > ul > li{ margin:0 !important; } header.asp-header .header-v3 .header-middle, header.asp-header .header-v5 .header-middle{ padding: 0 20px; } } @media only screen and (max-width: 1080px){ /* HEADER */ /* Hedaer version 8 */ .header-v8 .header-middle > .container{ display:block; } header.asp-header .header-v8 .logo-wrapper, .content-middle-header{ display:inline-block; width:100%; } header.asp-header .header-v8 .logo-wrapper{ margin-bottom:40px; text-align:center; } #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ font-size:26px; line-height:30px; } /* Header version 7 */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ max-width:880px; } /* Header version 5 */ body:not(.ts_desktop) header.asp-header.header-transparent .header-middle, header.asp-header.header-transparent .sticky-wrapper:not(.is-sticky) .header-middle, header.asp-header.header-transparent .header-template > .header-middle, header.asp-header.header-transparent:not(.has-sticky) .header-middle{ padding-top:10px; padding-bottom:10px; } header.asp-header .header-v5 .logo-wrapper{ padding-bottom:5px; } .rs-hidden-logo-v5{ display:none !important; } .rs-visible-logo-v5{ display:block !important; } header.asp-header .header-v5 .logo-wrapper{ width:100%; text-align:center; } .header-v5 .menu-wrapper{ width:70%; } .header-v5.hidden-cart .group-button-icon-header, .header-v5.hidden-myaccount .group-button-icon-header, .header-v5.hidden-wishlist .group-button-icon-header{ width:13%; } .header-v5.hidden-cart.hidden-myaccount .group-button-icon-header, .header-v5.hidden-myaccount.hidden-wishlist .group-button-icon-header, .header-v5.hidden-wishlist.hidden-cart .group-button-icon-header{ width:8%; } .header-v5.hidden-cart .menu-wrapper, .header-v5.hidden-myaccount .menu-wrapper, .header-v5.hidden-wishlist .menu-wrapper{ width:72%; } .header-v5.hidden-cart.hidden-search .menu-wrapper, .header-v5.hidden-myaccount.hidden-search .menu-wrapper, .header-v5.hidden-wishlist.hidden-search .menu-wrapper{ width:87%; } .header-v5.hidden-cart.hidden-myaccount .menu-wrapper, .header-v5.hidden-myaccount.hidden-wishlist .menu-wrapper, .header-v5.hidden-wishlist.hidden-cart .menu-wrapper{ width:75%; } .header-v5.hidden-cart.hidden-myaccount.hidden-search .menu-wrapper, .header-v5.hidden-myaccount.hidden-cart.hidden-search .menu-wrapper, .header-v5.hidden-wishlist.hidden-myaccount.hidden-search .menu-wrapper{ width:92%; } .header-v5.hidden-search.hidden-cart.hidden-wishlist.hidden-myaccount .menu-wrapper{ width:100%; } body:not(.ts_desktop) header.asp-header.header-transparent .header-bottom, header.asp-header.header-transparent .sticky-wrapper:not(.is-sticky) .header-bottom, header.asp-header.header-transparent:not(.has-sticky) .header-bottom{ padding-top:0; padding-bottom:0; } /* RESET */ #main-content .asp-large-one-third .vc_col-sm-4, #main-content .asp-large-one-third .vc_col-sm-8{ width:100%; } body.wpb-js-composer .vc_general.vc_tta-tabs .asp-product.nav-bottom, body.wpb-js-composer .asp-product.nav-bottom{ padding-bottom:60px; } } @media only screen and (max-width: 991px){ /* HEADER */ .header-top > .container, .header-middle > .container, .header-bottom > .container, .breadcrumb-title-wrapper .breadcrumb-content, body.dokan-store.dokan-store-sidebar, body.dokan-store .dokan-single-store{ padding-left:15px; padding-right:15px; } body.dokan-store #main{ padding-left:0; padding-right:0; } /* Header version 7 */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ max-width:600px; } /* Home supermarket 3 */ .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ text-align:center !important; } .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .widgettitle, .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ display:inline-block; width:100%; } #main .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .custom-newsletter-long-title .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:400px; } /* Home supermarket 2 */ .fix-content-pile-revolution { margin-top:-60px; } /* Group meta header */ .asp-group-meta-icon-toggle.active .fa-cog:before{ content: "\f00d"; } body .asp-group-meta-icon-toggle{ width:50px; float:right; /* rtl */ display:inline-block !important; cursor:pointer; font-size:24px; text-align:center; margin-bottom:7px; } .group-meta-header{ padding:7px 15px 7px 15px; position:relative; display:none; clear:both; } .group-meta-header:before{ position:absolute; left:0; right:0; bottom:0; top:0; content:""; z-index:0; opacity:0.1; } .group-meta-header:after{ display:table; content:""; clear:both; } /* FORUMS */ #bbpress-forums ul.bbp-lead-topic .bbp-header, #bbpress-forums ul.bbp-topics .bbp-header, #bbpress-forums ul.bbp-forums .bbp-header, #bbpress-forums ul.bbp-replies .bbp-header, #bbpress-forums ul.bbp-search-results .bbp-header{ font-size:16px; line-height:18px; } /* Home 5 Newsletter style 2 */ .header-v5 .group-button-icon-header > div{ margin-right:10px; } .asp-feedburner-subscription-shortcode.style-2 .feedburner-subscription .subscribe-email input[type="text"]{ width:400px; } .asp-feedburner-subscription-shortcode.style-3 .feedburner-subscription, .asp-feedburner-subscription-shortcode.style-3 .widgettitle, .asp-feedburner-subscription-shortcode.style-3 .subscribe-widget{ display:inline-block; width:100%; } .style-3 .feedburner-subscription .button{ margin-top:12px; } #main .asp-feedburner-subscription-shortcode.style-3 input[type="text"], #colophon .asp-feedburner-subscription-shortcode.style-3 input[type="text"]{ max-width:400px; } #main .asp-feedburner-subscription-shortcode.style-3 .widgettitle, #colophon .asp-feedburner-subscription-shortcode.style-3 .widgettitle{ margin-bottom:20px; font-size:20px; line-height:24px; } /* Home page 2 Feature Banner */ .banner-content-center{ margin:20px 0; } /* FAQ PAGE */ .vc_toggle_title h4{ padding: 9px 40px 9px 35px;/* rtl */ } .vc_toggle_title h4:before{ left:12px; /* rtl */ } .vc_toggle_title h4:after{ left:6px; /* rtl */ } /* RESET BUTTON DEFAULT */ a.button, button, input[type^="submit"], .shopping-cart p.buttons a, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, #content button.button{ padding-left:20px; padding-right:20px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width:100%; float:none } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first{ margin-right:0; /* rtl */ } /* RESET */ /* WISHLIST */ .woocommerce td.product-add-to-cart a.button, .woocommerce-page td.product-add-to-cart a.button{ padding:5px 10px; } /* SHOPPING CART */ .woocommerce-cart article > .woocommerce > form, .woocommerce-cart .asp-col-24 article > .woocommerce > form{ width:100%; } .woocommerce-cart article > .woocommerce > .cart-collaterals, .woocommerce-cart .asp-col-24 article > .woocommerce > .cart-collaterals{ width:100%; padding:0; }/* .woocommerce #content table.cart td.product-thumbnail, .woocommerce table.cart td.product-thumbnail, .woocommerce-page #content table.cart td.product-thumbnail, .woocommerce-page table.cart td.product-thumbnail{ padding:10px 0 10px 10px; } .woocommerce #content table.cart td, .woocommerce table.cart td, .woocommerce-page #content table.cart td, .woocommerce-page table.cart td{ padding:4px; } .woocommerce #content table.cart th, .woocommerce table.cart th, .woocommerce-page #content table.cart th, .woocommerce-page table.cart th{ padding:14px 10px; } .woocommerce #content table.cart .quantity, .woocommerce table.cart .quantity, .woocommerce-page #content table.cart .quantity, .woocommerce-page table.cart .quantity{ width:68px; display:inline-block; padding-right:17px; } .woocommerce #content table.cart .quantity input.qty, .woocommerce table.cart .quantity input.qty, .woocommerce-page #content table.cart .quantity input.qty, .woocommerce-page table.cart .quantity input.qty{ height:35px; width:51px; padding:8px 5px; border-width:1px; border-style:solid; } */ .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{ width:70px; height:auto; display:table-cell; } /* CHECKOUT */ .woocommerce .checkout .col2-set, .woocommerce-page .checkout .col2-set, .asp-col-18 .woocommerce .checkout .col2-set, .woocommerce-page .asp-col-18 .checkout .col2-set, .asp-col-12 .woocommerce .checkout .col2-set, .woocommerce-page .asp-col-12 .checkout .col2-set{ width:100%; float:none; /* rtl */ padding-right:0 /* rtl */ } #order_review_heading, .woocommerce .checkout #order_review, .woocommerce-page .checkout #order_review, .asp-col-18 #order_review_heading, .asp-col-18 .woocommerce .checkout #order_review, .woocommerce-page .asp-col-18 .checkout #order_review, .asp-col-12 #order_review_heading, .asp-col-12 .woocommerce .checkout #order_review, .woocommerce-page .asp-col-12 .checkout #order_review{ width:100%; float:none; /* rtl */ } #order_review_heading{ margin-top:20px; } /* PRODUCT DEFAULT */ .woocommerce.asp-products .products .product, .woocommerce-page .asp-products .products .product{ margin-bottom:10px; } /* SHORTCODE */ /* Shortcode categories tab 2 */ .asp-product-in-category-tab-2-wrapper .counter-wrapper > div > *{ width:100%; text-align:center; } } @media only screen and (max-width: 820px){ /* HEADER */ /* Header version 5 */ /* Menu */ header.asp-header .header-v5 .menu-wrapper nav > ul.menu > li > a, header.asp-header .header-v5 .asp-menu > .menu > ul > li > a{ padding:20px 12px !important; } /* Search */ .header-v5 .search-wrapper{ padding:8px 0; } /* Group button */ .header-v5 .group-button-icon-header{ padding:20px 0; } .header-v5 .group-button-icon-header .shopping-cart-wrapper .dropdown-container{ padding-top:48px; } .header-v5 .group-button-icon-header .shopping-cart-wrapper .dropdown-container:before{ top:23px; } .header-v5 .group-button-icon-header .shopping-cart-wrapper .ic-cart:before{ bottom:-25px } .header-v5 .group-button-icon-header .shopping-cart-wrapper.active .ic-cart:before{ -webkit-animation-duration: 340ms; -moz-animation-duration: 340ms; animation-duration: 340ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay:100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: animation_dropdow_icon_v3; -moz-animation-name: animation_dropdow_icon_v3; animation-name: animation_dropdow_icon_v3; backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; } /* END HEADER */ } @media only screen and (max-width: 768px){ /* HEADER */ /* Header version 7 */ header.asp-header .menu-wrapper nav > ul.menu li ul.sub-menu{ max-width:528px; } } /* Fix vertical ipad min height */ @media only screen and (max-device-width : 769px){ .blank-page-template{ text-align:center; padding:150px 15px 70px 15px; position:relative; } .asp-group-button-coming{ padding-bottom:90px; } } /*---------------------------------------------------------------------------------------------------------------*/ /*- XIX. CUSTOM FONT SIZE ---------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------*/ html, body, .woocommerce .order_details li, .woocommerce-page .order_details li, .woocommerce-page table.my_account_orders th, .woocommerce table.my_account_orders td, .woocommerce-page table.my_account_orders td, .comment_list_widget .comment-body, #bbpress-forums, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .shopping-cart-wrapper .form-content > label, #calendar_wrap th, #calendar_wrap td, .woocommerce .widget-container .price_slider_amount .price_label, .woocommerce-page .widget-container .price_slider_amount .price_label, #asp-search-result-container ul li a, #asp-search-result-container .view-all-wrapper a, .shopping-cart-wrapper a.cart-control span.amount, body .rev_slider_wrapper .rev-btn.asp-button, body rs-module-wrap .rev-btn.asp-button, #lang_sel_click > ul li a, .wpml-ls > ul li a, .header-currency ul li a, select option, .comment_list_widget .comment-meta .author, body.wpb-js-composer .vc_general.vc_tta-tabs.background_color .vc_tta-tab > a, body.wpb-js-composer .vc_general.vc_tta-tabs.top_border .vc_tta-tab > a, body .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title > a, body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a, body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a, .vc_toggle_default .vc_toggle_title h4, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .vc_progress_bar .vc_single_bar .vc_label, .woocommerce-product-rating .woocommerce-review-link, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .yith-wcwl-share h4.yith-wcwl-share-title, .post_list_widget .blockquote-bg, .portfolio-inner .figcaption, .feature-content .feature-header, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals > h2, .woocommerce table.wishlist_table, body #yith-woocompare table.compare-list tr.image td, body #yith-woocompare table.compare-list tr.price td, h3 > label, body.wpb-js-composer .vc_tta.vc_general, header.asp-header .header-v3 .menu-wrapper .asp-menu, .category-menu .sub-block h3, ul.wishlist_table .item-details .product-name h3, .asp-banner, /* Forum */ #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3, /* COMPARE TABLE */ body #yith-woocompare table.compare-list, body #yith-woocompare table.compare-list tr.title td { font-size:14px; line-height:24px; } .breadcrumb-title-wrapper .breadcrumb-title *{ font-size:13px; } .product-group-button .button-tooltip{ font-size:12px !important; line-height:20px !important; } /* @media only screen and (min-width: 400px){ .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%!important; } } */ /* body input, body select, html input[type^="search"], html input[type^="text"], html input[type^="email"], html input[type^="password"], html input[type^="tel"], body .select2-search input[type="text"], .chosen-container, .chosen-container-single .chosen-search input[type=text], .woocommerce #content table.shop_table td.actions .coupon .input-text, .woocommerce table.shop_table td.actions .coupon .input-text, .woocommerce-page #content table.shop_table td.actions .coupon .input-text, .woocommerce-page table.shop_table td.actions .coupon .input-text, #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea, .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input, .chosen-container a.chosen-single, .woocommerce-checkout .form-row .chosen-container-single .chosen-single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, body .select2-container--default .select2-selection--single .select2-selection__rendered, .asp-twitter-slider.text-light .twitter-content .date-time, .asp-product-attribute > div, .asp-testimonial-wrapper.text-light .testimonial-content .byline { font-size:14px; letter-spacing:0.25px; line-height:18px; } */ /* .woocommerce div.product .single-navigation .product-info span.price, .woocommerce-page div.product .single-navigation .product-info span.price, div.product .single-navigation .product-info .price del, div.product .single-navigation .product-info .price ins{ font-size:14px !important; line-height:24px !important; } .woocommerce .woocommerce-ordering .orderby li, .woocommerce-page .woocommerce-ordering .orderby li, .shopping-cart-wrapper a.cart-control, .shopping-cart-wrapper .dropdown-container, .gridlist-toggle a#grid:before, .gridlist-toggle a#list:before{ line-height:24px; } body #pp_full_res{ line-height:24px !important; } ol li, ul li { line-height:20px; } dt, dd, .woocommerce form .form-row label, .woocommerce-page form .form-row label{ line-height:18px; } .asp-testimonial-wrapper.text-light .testimonial-content, .asp-twitter-slider.text-light .twitter-content, .asp-price-table .desc-price{ font-size:16px; line-height:30px; } div.product .ref-wrapper{ font-size:11px; line-height:14px; text-transform:uppercase; } ul.product_list_widget li > a, h3.product-name > a, h3.product-name, .single-navigation a .product-info span{ font-size:14px; line-height:20px; text-transform:none; } .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name, .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name > a{ font-size:18px; line-height:22px; } .woocommerce .asp-product-deals-slider-wrapper.list .amount{ font-size:20px; line-height:24px; } .woocommerce .asp-product-deals-slider-wrapper.list .product .product-categories a{ font-size:13px; line-height:18px; } */ /* When active responsive option */ @media only screen and (max-width: 991px) and (min-width: 768px){ /* SHORTCODE */ /* Shortcode Hot Deal */ .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name, .woocommerce .asp-product-deals-slider-wrapper.list h3.product-name > a{ font-size:14px; line-height:20px; } .woocommerce .asp-product-deals-slider-wrapper.list .amount{ font-size:16px; line-height:20px; } } h4 > a, .asp-team-member header > h3, .asp-team-member header > h3 a{ font-size:14px; line-height:20px; } h1,.h1, .fix-size-heading h2, #main .asp-feedburner-subscription-shortcode .widget-title, .banner-content h1 { font-size:35px; line-height:50px; font-weight:bold; } body .asp-heading.style-2 > h1, .asp-heading h1, h2,.h2, h1.wpb_heading, .banner-content h2, .breadcrumb-title-wrapper .breadcrumb-title h1, #main .asp-feedburner-subscription-shortcode.style-3 .widgettitle, #colophon .asp-feedburner-subscription-shortcode.style-3 .widgettitle { font-size:30px; line-height:34px; font-weight:bold; } body .asp-heading.style-2 > h2, .asp-heading h2, h3, .h3, h2.wpb_heading, .banner-content h3, .asp-lightbox .feedburner-subscription .widgettitle { font-size:25px; line-height:30px; font-weight:bold; } .asp-shortcode.asp-blogs .shortcode-heading-wrapper .heading-title, .asp-shortcode.content-no-border .shortcode-heading-wrapper .heading-title, .asp-shortcode.asp-product-category-slider-wrapper .shortcode-heading-wrapper .heading-title, .heading-shortcode, .commenasp-title .heading-title, #comment-wrapper .heading-title, .cross-sells > h2, .upsells > h2, .related > h2, .theme-title, .theme-title > h3, body .asp-heading.style-2 > h3, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, body.wpb-js-composer .vc_general.vc_tta-tabs.default_no_border .vc_tta-tab > a, #main .asp-feedburner-subscription-shortcode .widgettitle, footer .asp-feedburner-subscription-shortcode.style-2 .widgettitle, .dashboard header.dashboard-header h1 { font-size:18px;/* + 2 font-h6 */ line-height:22px; font-weight:bold; text-transform:uppercase; } body .asp-heading.style-2 > h4, body div.ppt, .widget.asp-producasp-widget > .widgettitle, .woocommerce #reviews #reply-title, .woocommerce-page #reviews #reply-title, .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2, .widget_shopping_cart_content p.total strong, body.wpb-js-composer .vc_general.vc_tta-tabs.default .vc_tta-tabs-container .vc_tta-tab > a, .widget-title, body .asp-footer-block .vc_col-sm-3 .widget .widgettitle, body .asp-footer-block .vc_col-sm-4 .widget .widgettitle, .asp-shortcode .shortcode-heading-wrapper .heading-title, .woocommerce-account div.woocommerce h3, .woocommerce-account div.woocommerce .addresses h2, .woocommerce-customer-details .addresses h2, .single-portfolio .info-content .entry-title, #bbpress-forums #bbp-user-wrapper h2.entry-title, .column-tabs .heading-tab h3, .row-heading-tabs .heading-tab .heading-title, .asp-list-of-product-categories-wrapper .heading-title{ font-size:16px; /* font-h6 */ line-height:22px; font-weight:bold; } .widget-container.asp-menus-widget .widget-title{ font-size:15px;/* - 1 font-h6 */ } .blogs article h3.heading-title a, .list-posts .entry-content .entry-title{ font-size:16px;/* font-h6 */ line-height:22px; text-transform:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ font-weight:bold; /* font weight element top */ } .woocommerce #reviews #reply-title, .woocommerce-page #reviews #reply-title, .woocommerce #reviews #comments > h2, .woocommerce-page #reviews #comments > h2, .widget_shopping_cart_content p.total strong, body.wpb-js-composer .vc_general.vc_tta-tabs .vc_tta-tab > a, .woocommerce-account .woocommerce-MyAccount-navigation li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ text-transform:uppercase; } h4,.h4, .asp-heading h3, h3.wpb_heading, .banner-content h4, .woocommerce-account div.woocommerce h2, .woocommerce .wishlist-title h2, .vc_pie_chart .vc_pie_chart_value{ font-size:20px; line-height:24px; font-weight:bold; } h5,.h5, .asp-heading h4, h4.wpb_heading, h5.wpb_heading{ font-size:18px; line-height:24px; font-weight:bold; } h6,.h6, .vc_message_box .h4, h6.wpb_heading, .product-category-top-content .widget-title-wrapper > .widget-title, .portfolio-inner .figcaption h3, .asp-feature-wrapper .feature-header h3, .asp-milestone h3.subject, #order_review_heading, body #yith-woocompare table.compare-list th, table.compare-list tr.image th, table.compare-list tr.title th, table.compare-list tr.price th, table.compare-list tr.add-to-cart th, body.woocommerce > h1, .asp-testimonial-wrapper.text-light .testimonial-content h4 > a, .asp-twitter-slider.text-light .twitter-content h4 > a{ font-size:16px; line-height:22px; font-weight:bold; } table label { font-size:14px; } legend { font-size:18px;/* + 4 font-body */ } blockquote { font-size:16px;/* + 2 font-body */ line-height:24px; font-weight:bold; font-style:italic; } /*----------------------------------------------------------------*/ /*- HEADER -------------------------------------------------------*/ .info-desc span, .my-account-wrapper .account-control > a, .my-wishlist-wrapper a, #lang_sel_click > ul > li > a, .wpml-ls > ul > li > a, .header-currency .wcml_currency_switcher > a{ font-size:13px;/* - 1 font-body */ line-height:24px;/* line-height body */ } .my-account-wrapper .dropdown-container{ line-height:24px;/* line-height body */ } /*----------------------------------------------------------------*/ /*- PRODUCT ------------------------------------------------------*/ /* .woocommerce #content div.product .product p.price, .woocommerce #content div.product .product span.price, .woocommerce div.product .product p.price, .woocommerce div.product .product span.price, .woocommerce-page #content div.product .product p.price, .woocommerce-page #content div.product .product span.price, .woocommerce-page div.product .product p.price, .woocommerce-page div.product .product span.price, .amount, .quantity, .total-title{ font-weight:bold; font-size:16px; line-height:20px; } .total-title{ font-size:15px; line-height:18px; } div.product p.price .woocommerce-Price-amount, div.product .single_variation .amount, .woocommerce-page div.product p.price .woocommerce-Price-amount, .woocommerce div.product .single_variation .amount{ font-size:26px; line-height:30px; } */ /* .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before, .woocommerce .product .product-wrapper .meta-wrapper .loop-add-to-cart a:first-child:before{ font-size:12px; line-height:18px; font-weight:bold; } */ /* a.asp-button, a.button, button, input[type^="submit"], .shopping-cart p.buttons a, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, #content button.button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, .pp_woocommerce div.product .summary .compare:before, .woocommerce div.product .summary .compare:before, .woocommerce-page div.product .summary .compare:before, .woocommerce #content div.product .summary .compare:before, .woocommerce-page #content div.product .summary .compare:before, div.product .summary .yith-wcwl-add-to-wishlist a:before, body .single-post .single-navigation > a, .woocommerce #content table.shop_table input, .woocommerce table.shop_table input, .woocommerce-page #content table.shop_table input, .woocommerce-page table.shop_table input, body .product-edit-new-container .dokan-btn-lg, .woocommerce .wishlist_table .product-add-to-cart a, #bbpress-forums #bbp-single-user-details #bbp-user-navigation a, body #yith-woocompare table.compare-list .add-to-cart td a{ font-size:12px; line-height:18px; } */ /*---------------------------------------------------------------------------------------------------------------*/ /*- XX. CUSTOM COLOR --------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------*/ html, body, label, input, textarea, keygen, select, button, .font-body, .asp-banner .heading-body, .asp-button.fa, li.fa, h3.product-name > a, h3.product-name, #order_review_heading, .woocommerce .checkout #order_review table thead th, .woocommerce-page .checkout #order_review table thead th, div.product .summary .compare, div.product .summary .yith-wcwl-add-to-wishlist a, body .rev_slider_wrapper .rev-btn.asp-button, body rs-module-wrap .rev-btn.asp-button, .woocommerce-account .woocommerce-MyAccount-navigation li a, body.wpb-js-composer .vc_general.vc_tta-tabs.background_color .vc_tta-tab > a, body.wpb-js-composer .vc_general.vc_tta-tabs.top_border .vc_tta-tab > a, body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a, body.wpb-js-composer .vc_general.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .asp-testimonial-wrapper.text-light .testimonial-content h4.name a, .asp-twitter-slider.text-light .twitter-content h4.name > a, .vc_toggle_default .vc_toggle_title h4, body.error404 article h1, body.error404 article h2, .asp-milestone h3.subject, .cart_totals table th, .woocommerce #order_review table.shop_table tfoot td, .woocommerce-page #order_review table.shop_table tfoot td, .woocommerce table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce #order_review table.shop_table tfoot th, .woocommerce-page #order_review table.shop_table tfoot th, body .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title > a, body div.pp_default .pp_nav .currentTextHolder, body .theme-default .nivo-caption, .category-menu .sub-block h3{ font-family: 'alegreya sc', "Lato", sans-serif; } .amount, .quantity{ font-family: "alegreya sc","Lato", sans-serif; } h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6, .asp-banner .heading-big, h1.wpb_heading, h2.wpb_heading, h3.wpb_heading, h4.wpb_heading, h5.wpb_heading, h6.wpb_heading, .asp-banner-feature.show_image .banner-info, .woocommerce .products .product .product-label span, .woocommerce-page .products .product .product-label span, .pp_woocommerce div.product .images .product-label span, .woocommerce #content div.product .images .product-label span, .woocommerce div.product .images .product-label span, .woocommerce-page #content div.product .images .product-label span, .woocommerce-page div.product .images .product-label span, .vc_column_container .vc_btn, .vc_column_container .wpb_button, .woocommerce > form > fieldset legend, .variations label, .shipping-calculator-button, .asp-product-in-category-tab-2-wrapper ul.tabs li span.title, .woocommerce #reviews #reply-title, .woocommerce-page #reviews #reply-title, /* Forum */ #bbpress-forums ul.bbp-lead-topic .bbp-header, #bbpress-forums ul.bbp-topics .bbp-header, #bbpress-forums ul.bbp-forums .bbp-header, #bbpress-forums ul.bbp-replies > .bbp-header, #bbpress-forums ul.bbp-search-results .bbp-headers, /* End forum */ .asp-portfolio-wrapper .filter-bar li, body #yith-woocompare table.compare-list tr.add-to-cart td a, table thead th, body.wpb-js-composer .vc_general.vc_tta-tabs .vc_tta-tab > a, /* Compare table */ body #yith-woocompare table.compare-list .add-to-cart td a { font-family: 'alegreya sc',"Raleway", sans-serif; } .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { color: #3f3f3f; position: relative; text-align: justify; width: 236px; line-height: 22px; padding-left: 2px; padding-right: 2px; } @media screen and (max-width: 500px) { .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { color: #3f3f3f; } .woocommerce td.product-quantity { color: black; } .button-secondary { background-color: #333333; color: #ffffff; -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -ms-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } } @media screen and (min-width: 500px) { .amount, .cart-list .quantity, .woocommerce ul.cart_list li .quantity, .woocommerce-page ul.cart_list li .quantity, .woocommerce .products .product .price, .woocommerce-page .products .product .price, .woocommerce .products .product .amount, .woocommerce-page .products .product .amount, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .single-navigation a .product-info .price, body #yith-woocompare table.compare-list tr.price td, body table.compare-list tr.price td { color: #3f3f3f; } .header-cart .widget_shopping_cart .buttons a:hover{ background-color:#40bea7; color:#fff; border-color:#40bea7; } .button-secondary { background-color: #333333; color: #ffffff; -webkit-transition: background-color 0.4s, color 0.4s; -moz-transition: background-color 0.4s, color 0.4s; -ms-transition: background-color 0.4s, color 0.4s; -o-transition: background-color 0.4s, color 0.4s; transition: background-color 0.4s, color 0.4s; } } .woocommerce table.my_account_orders tr td:last-child .button, .woocommerce-page table.my_account_orders tr td:last-child .button{ background-color: #40bea7; } .woocommerce table.my_account_orders tr td:last-child .button, .woocommerce-page table.my_account_orders tr td:last-child .button:hover{ color: white; } .site-content{ overflow: visible!important; } #width75 { width: 75%; } .sidebar-left { padding: 0; } .download-file { background-color: #ffffff; color: #d3751cd9; border-color: #e6e6e6; } .download-file:hover { background-color: #ffffff; color: #d31c1cd9; border-color: #e6e6e6; } .header-cart a.cart-icon { display: flex!important; } .text-section { left: 0!important; padding: 0!important; } .content_312 { width: 80%!important; } @media screen and (min-width: 500px) { .mlresponsive { margin-left: 0.5rem; } } .woocommerce #content div.product .entry-summary .woocommerce-tabs, .woocommerce div.product .entry-summary .woocommerce-tabs, .woocommerce-page #content div.product .entry-summary .woocommerce-tabs, .woocommerce-page div.product .entry-summary .woocommerce-tabs{ margin:0; } /* end Acordion */ .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{ padding:0; border:0; margin:0 0 45px 0; display:inline-block; width:100%; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs{ text-align:left; /* rtl */ border:0; padding:10px 0 0 0 !important; margin:0; position:relative; overflow:hidden; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before{ position:absolute; top:10px; left:0; right:0; bottom:0; content:""; z-index:0; display:block !important; line-height:0; width:auto; height:auto; margin:0; padding:0; opacity:0.3; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs:after{ position:absolute; top:10px; left:0; right:0; bottom:0; content:""; border-width:1px; border-style:solid; z-index:0; display:block !important; line-height:0; width:auto; height:auto; margin:0; padding:0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{ margin:0; padding:0; float:left; border:0; position:relative; z-index:1; background:transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ display:none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ padding:9px 20px; margin:0 -1px 0 0; border-width:1px; border-style:solid; position:relative; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li a:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:after{ position:absolute; top:-5px; left:-1px; right:-1px; bottom:auto; width:auto; height:2px; padding:0; border-width:2px 0 0 0; border-style:solid; z-index:2; transition:opacity 350ms, top 250ms ease 0s; display:block; opacity:0; content:""; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a:after{ top:-1px; opacity:1; } .woocommerce div.product .woocommerce-tabs .panel{ border-width:0 1px 1px 1px; border-style:solid; padding:32px 30px 35px 30px; margin:0; clear:both; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover{ border-radius:0; text-shadow:none; box-shadow:none; background:transparent; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a{ text-shadow:none; box-shadow:none; } @media screen and (min-width: 400px) { .woocommerce-Reviews { width: 100%; } } @media screen and (max-width: 400px) { .woocommerce-tabs #comments { float: left; width: 100%; padding-right: 20px; width: 100%; } .woocommerce-tabs #review_form_wrapper { float: left; width: 100%; padding: 0 0 0 30px; border-width: 0 0 0 1px; border-style: solid; } } @media (min-width:491px) and (max-width:991px) { .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { float: none; width: 48%!important; text-align: left; text-align: justify; } } @media screen and (max-width: 508px) { .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width: 100%; } } .asp-content_icon { color: white; top: 0; position: relative; } .asp-content_icon i { color: white; top: 0; position: relative; font-size: 20px; margin-top: 100px; } .asp-content_icon i:hover { color: rgb(138, 134, 134); top: 0; position: relative; font-size: 25px; margin-top: 100px; } @media only screen and (min-width: 769px) { .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; } } @media only screen and (min-width: 769px) { .woocommerce-MyAccount-navigation ul { text-align: center; } .woocommerce-MyAccount-navigation ul li { display: inline-block; } } @media only screen and (min-width: 769px) { .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; } .woocommerce-MyAccount-navigation ul { text-align: center; } .woocommerce-MyAccount-navigation ul li { display: inline-block; } } @media (min-width: 768px) { .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation, .page-template-template-fullwidth-php .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce-MyAccount-navigation ul { text-align: center; border-bottom: 1px solid rgba(0,0,0,.05); } .woocommerce-MyAccount-navigation ul li { display: inline-block; border-left: 1px solid rgba(0,0,0,.05); padding: 0 1em; border-bottom: 0; } } /** * My Account */ .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; } .woocommerce-account .woocommerce-MyAccount-content { display: inline-block; float: left; margin-left: 0; width: 75%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; border-top: 1px solid #eee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: block; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: .25; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { font-family: 'FontAwesome'; content: "\f0e4"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { font-family: 'FontAwesome'; content: "\f291"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { font-family: 'FontAwesome'; content: "\f1c6"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { font-family: 'FontAwesome'; content: "\f015"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { font-family: 'FontAwesome'; content: "\f09d"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { font-family: 'FontAwesome'; content: "\f007"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { font-family: 'FontAwesome'; content: "\f08b"; } .woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 25px; text-align: center; font-weight: 600; } .woocommerce-account p.order-again { text-align: right; } .woocommerce-account .woocommerce-EditAccountForm input[type="submit"] { margin-top: 50px; float: right; }