/* Theme Name: Schon Theme URI: http://demo.webbaku.com/wp/shon Author: Webbaku Author URI: https://themeforest.net/user/webbaku Description: Modern, Clean & Responsive WooCommerce Theme Version: 1.3.7 License: Themeforest Split Licence Text Domain: schon */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1 - More Normalize 2 - General 3 - Colors 4 - Typography 5 - Utility 6 - Clearings 7 - Widgets 8 - Elements 8.1 - Buttons and forms 8.2 - Galleries 9 - Header and Footer 10 - Posts & Pages 11 - Visual Composer 12 - Accessibility 13 - Media queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1 - MORE NORMALIZE --------------------------------------------------------------*/ *:focus { outline: 0; } embed, iframe, object { max-width: 100%; } iframe { border: none; } img { max-width: 100%; height: auto; } /*ul, ol { margin: 0; padding: 0; list-style: none; }*/ ol ol, ol ul, ul ol, ul ul { padding-left: 1.2em; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: relative; } /*-------------------------------------------------------------- 2 - GENERAL --------------------------------------------------------------*/ *:focus { outline: 0; } #page { margin: 0 auto; overflow: hidden; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .boxed-layout #page { width: 750px;} } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .boxed-layout #page { width: 970px;} } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .boxed-layout #page { width: 1170px;} } body {min-height:100%; position: relative;} #primary, #secondary { --margin-top: 3em } /*--------------------------------------------------------------- 3 - COLORS ---------------------------------------------------------------*/ h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, .h1 a:active, h2 a:active, .h2 a:active, h3 a:active, .h3 a:active, h4 a:active, .h4 a:active, .h1 a:focus, h2 a:focus, .h2 a:focus, h3 a:focus, .h3 a:focus, h4 a:focus, .h4 a:focus, a:hover, a:focus, a:active, #page ul.products li.product .add-to-cart-buttons-container a:hover, #page ul.products li.product .add-to-cart-buttons-container a:focus, #page ul.products li.product .add-to-cart-buttons-container a:active, #page ul.products li.product .add-to-cart-buttons-container a.added, #page ul.products li.product .gridlist-buttonwrap a.added i, #page ul.products li.product h3:hover, ul.products.list li.product .gridlist-buttonwrap a.link:hover i, #breadcrumb-wrap li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a{ color: #ff6060; } .widget .tagcloud a:hover, .widget .tagcloud a:focus { border-color: #ff6060; } /*a:hover,*/ /*a:focus,*/ /*a:active,*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .schon-featured-info-title, .search-fullpage-form-wrapper .submit-field:hover, .search-fullpage-form-wrapper .submit-field:focus, .search-fullpage-form-wrapper .submit-field:active, .close-search-fullpage-trigger:hover, .close-search-fullpage-trigger:focus, .close-search-fullpage-trigger:active, #breadcrumb-wrap li, #breadcrumb-wrap li a, .widget .widget-title, #page ul.product_list_widget li .amount, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, #schon-shop-steps-wrapper .step-number, #schon-shop-steps-wrapper .step-label, .schon-owl-theme .owl-theme .owl-buttons div:hover, #page .product .price, #yith-quick-view-modal .product .price, /*menu and minicart*/ .mini-cart-header .cart_list .mini_cart_item_price, .mini-cart-header .total .subtotal-value { color: #2e2e2e; } .vc_tta .vc_tta-tab.vc_active>a, .vc_tta .vc_tta-tab>a:hover{ color: #2e2e2e !important; } #actionbar, .mini-cart-header .mini-cart-icon a span { background-color: #2e2e2e; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, #schon-shop-steps-wrapper .step-number, .vc_tta .vc_tta-tab.vc_active>a, .vc_tta .vc_tta-tab>a:hover, .schon-owl-theme .owl-theme .owl-buttons div:hover { border-color: #2e2e2e !important; } body, a, #actionbar a:hover, #actionbar a:focus, #actionbar a:active, #actionbar-menu a:hover, #actionbar-menu a:focus, #actionbar-menu a:active, .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li a:hover, .search-fullpage-form-wrapper .submit-field, .close-search-fullpage-trigger, .mini-cart-header .cart_list .mini_cart_item_quantity, .mini-cart-header .cart_list .mini_cart_item_name, .mini-cart-header .total .subtotal-label, #page ul.products li.product .add-to-cart-buttons-container a, #page ul.products li.product .add-to-cart-buttons-container a, #page ul.products li.product .add-to-cart-buttons-container a, .yith-woocompare-widget ul.products-list li a.remove:before, .woocommerce div.product form.cart .variations label, .woocommerce div.product .woocommerce-tabs ul.tabs li a, nav.schon-pagination ul li a, nav.schon-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, nav.schon-pagination ul li a:hover, nav.schon-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.curren, .woocommerce div.product form.cart .variations label .swatchtitlelabel, .woocommerce div.product form.cart .variations .label .swatchtitlelabel, #page ul.products li.product h3 { color: #757575; } .mini-cart-header .mini-cart-icon a span, #page .widget_price_filter .ui-slider .ui-slider-range, .images .thumbnails.owl-theme .owl-controls .owl-page, .images .thumbnails.owl-theme .owl-controls .owl-buttons div, .blog-post-date-badge .entry-header .entry-meta span.posted-on a, .schon-team-member .socials-wrap a { background-color: #757575; } #page .widget_price_filter .ui-slider .ui-slider-handle, nav.schon-pagination ul li a, nav.schon-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .schon-owl-theme .owl-theme .owl-buttons div, .widget .tagcloud a { border-color: #757575; } #page .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #b3b3b3; } #primary-menu > li > div.sub-menu-wrap, #primary-menu > li > div.sub-menu-wrap>.sub-menu-wrap-arrow, #primary-menu > li:not(.megamenu) div.sub-menu-wrap, #primary-menu > li:not(.megamenu) div.sub-menu-wrap>.sub-menu-wrap-arrow, .mini-cart-header .inner, .mini-cart-header .inner:before, .mini-cart-header .total, #page nav.woocommerce-pagination ul li a, body.header_layout_2 #primary-navigation-menu-wrap, nav.schon-pagination ul li a, .gridlist-toggle a, ul.products.list li.product, #page ul.products.list .product-link-decription-container, .widget.widget_product_categories li a, .woocommerce-MyAccount-navigation ul li a, #page .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce div.product .single-product-description, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #reviews #comments ol.commentlist li .comment-text, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce-account .woocommerce-MyAccount-content, .comment.depth-1, .vc_tta .vc_tta-panels, .woocommerce div.product div.images img, #primary-menu li.separator:after, #login-popup, /*forms*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .input-text, .form-control, select:after{ --border-color: #eee; --border-color: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.15); } #primary-menu > li > div.sub-menu-wrap>.sub-menu-wrap-arrow, #primary-menu > li:not(.megamenu) div.sub-menu-wrap>.sub-menu-wrap-arrow, .mini-cart-header .inner:before { border-bottom: #cdcdcd; opacity: 0.7} #actionbar .staticblocks-section .staticblock-field input, .mini-cart-header .mini-cart-icon a span, .mini-cart-header .inner, #primary-menu > li > div.sub-menu-wrap, #primary-menu > li > div.sub-menu-wrap>.sub-menu-wrap-arrow, #primary-menu > li:not(.megamenu) div.sub-menu-wrap, #primary-menu > li:not(.megamenu) div.sub-menu-wrap>.sub-menu-wrap-arrow, body.header_layout_2 #primary-navigation-menu-wrap, .mini-cart-header .inner:before, .mini-cart-header .total, #page nav.woocommerce-pagination ul li a, nav.schon-pagination ul li a, .gridlist-toggle a, #page #respond input#submit, #page a.button, #page button.button, #page input.button, ul.products.list li.product, #page ul.products.list .product-link-decription-container, .widget.widget_product_categories li a, .woocommerce-MyAccount-navigation ul li a, #page .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce div.product .single-product-description, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-checkout #payment ul.payment_methods li, #schon-shop-steps-wrapper .step-number, .woocommerce-account .woocommerce-MyAccount-content, .comment.depth-1, .vc_tta .vc_tta-panels, .schon-owl-theme .owl-theme .owl-buttons div, .woocommerce div.product div.images img, #actionbar > .container, /*forms*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .input-text, .form-control, select:after{ border-style: solid; } #actionbar .staticblocks-section .staticblock-field, #actionbar .staticblocks-section .staticblock-field input, #actionbar-menu a, .mini-cart-header .mini-cart-icon a span, .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li a, #actionbar #lang_sel a.lang_sel_sel { color: #f5f5f5; } #search-fullpage-wrap, .search-fullpage-form-wrapper .search-field, #footer-widgets-row-1, #footer-widgets-row-2, #page-title-bar, .authorbox, .woocommerce.single-product-background-layout_2 div.product .single-product-header, .woocommerce.single-product-background-layout_3 div.product .single-product-header, .woocommerce.single-product-background-layout_1 div.product div.summary .summary-content, .woocommerce.single-product-background-layout_3 div.product .single-product-header:before, .woocommerce-checkout .col-2 #order_review_heading, .woocommerce-checkout .col-2 .woocommerce-checkout-review-order-table, .woocommerce-checkout .col-2 .woocommerce-checkout-review-order h3, .woocommerce-checkout .col-2 .wc_payment_methods.payment_methods, #yith-quick-view-modal div.product div.summary, .woocommerce .cart_totals_right_wrapper, /*visual composer*/ .schon-owl-theme .owl-theme.navigation-top .owl-controls .owl-buttons, .schon-owl-theme .owl-theme.navigation-bottom .owl-controls .owl-buttons, /*form*/ .woocommerce #review_form #respond textarea, #add_payment_method table.cart .quantity input, .woocommerce-cart table.cart .quantity input, .woocommerce-checkout table.cart .quantity input{ background-color: #f5f5f5; } #primary-menu div.sub-menu-wrap, #actionbar-menu li:before { background-color: #FFF; } .mini-cart-header .mini-cart-icon a span, #actionbar .staticblocks-section .staticblock-field input { border-color: #fff; } /*buttons*/ .btn-default, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled:active:hover, .btn-default.disabled:active:focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled]:active:hover, .btn-default[disabled]:active:focus, #page .button { /*#page #respond input#submit, #page a.button, #page button.button, #page input.button {*/ background-color: #b0b0b0; color: #fff; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, #page .button:hover, #page .button:focus, #page .button:active, #page .button:active:focus, #page .button:active:focus { /*#page #respond input#submit:hover, #page a.button:hover, #page button.button:hover, #page input.button:hover {*/ background-color: #535353; color: #fff; } .btn-default.btn-ghost, .btn-default.btn-ghost.disabled:hover, .btn-default.btn-ghost.disabled:focus, .btn-default.btn-ghost.disabled:active, .btn-default.btn-ghost.disabled:active:hover, .btn-default.btn-ghost.disabled:active:focus, .btn-default.btn-ghost[disabled]:hover, .btn-default.btn-ghost[disabled]:focus, .btn-default.btn-ghost[disabled]:active, .btn-default.btn-ghost[disabled]:active:hover, .btn-default.btn-ghost[disabled]:active:focus, #page .button.btn-ghost { /*#page #respond input#submit, #page a.button, #page button.button, #page input.button {*/ border-color: #b0b0b0; color: #b0b0b0; } .btn-default.btn-ghost:hover, .btn-default.btn-ghost:focus, .btn-default.btn-ghost:active, .btn-default.btn-ghost:active:hover, .btn-default.btn-ghost:active:focus, #page .button.btn-ghost:hover, #page .button.btn-ghost:focus, #page .button.btn-ghost:active, #page .button.btn-ghost:active:hover, #page .button.btn-ghost:active:focus { /*#page #respond input#submit:hover, #page a.button:hover, #page button.button:hover, #page input.button:hover {*/ /*border-color: #535353;*/ /*color: #535353;*/ border-color: #b0b0b0; background-color: #b0b0b0; color: #fff; } .btn-primary-2, .btn-primary-2.disabled:hover, .btn-primary-2.disabled:focus, .btn-primary-2.disabled:active, .btn-primary-2.disabled:active:hover, .btn-primary-2.disabled:active:focus, .btn-primary-2[disabled]:hover, .btn-primary-2[disabled]:focus, .btn-primary-2[disabled]:active, .btn-primary-2[disabled]:active:hover, .btn-primary-2[disabled]:active:focus { background-color: #2e2e2e; color: #fff; } .btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active, .btn-primary-2:active:hover, .btn-primary-2:active:focus { color: #fff; border-color: #535353; background-color: #535353; } .btn-primary-2.btn-ghost, .btn-primary-2.btn-ghost.disabled:hover, .btn-primary-2.btn-ghost.disabled:focus, .btn-primary-2.btn-ghost.disabled:active, .btn-primary-2.btn-ghost.disabled:active:hover, .btn-primary-2.btn-ghost.disabled:active:focus, .btn-primary-2.btn-ghost[disabled]:hover, .btn-primary-2.btn-ghost[disabled]:focus, .btn-primary-2.btn-ghost[disabled]:active, .btn-primary-2.btn-ghost[disabled]:active:hover, .btn-primary-2.btn-ghost[disabled]:active:focus { border-color: #2e2e2e; color: #2e2e2e; background-color: transparent; } .btn-primary-2.btn-ghost:hover, .btn-primary-2.btn-ghost:focus, .btn-primary-2.btn-ghost:active, .btn-primary-2.btn-ghost:active:hover, .btn-primary-2.btn-ghost:active:focus { /*border-color: #535353;*/ /*color: #535353;*/ border-color: #2e2e2e; background-color: #2e2e2e; color: #fff; } .btn-primary, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled:active:hover, .btn-primary.disabled:active:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled]:active:hover, .btn-primary[disabled]:active:focus { background-color: #ff6060; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus { color: #fff; background-color: #CC4D4D; } .btn-primary.btn-ghost, .btn-primary.btn-ghost.disabled:hover, .btn-primary.btn-ghost.disabled:focus, .btn-primary.btn-ghost.disabled:active, .btn-primary.btn-ghost.disabled:active:hover, .btn-primary.btn-ghost.disabled:active:focus, .btn-primary.btn-ghost[disabled]:hover, .btn-primary.btn-ghost[disabled]:focus, .btn-primary.btn-ghost[disabled]:active, .btn-primary.btn-ghost[disabled]:active:hover, .btn-primary.btn-ghost[disabled]:active:focus{ border-color: #ff6060; color: #ff6060; background-color: transparent; } .btn-primary.btn-ghost:hover, .btn-primary.btn-ghost:focus, .btn-primary.btn-ghost:active, .btn-primary.btn-ghost:active:hover, .btn-primary.btn-ghost:active:focus { --border-color: #CC4D4D; border-color: #ff6060; background-color: #ff6060; color: #fff; } .btn.btn-warning { background-color: #cba233; color: #fff; } .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:active:hover, .btn.btn-warning:active:focus { color: #fff; background-color: #987926; } .btn.btn-warning.btn-ghost { border-color: #cba233; color: #cba233; background-color: transparent; } .btn.btn-warning.btn-ghost:hover, .btn.btn-warning.btn-ghost:focus, .btn.btn-warning.btn-ghost:active, .btn.btn-warning.btn-ghost:active:hover, .btn.btn-warning.btn-ghost:active:focus { border-color: #cba233; background-color: #cba233; color: #fff; } .btn.btn-success { background-color: #88BD6E; color: #fff; } .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:active:hover, .btn.btn-success:active:focus { color: #fff; background-color: #638A50; } .btn.btn-success.btn-ghost { border-color: #88BD6E; color: #88BD6E; background-color: transparent; } .btn.btn-success.btn-ghost:hover, .btn.btn-success.btn-ghost:focus, .btn.btn-success.btn-ghost:active, .btn.btn-success.btn-ghost:active:hover, .btn.btn-success.btn-ghost:active:focus { border-color: #88BD6E; background-color: #88BD6E; color: #fff; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, .woocommerce .woocommerce-message { border-color: #88BD6E; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-message .fa, .woocommerce .woocommerce-message .icon { color: #88BD6E; } .woocommerce .woocommerce-message { background-color: rgba(136,189,110,0.1) } .btn.btn-danger { background-color: #CA4A38; color: #fff; } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active:hover, .btn.btn-danger:active:focus { color: #fff; background-color: #97372A; } .btn.btn-danger.btn-ghost { border-color: #CA4A38; color: #CA4A38; background-color: transparent; } .btn.btn-danger.btn-ghost:hover, .btn.btn-danger.btn-ghost:focus, .btn.btn-danger.btn-ghost:active, .btn.btn-danger.btn-ghost:active:hover, .btn.btn-danger.btn-ghost:active:focus { border-color: #CA4A38; background-color: #CA4A38; color: #fff; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .woocommerce .woocommerce-error { border-color: #CA4A38; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-error .fa, .woocommerce .woocommerce-error .icon, .woocommerce form .form-row.woocommerce-invalid label{ color: #CA4A38; } .woocommerce .woocommerce-error { background-color: rgba(202,74,56,0.1); } .btn.btn-info { background-color: #53D0D4; color: #fff; } .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:active:hover, .btn.btn-info:active:focus { color: #fff; background-color: #3F9EA1; } .btn.btn-info.btn-ghost { border-color: #53D0D4; color: #53D0D4; background-color: transparent; } .btn.btn-info.btn-ghost:hover, .btn.btn-info.btn-ghost:focus, .btn.btn-info.btn-ghost:active, .btn.btn-info.btn-ghost:active:hover, .btn.btn-info.btn-ghost:active:focus { border-color: #53D0D4; background-color: #53D0D4; color: #fff; } .woocommerce .woocommerce-info { border-color: #53D0D4} .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-info .fa, .woocommerce .woocommerce-info .icon { color: #53D0D4; } .woocommerce .woocommerce-info { background-color: rgba(83,208,212,0.1) } .btn-facebook { background-color: #3b5998; } .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:active:hover, .btn.btn-facebook:active:focus { color: #fff; background-color: #273B65; } .btn-google { background-color: #d34836; } .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:active:hover, .btn.btn-google:active:focus { color: #fff; background-color: #7F2C21; } /* Primary menu*/ #primary-menu a, #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a, .mini-cart-header .mini-cart-icon a, .primary-menu-icon > a{ color: #2e2e2e; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a:after, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a:after { background-color: #2e2e2e; } #primary-menu ul li > a { color: #888; } #primary-menu a:hover, #primary-menu a:focus, #primary-menu a:active, #primary-menu ul li > a:hover, #primary-menu ul li > a:active, #primary-menu ul li > a:focus, .mini-cart-header:hover .mini-cart-icon a, .mini-cart-header.active .mini-cart-icon a, .mini-cart-header:focus .mini-cart-icon a, .mini-cart-header:active .mini-cart-icon a, .primary-menu-icon > a:hover, .primary-menu-icon > a:focus, .primary-menu-icon > a:active, #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a:hover, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a:hover{ color: #ff6060; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a:hover:after, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a:hover:after { background-color: #ff6060; } /* /Primary menu */ /*--------------------------------------------------------------- 4 - TYPOGRAPHY ---------------------------------------------------------------*/ body { font-size: 14px; font-family: "Source Sans Pro",Arial, Helvetica, sans-serif; } .schon-featured-info-title, .woocommerce span.onsale, #page ul.cart_list li .product-title, #page ul.product_list_widget li .product-title, #page .widget_recent_reviews a, #page ul.cart_list li a, #page ul.product_list_widget li a, .single-product-wishlist-container a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .schon-featured-banner .schon-featured-banner-badge, .vc_tta .vc_tta-tab>a, /*menu*/ #primary-menu a, #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a, /*buttons*/ .btn, .button, ul.products.list li.product .gridlist-buttonwrap a.link { font-family: 'Montserrat', Arial, sans-serif; } /*newseltter popup*/ #popup-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw, #popup-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw { font-family: 'Montserrat', Arial, sans-serif !important; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Montserrat', Arial, sans-serif; } h1, .h1, h2, .h2, h3, .h3 { text-transform: uppercase; font-weight: 700; margin-top: .8em; margin-bottom: .5em; } h1 > label, .h1 > label, h2 > label, .h2 > label, h3 > label, .h3 > label, h4 > label, .h4 > label { font-weight: inherit; } #primary-menu ul li a, #actionbar .staticblocks-section .staticblock-field, #page ul.products li.product h3, #page ul.products li.product .add-to-cart-buttons-container a.add-to-cart-button, #popup-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #lang_sel_list, #lang_sel a { font-family: 'Source Sans Pro', Arial, sans-serif; font-weight: 400; } #popup-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #popup-box-sxzw-1 .popupally-inner-sxzw-1 .privacy-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .privacy-sxzw { font-family: 'Source Sans Pro', Arial, sans-serif !important; } a { -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -ms-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -o-transition: color 0.2s, border-color 0.2s, background-color 0.2s; transition: color 0.2s, border-color 0.2s, background-color 0.2s; } a:hover, a:focus { text-decoration: none; } .entry-content a, .entry-footer a { text-decoration: underline } .entry-content a.btn, .entry-content a.button, .entry-content nav a { text-decoration: none } .post-edit-link { margin-right: 10px;} p { margin: 0; } p + p, p + blockquote { --margin-top: 5px; margin-top: 15px; } h1, .h1 { font-size: 44px; } h2, .h2 { font-size: 30px; } /*--------------------------------------------------------------- 5 - UTILITY ---------------------------------------------------------------*/ /*.boxed-layout .boxed-no-gutter,*/ .boxed-no-gutter, .no-gutter { padding: 0 !important; } .row-no-gutter { margin-left: 0; margin-right: 0; } .row-no-gutter > div { padding-left:0; padding-right: 0; } .row-no-gutter .vc_column-inner { padding-left: 0; padding-right: 0; } .no-gutter-horizontal { padding-left: 0 !important; padding-right: 0 !important; } .margin-10 { margin-top: 10px !important; } .margin-20 { margin-top: 20px !important; } .margin-30 { margin-top: 30px !important; } .margin-40 { margin-top: 40px !important; } .margin-50 { margin-top: 50px !important; } .margin-60 { margin-top: 60px !important; } .margin-70 { margin-top: 70px !important; } .margin-80 { margin-top: 80px !important; } .margin-90 { margin-top: 90px !important; } .margin-minus-10 { margin-top: -10px !important; } .margin-minus-20 { margin-top: -20px !important; } .margin-minus-30 { margin-top: -30px !important; } .margin-minus-40 { margin-top: -40px !important; } .margin-minus-50 { margin-top: -50px !important; } .margin-minus-60 { margin-top: -60px !important; } .margin-minus-70 { margin-top: -70px !important; } .margin-minus-80 { margin-top: -80px !important; } .margin-minus-90 { margin-top: -90px !important; } .no-margin { margin: 0 !important; } .no-margin-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .no-padding { padding: 0 !important; } .section { --margin-top: 50px; } .img-circle-wrap img { border-radius: 50%; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-force-white, .text-force-white *{ color: #fff !important; } .text-force-black, .text-force-black *{ color: #000 !important; } .overflow-hidden { overflow: hidden; } /*-------------------------------------------------------------- 6 - Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- 7 - Widgets --------------------------------------------------------------*/ .schon-sidebar-layout-4 #secondary { position: fixed; top: 0; right: -500px; height: 100%; padding-top: 15px; padding-right: 0; z-index: 9999; background-color: #fff; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ms-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .schon-sidebar-layout-4.schon-sidebar-opened #secondary { right: 0; } #secondary .secondary-heading { display: none;} .schon-sidebar-layout-4 #secondary .secondary-heading { display: block; text-align: right; font-size: 1.5em; } .admin-bar.schon-sidebar-layout-4 #secondary { padding-top: 45px; } .schon-sidebar-layout-4 .sidebar-overlay { max-height: 0; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 9998; cursor: pointer; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .schon-sidebar-layout-4.schon-sidebar-opened .sidebar-overlay { max-height: none; opacity: 1; } #secondary .widget { margin-bottom: 50px; } #secondary .widget:first-child .widget-title { margin-top: 0; } .widget .widget-title { font-size: 22px; text-transform: uppercase; margin-bottom: 30px; } .widget > ul, .widget > ol { padding: 0; margin: 0; list-style: none; } .widget .widget-title .text-right { display: block; } .widget ul li { margin: 1em 0; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget_search .search-field { border-radius: 50px !important; } #page ul.cart_list li, #page ul.product_list_widget li { margin-bottom: 20px; padding: 0; } #page ul.cart_list li a, #page ul.product_list_widget li a { font-weight: 500; } #page ul.cart_list li img, #page ul.product_list_widget li img { float: left; width: 79px; margin-right: 10px; } #page ul.product_list_widget li del .amount { opacity: .5; font-size: 85%; } #page ul.product_list_widget li ins {text-decoration: none} #page ul.product_list_widget li .amount { font-size: 128%; font-weight: 600; } #page ul.product_list_widget li a { margin-bottom: 8px; } #page ul.product_list_widget li .star-rating:before, #page ul.product_list_widget li .star-rating :before {font-size: 12px;} .widget.widget_product_categories ul, .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; } .widget.widget_product_categories li, .woocommerce-MyAccount-navigation ul li{ position: relative; margin: 0; } .widget.widget_product_categories li a, .woocommerce-MyAccount-navigation ul li a { padding: 7px 15px 7px 0; text-transform: uppercase; border-width: 0 0 1px 0; display: block; font-weight: 600; } .widget.widget_product_categories .product-categories > li:last-child > a, .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: none; } .widget.widget_product_categories li span { position: absolute; right: 0; top: 5px; } .widget.widget_product_categories ul.children li a { padding: 7px 15px 7px 20px; text-transform: none; } #page .widget_layered_nav ul li a:before{ content: "\f096"; font-family: 'fontAwesome'; margin-right: 0.600em; } #page .widget_layered_nav ul li a:active:before, #page .widget_layered_nav ul li a:focus:before{ content: "\f046"; } #page .widget_layered_nav_filters ul li { float: none; } #page .widget_layered_nav_filters ul li a:before, #page .widget_layered_nav ul li.chosen a:before{ color: inherit; font-family: 'fontAwesome'; content: "\f046"; margin-right: 0.600em; } #page .widget_layered_nav_filters ul li a:active:before, #page .widget_layered_nav_filters ul li a:focus:before, #page .widget_layered_nav ul li.chosen a:active:before, #page .widget_layered_nav ul li.chosen a:focus:before { content: "\f096"; } #page .widget_price_filter .price_slider_wrapper .ui-widget-content { margin: 25px 5px 30px; } #page .widget_price_filter .ui-slider .ui-slider-handle { border-width: 3px; background-color: #fff; } #page .widget_price_filter .price_slider_amount .button { float: right; } #page .widget_price_filter .price_slider_amount { text-align: left; } #page ul.cart_list li .star-rating, #page ul.product_list_widget li .star-rating { margin-bottom: 3px; } #page .widget_shopping_cart .cart_list li a.remove { display: block; position: absolute; right: 0; left: auto; top: 50%; font-size: 22px; margin-top: -11px; } #page .widget_shopping_cart .cart_list li { padding-left: 0; padding-right: 22px; } #page ul.product_list_widget li a.mini_cart_item_image_wrap { float: left; line-height: 0; margin-bottom: 0; } #page .widget_shopping_cart .total { padding: 25px 0 20px; font-weight: 600; font-size: 18px; border-width: 1px 0 1px 0; border-style: solid; } #page .widget_shopping_cart .total .subtotal-label { float: left; font-weight: 600; } #page .widget_shopping_cart .total .subtotal-value { float: right; font-weight: 600; } #page .widget_shopping_cart .buttons { text-align: right; } #page .widget_shopping_cart .buttons .btn { float: none; margin-bottom: 10px; } .yith-woocompare-widget ul.products-list { padding: 0; list-style: none; margin-bottom: 25px; } .yith-woocompare-widget ul.products-list li { position: relative; } .yith-woocompare-widget ul.products-list li a.title { padding-left: 20px; } .yith-woocompare-widget ul.products-list li a.remove { position: absolute; float: none; left: 0; top: 12px; font-size: 0; line-height: 0; } .yith-woocompare-widget ul.products-list li a.remove:before { font-size: 14px; font-family: 'FontAwesome'; content: "\f046"; } .yith-woocompare-widget ul.products-list li a.remove:active:before, .yith-woocompare-widget ul.products-list li a.remove:focus:before { content: "\f096"; } /* Tag cloud */ .widget .tagcloud a { font-size: 1em !important; display: inline-block; border-width: 1px; border-style: solid; border-radius: 50px; padding: 2px 9px; margin-bottom: 5px; } /* Tag cloud */ #page .footer-widgets-row .woocommerce ul.product_list_widget li:last-child { margin-bottom: 0; } /* Calendar */ /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* tables */ .entry-content table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .entry-content table th, .entry-content table td { padding: 0.75rem 1rem; vertical-align: top; border-top: 1px solid #eceeef; } .entry-content table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .entry-content table tbody + tbody { border-top: 2px solid #eceeef; } /*--------------------------------------------------------------- 8 - ELEMENTS ---------------------------------------------------------------*/ /* Social icons list*/ .list-social-icons a{ font-size: 14px; margin: 0 3px; padding: 0 1px; } /* Social icons list*/ /* Page title*/ #page-title-bar { margin-bottom: 3em; padding: 70px 0; position: relative; background-size: cover; background-position: center center; } #page-title-bar > .container { position: relative; z-index: 10; } #page-title-bar .titlebar-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; z-index: 1 } #page-title-bar.dark .titlebar-overlay { background-color: #000; } #page-title-bar.dark, #page-title-bar.dark .entry-title, #page-title-bar.dark li, #page-title-bar.dark a { color: #fff !important; } #page-title-bar.light .titlebar-overlay { background-color: #fff; } #page-title-bar .entry-title { margin-top: 0; margin-bottom: 10px; } #page-title-bar .entry-subtitle{ text-transform: uppercase; margin-bottom: 1em; } /* Page title*/ /* Breadcrumbs */ #breadcrumb-wrap .breadcrumb { padding: 0; margin: 10px 0 0; background-color: transparent; font-size: inherit; } #breadcrumb-wrap .breadcrumb ol { padding: 0; margin: 0;} #breadcrumb-wrap li { display: inline-block; } #breadcrumb-wrap ol li+li:before { content: "\f054"; font-family: 'fontAwesome'; margin: 0 10px; font-size: 70%; } /* Breadcrumbs */ /* #breadcrumb-wrap li a, #breadcrumb-wrap li.active{ color: #a0a0a0; } .breadcrumb > li a:hover, .breadcrumb > li a:focus{ color: #6a6a6a; }*/ /* Comments */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 50px; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Media */ embed, iframe, object { max-width: 100%; } /* Media */ /* Captions */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 7px 0; } /* Captions */ /* Login Popup */ .btn.btn-facebook, .btn.btn-google { margin: 0 0 15px; padding: 15px; } .btn.btn-facebook i, .btn.btn-google i { display: inline-block; padding: 8px; margin: -5px .7em -5px 0; background: rgba(255,255,255,.2); border-radius: 50px; width: 30px; height: 30px; text-align: center; } #login-popup { position: fixed; top: -9999px; left: 20%; width: 60%; background: #fff; padding: 20px 35px 30px; z-index: 99999; border-width: 2px; border-style: solid; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: 0px 0px 12px 1px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 12px 1px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 12px 1px rgba(50, 50, 50, 0.2); } #login-popup #login-popup-close-trigger { float: right;} #login-popup form { margin: 0; padding: 0; border: none; } #login-popup .login-popup__form-wrap .form-row.form-row-last { margin-bottom: 12px !important; } #login-popup.social-enabled .login-popup__social-buttons { float: left; width: 40%; padding: 15px 25px 15px 0; } #login-popup .login-popup__social-buttons .btn { display: block; } #login-popup.social-enabled .login-popup__form-wrap { float: right; width: 60%; padding-left: 25px; border-left: 1px solid rgba(0,0,0,.15); } #login-popup.social-enabled .login-popup__form-wrap .form-row { float: none !important; width: 100% !important; } #login-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 99998; cursor: pointer; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } #login-popup, #login-popup-overlay { max-height: 0; opacity: 0; overflow: hidden; } body.schon-login-popup-opened #login-popup { top: 20%; } body.schon-login-popup-opened #login-popup, body.schon-login-popup-opened #login-popup-overlay { max-height: none; opacity: 1; } .my_account_login-social-buttons { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.15); } .my_account_login-social-buttons .btn { width: 48%; margin: 0 1%; } /* Login Popip */ /* Woocommerce */ .woocommerce nav.woocommerce-pagination { margin-bottom: 90px; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { margin: 0 5px; border: none; } .woocommerce nav.woocommerce-pagination ul li a { border-width: 1px; } nav.schon-pagination { text-align: center; margin-bottom: 90px; } nav.schon-pagination ul { margin: 1px; padding: 0; list-style: none; } nav.schon-pagination ul li { margin: 0 5px; display: inline-block; } nav.schon-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li span { border: 1px solid transparent; } nav.schon-pagination ul li a, nav.schon-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ display: block; width: 2em; height: 2em; line-height: 2; text-align: center; margin: 0; text-decoration: none; font-size: 1em; font-weight: 500; padding: 0; box-sizing: content-box; border-width: 1px; -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -ms-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -o-transition: color 0.2s, border-color 0.2s, background-color 0.2s; transition: color 0.2s, border-color 0.2s, background-color 0.2s; } nav.schon-pagination ul li a:hover, nav.schon-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background-color: rgba(0,0,0,0.15); } #actionbar .search-form { margin: -7px 0; } #masthead .search-form .form-group { margin: 0; position: relative; } #masthead .search-form .form-group .btn { margin: 0; position: absolute; top: 0; right: 0; background: transparent; padding: 7px; } #actionbar .search-form .form-group input, #actionbar .search-form .form-group .woocommerce-product-search-categories-filter{ background: transparent; width: 300px; height: 26px; padding: 4px 30px 6px 15px; } #actionbar .search-form .form-group .woocommerce-product-search-categories-filter { width: auto; line-height: 1 !important; padding-top: 2px; padding-right: 10px; } #actionbar .search-form .form-group .woocommerce-product-search-categories-filter option { color: #333; } #primary-navigation .search-form .form-group input { width: 400px; } #primary-navigation .search-form { margin: -9px 0; } #primary-navigation .search-form .form-group input { padding: 6px 30px 7px 15px; } #primary-navigation .search-form .form-group .btn { padding: 11px; color: inherit} /* Newsletter popup*/ #popup-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw, #popup-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw { text-transform: uppercase; } /* Newsletter popup*/ /* Schon Search form */ .woocommerce-product-search .woocommerce-product-search-categories-filter { width: auto !important; border-right: none; } /* Schon Search form */ /*-------------------------------------------------------------- 8.1 - Elements - Buttons and Forms --------------------------------------------------------------*/ .wishlist_table .add_to_cart.button, .yith-wcwl-add-button a.add_to_wishlist, .yith-wcwl-popup-button a.add_to_wishlist, .wishlist_table a.ask-an-estimate-button, .wishlist-title a.show-title-form, .hidden-title-form a.hide-title-form, .woocommerce .yith-wcwl-wishlist-new button, .wishlist_manage_table a.create-new-wishlist, .wishlist_manage_table button.submit-wishlist-changes, .yith-wcwl-wishlist-search-form button.wishlist-search-button { border-radius: 50px; } .wishlist_table .yith-wcqv-button { display: none !important; } .input-group-btn { font-size: 1em;} .input-group input:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child){ margin: 0 !important; border-radius: 0; } .input-group > input:last-child, .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > input:first-child, .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-btn .btn { margin: 0; } .btn, .button, #page #respond input#submit, /*#page a.button,*/ .woocommerce a.button, #page button.button, #page input.button, #page input[type=submit]{ padding: 10px 24px; margin: 5px; font-size: inherit; font-weight: bold; text-transform: uppercase; line-height: 1; border-radius: 50px; border-width: 0; text-decoration: none; -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -ms-transition: color 0.2s, border-color 0.2s, background-color 0.2s; -o-transition: color 0.2s, border-color 0.2s, background-color 0.2s; transition: color 0.2s, border-color 0.2s, background-color 0.2s; } .schon-featured-banner .btn .fa { font-size: 1.8em; margin: -3em 0; position: relative; display: inline-block; vertical-align: middle; } .btn:not(.btn-default):active, .btn:not(.btn-primary):active, .btn:not(.btn-info):active, .btn:not(.btn-warning):active, .btn:not(.btn-success):active, .btn:not(.btn-danger):active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-ghost { padding: 8px 22px; } .btn-ghost, .btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-ghost:active:hover, .btn-ghost:active:focus { background-color: transparent; border-width: 2px; } .btn.btn-xl, .button.btn-xl { padding: 16px 32px; font-size: 1.3em; } .btn-ghost.btn-xl { padding: 14px 30px; } .btn.btn-lg, .button.btn-lg { padding: 14px 28px; font-size: 1.2em; } .btn-ghost.btn-lg { padding: 12px 26px; } .btn.btn-sm, .button.btn-sm { padding: 8px 22px; font-size: .9em; } .btn-ghost.btn-sm { padding: 6px 20px; } .btn.btn-xs, .button.btn-xs { padding: 6px 15px; font-size: .8em; } .btn-ghost.btn-xs { padding: 4px 13px; } .btn.btn-small-radius { border-radius: 8px; } .btn.btn-sm.btn-small-radius, .btn.btn-xs.btn-small-radius{ border-radius: 6px; } .btn.btn-no-radius { border-radius: 0; } .form-control, .input-text { height: 35px; } label { display: block; margin: 0 0 0 15px; line-height: 2.2; font-weight: 600; } /*.woocommerce form .form-row label {*/ /*margin: 0 0 0 15px;*/ /*line-height: 2.2;*/ /*}*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .input-text, .form-control { padding: 6px 15px; border-radius: 10px; border-width: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .input-text:focus, .input-text:focus, .form-control:focus { -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, .085); box-shadow: inset 0 2px 8px rgba(0, 0, 0, .085); border-color: rgba(0,0,0,.25) } select select.form-contorl { padding-right: 30px; position: relative; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.4) 50%), linear-gradient(135deg, rgba(0,0,0,0.4) 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } textarea, textarea.input-text, textarea.form-control { border-radius: 15px; padding: 15px; max-width: 100% } .woocommerce form .form-row.woocommerce-validated .select2-container .select2-choice { border-radius: 50px; padding: 10px 15px; line-height: 1; } .woocommerce form .form-row.woocommerce-validated .select2-container.select2-dropdown-open .select2-choice { border-radius: 15px 15px 0 0; } .select2-container .select2-choice, .select2-drop-active .select2-choice, .select2-drop.select2-drop-above.select2-drop-active .select2-choice{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .select2-drop-active { border-radius: 0 0 15px 15px ; padding: 10px; } .select2-container .select2-choice, .select2-drop-active .select2-choice, .select2-drop.select2-drop-above.select2-drop-active .select2-choice, .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active, .select2-dropdown-open.select2-drop-above .select2-choice { border-color: rgba(0,0,0,.1); } .select2-container .select2-choice .select2-arrow { right: 7px; } .select2-container .select2-choice .select2-arrow b:after { border-top-color: rgba(0,0,0,.4); } .select2-dropdown-open .select2-choice .select2-arrow b:after { border-top-color: transparent; border-bottom-color: rgba(0,0,0,.4); } .wpcf7-form-control-wrap .wpcf7-form-control { width: 100%; } /* Special code added by Jeong, 2022/07/05 */ input[type="number"], .input-text, .form-control{ padding: 6px 5px; border-radius: 10px; } /*--------------------------------------------------------------- 8.2 - ELEMENTS - Galleries ---------------------------------------------------------------*/ .gallery { margin-bottom: 15px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- 9 - HEADER AND FOOTER --------------------------------------------------------------*/ #masthead.overlapping-header { position: absolute; width: 100%; z-index: 200; background: none; } #masthead.overlapping-header #actionbar, #masthead.overlapping-header #header-wrap:not(.is-sticky), #masthead.overlapping-header #header-wrap:not(.is-sticky) #primary-navigation { background: none; } #header-wrap .navbar { margin-bottom: 0; border: none; z-index: 250; } /*.navbar-collapse.in { overflow-y: initial;}*/ #primary-navigation-menu-wrap .nav > li > a:hover, #primary-navigation-menu-wrap .nav > li > a:focus { background-color: transparent; } #primary-navigation-menu-wrap ul { list-style: none; padding: 0; } /*****/ #actionbar { position: relative; --z-index: 220; } .search-fullpage-active #actionbar { z-index: 120; } #actionbar, #actionbar-menu a{ line-height: 1; } #actionbar > .container { border-width: 0 0 1px 0; } @media screen and (min-width: 1200px) { #actionbar > .container { display: flex; justify-content: space-between; align-items: center; } #actionbar .actionbar-fields-left, #actionbar .actionbar-fields-right { display: flex; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; display: flex; align-items: center; } #actionbar .actionbar-fields-right { justify-content: flex-end; } #actionbar .actionbar-fields-left .staticblock-field, #actionbar .actionbar-fields-right .staticblock-field { --display: flex; --align-items: center; } } #actionbar .actionbar-fields-left { float: left; margin-left: -15px; } #actionbar .actionbar-fields-right { float: right; margin-right: -15px; } #header-wrap .staticblocks-section .staticblock-field { display: block; float: left; font-size: 1em; margin: 15px 20px; } .staticblocks-section .staticblock-field .list-social-icons { margin: 0; } .staticblocks-section .staticblock-field .fa { display: inline-block; margin-right: 5px; } #lang_sel { height: auto; position: relative; margin-top: 2px; } #lang_sel ul ul, #lang_sel li { width: 100%; } #lang_sel a.lang_sel_sel { background-image: none !important; line-height: 1; padding-left: 0; } #lang_sel a.lang_sel_sel:after { font-family: 'fontawesome'; content: "\f0d7"; position: relative; font-size: 12px; margin-left: 20px; border: none; } #lang_sel a.lang_sel_sel { background: transparent !important; border-color: transparent !important; font-size: 1em; } #lang_sel a img { vertical-align: baseline; } #lang_sel ul ul { border: none !important; top: 0; padding-top: 25px !important; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal{ height: auto; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal ul { border: none; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li { padding: 5px !important; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li a { background-color: transparent !important; font-size: 1em; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li a.lang_sel_sel { text-decoration: underline; } .staticblocks-section #lang_sel_list.lang_sel_list_horizontal li img { vertical-align: baseline; } .is-sticky #actionbar { display: none; } #header-wrap, #primary-navigation{ background-color: #fff; } #header-wrap .navbar { border-bottom: none; margin-bottom: 0; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .navbar-brand { padding: 12px 15px; height: auto; } .navbar-header .staticblocks-section { display: inline-block; float: left; } .nav a { display: block; text-decoration: none; background-color: transparent; } .nav, .nav ul { list-style: none; padding: 0; } .nav > li > div.sub-menu-wrap, .nav > li:not(.megamenu) div.sub-menu-wrap, .mini-cart-header .inner{ position: absolute; top: 20px; left: -9999px; z-index: 900; /**/ min-width: 150px; } /*.nav > li:not(.megamenu) li > div.sub-menu-wrap { position: absolute; top: -10px; margin-left: -9999px; z-index: 900; }*/ .nav li { position: relative; } .nav li li { padding-left: 30px; padding-right: 30px; } .nav ul a { --width: 200px; padding: 5px 10px; } /*.nav ul ul {*/ /*left: -999em;*/ /*top: 0px;*/ /*}*/ .nav > li:hover > div.sub-menu-wrap, .mini-cart-header:hover .inner, .mini-cart-header.active .inner { left: auto; } .nav li li:not(.megamenu):hover > div.sub-menu-wrap { left: 162px; } .nav li.edge:hover > div.sub-menu-wrap{ right: 0 !important; margin-left: auto; margin-right: -15px; } .nav li li:not(.megamenu).edge:hover > div.sub-menu-wrap { right: 145px !important; } /*.nav li > ul li.edge:hover > ul{*/ /*left: -100% !important;*/ /*}*/ /*#primary-menu ul.opening {*/ /*overflow: hidden;*/ /*max-height: 600px;*/ /*border-width: 1px;*/ /*border-style: solid;*/ /*-webkit-transition: max-height 0.6s;*/ /*-moz-transition: max-height 0.6s;*/ /*transition: max-height 0.6s;*/ /*}*/ /*#primary-menu ul.opened {*/ /*overflow: visible;*/ /*max-height: 600px;*/ /*border-width: 1px;*/ /*border-style: solid;*/ /*}*/ #actionbar-menu li:before { display: inline-block; content: ""; width: 1px; height: 10px; } #actionbar-menu a { display: inline-block; font-size: 1em; padding: 15px 17px; } #actionbar-menu li:first-child:before { display: none; } #primary-menu .submenu-arrow { display: none; } #primary-navigation { position: relative; z-index: 200; } /* Header menu alignments */ /* Space above and below menu items (in header layout 1) */ .header_layout_1 #primary-menu > li > a, .primary-menu-icons .primary-menu-icon { padding-top: 32px; padding-bottom: 32px; } /* Space above and below menu items (in header layout 1) */ .header_layout_2 #primary-menu > li > a { padding-top: 17px; padding-bottom: 13px; } /* Space above and below the logo */ #primary-navigation .navbar-brand { padding-top: 25px; padding-bottom: 30px; } /* Space above static block near the logo (useful to align it with the logo) */ .navbar-header .staticblocks-section { margin-top: 20px; } /* Space above and below the menu items (when the header is sticky) */ #header-wrap.is-sticky #primary-menu > li > a, #header-wrap.is-sticky #primary-navigation .primary-menu-icon { padding-top: 15px; padding-bottom: 10px; } /* Space above and below the logo items (when the header is sticky) */ #header-wrap.is-sticky #primary-navigation .navbar-brand { padding-top: 13px; padding-bottom: 15px; } /* Space above static block near the logo (when the header is sticky, useful to align it with the logo) */ #header-wrap.is-sticky .navbar-header .staticblocks-section { margin-top: 5px; } .primary-menu-icons .primary-menu-icon { margin: -5px 0 0; } .primary-menu-icons .primary-menu-icon i { display: inline; } .primary-menu-icons .navbar-login-trigger { background: #f0f0f0; padding: 6px; display: block; margin: -6px 0; border-radius: 5px; -webkit-transition: background 0.2s, color 0.2s !important; -moz-transition: background 0.2s, color 0.2s !important; -ms-transition: background 0.2s, color 0.2s !important; -o-transition: background 0.2s, color 0.2s !important; transition: background 0.2s, color 0.2s !important; } .primary-menu-icons .navbar-login-trigger:hover { background: #e0e0e0; } /* Header menu alignments */ body.header_layout_2 #primary-navigation-menu-wrap { text-align: center; border-width: 1px 0 0 0; } body.header_layout_2 #primary-menu li { text-align: left; } body.header_layout_2 #primary-menu { display: inline-block; float: none !important; } .primary-menu-icons > div, #primary-menu > li > a, #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a { font-size: 14px; } #primary-menu a, .primary-menu-icons .primary-menu-icon > a, .primary-menu-icons .primary-menu-icon .mini-cart-icon > a{ -webkit-transition: color 0.2s !important; -moz-transition: color 0.2s !important; -ms-transition: color 0.2s !important; -o-transition: color 0.2s !important; transition: color 0.2s !important; } #primary-menu > li { margin-left: 15px; } #primary-menu li.separator:after { display: block; content: ""; height: 1px; margin: 0.3em 0; background-color: rgba(0,0,0,.1); } #primary-menu > li > a { text-transform: uppercase; padding-left: 5px; padding-right: 5px; } #primary-menu > li > a:before { } #primary-menu > li:hover > a:before, #primary-menu > li:focus > a:before, #primary-menu > li:active > a:before, #primary-menu > li.current-menu-item > a:before { } #primary-menu > li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f107"; display: inline-block; font-weight: bold; margin-left: 6px; } #primary-menu > li:not(.megamenu) li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f105"; display: inline-block; font-weight: bold; margin-left: 6px; position: absolute; right: -10px; } /*#primary-menu > li > ul {*/ @media screen and (min-width: 768px) { #primary-menu > li > div.sub-menu-wrap, #primary-menu > li:not(.megamenu) li div.sub-menu-wrap{ max-height: 0; top: 100%; margin-top: -20px; margin-left: -15px; opacity: 0; padding: 15px 0; border-width: 2px; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); -webkit-transition: opacity 0.2s, margin-top 0.2s; -moz-transition: opacity 0.2s, margin-top 0.2s; -ms-transition: opacity 0.2s, margin-top 0.2s; -o-transition: opacity 0.2s, margin-top 0.2s; transition: opacity 0.2s, margin-top 0.2s; } #primary-menu > li:not(.megamenu) li div.sub-menu-wrap { top: 0; padding: 5px 0; } #primary-menu > li:hover > div.sub-menu-wrap, #primary-menu > li:active > div.sub-menu-wrap, #primary-menu > li:focus > div.sub-menu-wrap, #primary-menu > li:not(.megamenu) li:hover > div.sub-menu-wrap, #primary-menu > li:not(.megamenu) li:active > div.sub-menu-wrap, #primary-menu > li:not(.megamenu) li:focus > div.sub-menu-wrap{ max-height: none; margin-top: 0px; opacity: 1; } } .sub-menu-wrap-arrow { display: none; } #primary-menu > li > div.sub-menu-wrap>.sub-menu-wrap-arrow, .mini-cart-header .inner:before{ display: block; content: ""; position: absolute; top: -10px; left: 28px; width: 0; height: 0; border-width: 0 6px 8px 6px !important; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; } #primary-menu > li.edge > div.sub-menu-wrap>.sub-menu-wrap-arrow { left: auto; right: 30px; } @media screen and (min-width: 768px) { #primary-menu > li.megamenu > div.sub-menu-wrap { min-width: 0; padding-left: 25px; padding-right: 25px; } #primary-menu > li.megamenu > div.sub-menu-wrap li { padding-left: 0; padding-right: 0; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li { float: left; padding: 0 10px; min-width: 130px; box-sizing: content-box; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-100 { width: 100px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-120 { width: 120px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-140 { width: 140px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-160 { width: 160px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-180 { width: 180px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-200 { width: 200px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-220 { width: 220px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-240 { width: 240px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-260 { width: 260px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-280 { width: 280px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.width-300 { width: 300px; } #primary-menu > li.megamenu > div.sub-menu-wrap li:not(.megamenu-column) div.sub-menu-wrap > ul > li > a { padding-top: 4px; padding-bottom: 4px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a { text-transform: uppercase; margin-bottom: 7px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li > a:after, #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li > a:after { display: block; content: ""; width: 70px; height: 2px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.megamenu-column > a { font-size: 0; line-height: 0; } #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li { margin-top: 1.07em; } #primary-menu li.megamenu li.megamenu-column > div.sub-menu-wrap > ul > li:first-child { margin-top: 0; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.image-column > a { font-size: 0; line-height: 0; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.image-column.image-without-padding > a { margin-right: -45px; margin-top: -23px; margin-bottom: -23px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.image-column.image-without-padding.remove-link { margin-top: -15px; margin-bottom: -15px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.megamenu-column > a, #primary-menu > li.megamenu li.image-column > a:after { display: none !important; } #primary-menu > li.megamenu li.image-column > a > img { width: 100%; height: auto; margin: 0; } } #primary-menu ul li > a { position: relative; padding: 6px 0; font-size: inherit; --white-space: nowrap; min-width: 115px } #primary-menu > li.has-submenu > a:after { font-family: FontAwesome; content: "\f107"; display: inline-block; font-weight: bold; margin-left: 3px; } #primary-menu ul li.has-submenu > a:after { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-right: 3px; vertical-align: middle; float: right; } .primary-menu-icons { margin-left: 10px; } .primary-menu-icon { padding: 12px 10px 17px; display: inline-block; } .primary-menu-icon > .fa, .primary-menu-icon .icon { font-size: 1.85em; margin: 0; width: auto; line-height: 1; vertical-align: text-top; } .primary-menu-icon > .fa.fa-heart-o { font-weight: 900; } /** Minicart **/ .mini-cart-header { position: relative; padding: 12px 0 17px; } .mini-cart-header .mini-cart-icon { position: relative; } .mini-cart-header .mini-cart-icon a { position: relative; padding: 0 10px; } .mini-cart-header .mini-cart-icon a span { position: absolute; bottom: -20px; right: -4px; border-radius: 50%; width: 24px; height: 24px; box-sizing: border-box; text-align: center; font-size: 0.85em; padding-top: 2px; border-width: 2px; } .mini-cart-header .inner { display: block; position: absolute; max-height: 0; opacity: 0; margin-top: -20px; width: 380px; right: 0; top: 90%; z-index: 10; background-color: #FFF; border-width: 2px; -webkit-transition: opacity 0.2s, margin-top 0.2s; -moz-transition: opacity 0.2s, margin-top 0.2s; -ms-transition: opacity 0.2s, margin-top 0.2s; -o-transition: opacity 0.2s, margin-top 0.2s; transition: opacity 0.2s, margin-top 0.2s; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); } .minicart-heading { display: none; } .minicart_layout_2 .mini-cart-header .inner { position: fixed; height: 100vh; width: 400px; top: 0; right: -400px; max-height: none !important; left: auto; z-index: 1000; opacity: 1; margin: 0 !important; -webkit-transition: right 0.2s; -moz-transition: right 0.2s; -ms-transition: right 0.2s; -o-transition: right 0.2s; transition: right 0.2s; } .minicart_layout_2 .minicart-heading { display: block; text-align: right; margin-bottom: 15px; font-size: 1.5em; } .logged-in.minicart_layout_2 .mini-cart-header .inner { top: 32px; } .minicart_layout_2 .mini-cart-header.fixed-opened .inner { right: 0; } .mini-cart-header .inner .mCSB_container { padding: 32px 40px 40px; margin: 0; } .minicart_layout_2 .mini-cart-header .inner .mCSB_container { padding-top: 20px; } .mini-cart-header .inner.cart-empty .mCSB_container { padding: 15px; } .mini-cart-header .inner .mCSB_scrollTools .mCSB_draggerContainer { top: 20px; bottom: 20px; } .mini-cart-header .inner.cart-empty .empty { font-size: 1.8em; line-height: 1.2; text-align: center; } .mini-cart-header .inner.cart-empty .empty:before { font-family: "FontAwesome"; content: "\f291"; display: block; font-size: 2.5em; margin-bottom: 0.2em; opacity: 0.6; } .minicart_layout_2 .mini-cart-header .inner .minicart-close { display: block; } .mini-cart-header .inner:before{ left: auto; right: 20px; } .mini-cart-header:hover .inner, .mini-cart-header.active .inner{ max-height: 65vh; margin-top: -1px; opacity: 1; z-index: 500; } .mini-cart-header .mini-cart-overlay { max-height: 0; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 300; pointer-events: none; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .minicart_layout_1 .mini-cart-header.active .mini-cart-overlay, .minicart_layout_1 .mini-cart-header:hover .mini-cart-overlay, .minicart_layout_2 .mini-cart-header.fixed-opened .mini-cart-overlay { max-height: none; opacity: 1; } .minicart_layout_2 .mini-cart-header .mini-cart-overlay { pointer-events: inherit; } .minicart_layout_1 .mini-cart-header .inner.cart-empty { width: 200px; } .minicart_layout_2 .mini-cart-header .inner.cart-empty { width: 300px; } .mini-cart-header .inner ul { background-color: #FFF !important; } .mini-cart-header .cart_list { --padding: 44px; padding: 0; list-style: none; } .cart_list .mini_cart_item { position: relative; padding-right: 22px; margin: 9px 0; overflow: hidden; } .cart_list .mini_cart_item_image_wrap, .cart_list .mini_cart_item img { float: left; max-width: 74px; height: auto; margin-right: 20px; width: 100%; line-height:1; } .cart_list .mini_cart_item_name, .cart_list .mini_cart_item_price, .cart_list .mini_cart_item_price .amount, .cart_list .mini_cart_item_quantity { display: block; font-size: inherit; font-weight: 500; line-height: 1; } .cart_list .mini_cart_item_name { margin-top: 3px; } .cart_list .mini_cart_item_price, .cart_list .mini_cart_item_quantity { margin-top: 8px; } #page ul.product_list_widget li .mini_cart_item_price .amount { font-size: 1.1em; } .mini-cart-header ul.cart_list li dl, .mini-cart-header .product_list_widget li dl { display: inline-block; font-size: .85em; border: none; padding: 0; margin: 0; margin-top: 7px; } .mini-cart-header .cart_list li dl dt, .mini-cart-header .product_list_widget li dl dt { padding: 0; margin: 0; } .mini-cart-header ul.cart_list li dl dd, .mini-cart-header ul.product_list_widget li dl dd, .mini-cart-header ul.cart_list li dl dt, .mini-cart-header ul.product_list_widget li dl dt{ padding-bottom: 0; margin-bottom: 0; display: inline-block; } #page .mini-cart-header.widget_shopping_cart .buttons .btn { float: left; margin-bottom: 0; } #page .mini-cart-header.widget_shopping_cart .buttons .btn.checkout { float: right; } #search-fullpage-wrap { position: fixed; width: 100%; height: 200%; z-index: 100; max-height: 0; opacity: 0; -webkit-transition: opacity 0.2s, max-height 0s ease 0.2s; -moz-transition: opacity 0.2s, max-height 0s ease 0.2s; -ms-transition: opacity 0.2s, max-height 0s ease 0.2s; -o-transition: opacity 0.2s, max-height 0s ease 0.2s; transition: opacity 0.2s, max-height 0s ease 0.2s; } #search-fullpage-wrap.active { max-height: 99999px; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .search-fullpage-form-wrapper { display: none; position: fixed; top: 50%; left: 50%; margin-left: -172px; width: 380px } #search-fullpage-wrap.active .search-fullpage-form-wrapper { display: block; } .search-fullpage-form-wrapper .search-field { font-weight: normal; font-size: 24px; padding: 0 0 0 10px; width: 300px; border: none; float: left; --border-left: 1px solid #bdbdbd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .search-fullpage-form-wrapper .submit-field { background: none; border: none; font-size: 28px; margin: 8px 10px 0; } .close-search-fullpage-trigger-wrap { margin-top: 30px; text-align: center; } .close-search-fullpage-trigger { font-size: 28px; } #header-wrap.is-sticky { position: fixed; width: 100%; left: 0; top: -60px; z-index: 900; -webkit-transition: background 0.3s ease 0.2s; -moz-transition: background 0.3s ease 0.2s; -ms-transition: background 0.3s ease 0.2s; -o-transition: background 0.3s ease 0.2s; transition: background 0.3s ease 0.2s; } #header-wrap { -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .boxed-layout #header-wrap.is-sticky { background-color: transparent !important; } .wide-layout #header-wrap.is-sticky, body.search-fullpage-active #primary-navigation{ -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .responsive-navigation-triggers { display: none;} .navbar-toggle { position: relative; float: none; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid #888; border-radius: 4px; } .navbar-toggle:active { background-color: #ddd; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media screen and (min-width: 768px) { #primary-navigation-menu-wrap .nav ul li:hover > ul { left: 100%; } } /* Small menu. */ @media screen and (max-width: 767px) { #header-wrap .site-brand { margin-left: 15px; } #primary-navigation-menu-wrap .nav ul, #primary-navigation-menu-wrap .nav ul ul, #primary-navigation-menu-wrap .nav .sub-menu-wrap{ float: none; position: relative; top: auto; left: auto; z-index: 1; /**/ padding-left: 15px; } #primary-navigation-menu-wrap .nav > li > .sub-menu-wrap > ul{ padding-right: 15px; } #primary-navigation-menu-wrap .nav li.megamenu-column > .sub-menu-wrap > ul { padding: 0; } #primary-navigation-menu-wrap .nav li.megamenu-column > a { display: none; } } /****************/ /**** Footer ****/ .footer-widgets-row > .container{ padding-top: 50px; padding-bottom: 50px; } .footer-widgets-row .widget-title { font-size: 16px; font-weight: bold; margin: 0 0 35px; text-transform: none; } .footer-widgets-row .list-social-icons a { font-size: 16px; } .footer-widgets-row p+p { margin-top: 5px; } .footer-widget-column ul { list-style: none; padding: 0; } #footer-widgets-row-1 > .container, #footer-widgets-row-1 { border-bottom: 1px solid transparent; } #site-info, #site-info>.container{ border-top: 1px solid transparent; } #site-info { text-align: center; } #site-info > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; } .footer-copyright-content { padding: 25px; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; } .footer-copyright-content p+p { margin: 5px 0; } .footer-copyright-left { padding-left: 0; text-align: left; } .footer-copyright-right { padding-right: 0; text-align: right; } /*-------------------------------------------------------------- 10 - POSTS & PAGES --------------------------------------------------------------*/ /* Blog */ article.post { margin-bottom: 50px; } article.post:last-child { margin-bottom: 0; } article.post .entry-header picture { display: block; width: 100%; } article.post .entry-title { margin-top: 0; margin-bottom: 0.4em; } article.post.has-post-thumbnail .entry-title { margin-top: 0.5em; } .entry-footer { margin-top: 20px; } article.post .entry-header .entry-meta > span, article.post .entry-footer > span { display: inline-block; margin-right: 35px; } article.post .entry-header .entry-meta span:last-child, article.post .entry-footer span:last-child { margin-right: 0; } article.post .entry-header .entry-meta span .fa, article.post .entry-footer span .fa, article.post .entry-header .entry-meta span .icon, article.post .entry-footer span .icon { margin-right: 8px; } article.post .entry-content { margin-top: 2em; } article.post .entry-content img { margin-bottom: 1.5em; } .more-link-wrap { display: block;} .layout-2 article.post .entry-header .featured-image-link { width: 30%; float: left; } .blog-post-date-badge.layout-2 .has-post-thumbnail .entry-title-container { padding-left: 0; } .layout-2 article.post.has-post-thumbnail .entry-title { margin-top: 0;} .layout-2 article.post.has-post-thumbnail .entry-title, .layout-2 article.post.has-post-thumbnail .entry-meta, .layout-2 article.post.has-post-thumbnail .entry-content, .layout-2 article.post.has-post-thumbnail .entry-footer { float: right; width: 65%; } .layout-3.blog-post-date-badge article.post .entry-title { margin-top: 100px;} .layout-3 article.post.has-post-thumbnail .entry-title { margin-top: 0.3em;} .layout-3 article .entry-title a { font-size: 0.8em; } .layout-3 article.post { position: relative; float: left; width: 32%; margin-right: 2%; } .layout-3 .blog-posts-container article.post:nth-child(3n+2) { margin-right: 0; } .layout-3.blog-post-date-badge .entry-title-container { padding-left: 0; } .layout-3.blog-post-date-badge .entry-title-container { position: inherit; } .layout-3 article.post .entry-header .entry-meta > span, .layout-3 article.post .entry-footer > span { margin-right: 20px; margin-bottom: 5px; } .layout-3 .grid-sizer { width: 30%; } .layout-3 .gutter-sizer { width: 5%; } .entry-header .entry-meta span.posted-on a span.day, .entry-header .entry-meta span.posted-on a span.month { display: none; } .blog-post-date-badge .entry-title-container { position: relative; padding-left: 100px; --overflow: hidden; padding-top: 1px; min-height: 80px; } .blog-post-date-badge article.post .entry-content { line-height: 1.8; } .blog-post-date-badge article.post .entry-header .entry-meta span.posted-on { position: absolute; left:0; top: 0; } .blog-post-date-badge .entry-header .entry-meta span.posted-on i { display: none; } .blog-post-date-badge .entry-header .entry-meta span.posted-on a { display: block; width: 80px; height: 80px; text-align: center; overflow: hidden; } .blog-post-date-badge .entry-header .entry-meta span.posted-on a span.full { display: none; } .blog-post-date-badge .entry-header .entry-meta span.posted-on a span.day { color: #fff; font-size: 2em; display: block; margin-top: 0.5em; margin-bottom: 0.1em; line-height: 1; width: 100%; } .blog-post-date-badge .entry-header .entry-meta span.posted-on a span.month { display: block; font-weight: 600; text-transform: capitalize; color: #fff; } .authorbox { padding: 40px; margin-bottom: 50px; } .authorbox img { float: left; margin-right: 40px; } .authorbox .author-name { margin-top: 0; } .single-post article .entry-header picture { margin-bottom: 1em; } /* Comments */ .comment-respond #comment { width: 600px; } .comment-content a { word-wrap: break-word; } .comment-meta .media-heading cite { font-style: normal; } .comment-reply-link { margin-top: 15px; } .bypostauthor { display: block; } .comment .comment { margin-top: 30px; } .comment.parent { margin-bottom: 0; padding-bottom: 0; } /*.comment {*/ /*margin-bottom: 30px;*/ /*padding-bottom: 30px;*/ /*border-bottom: 1px solid rgba(0,0,0,.2)*/ /*}*/ .comment.depth-1 { margin-bottom: 30px; padding-bottom: 30px; border-width: 0 0 1px 0; } .comment.depth-2, .comment.depth-3, .comment.depth-4, .comment.depth-5 { margin-left:85px; } .comments-container { margin-top: 30px; } .comments-container .depth-1:last-child { border: none; } .comment .reply { margin-top: 10px; } .comment-author .avatar { max-width: none; } /* Comments */ /* Blog */ /* Woocommerce */ /* Elements */ #page .widget_shopping_cart .cart_list li a.remove, .woocommerce a.remove { font-weight: 600; line-height: 1; color: #f05c5c !important; background-color: transparent !important; } #page .widget_shopping_cart .cart_list li a.remove:hover, #page .widget_shopping_cart .cart_list li a.remove:focus, .woocommerce a.remove:hover, .woocommerce a.remove:focus { color: #af1f1e !important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { margin: 1.5em 0 3em !important; padding: 1.5em 4em !important; border-radius: 100px; border-width: 1px !important; border-style: solid; font-size: 1.1em; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { font-size: 0.92em; margin: -0.5em 0; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 50%; left: 2em; margin-top: -0.6em; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin-bottom: 2.5em; } .woocommerce .woocommerce-result-count { margin-top: 0.5em; } .woocommerce form .form-row .required {color: inherit} #schon-shop-steps-wrapper { text-align: center; margin-bottom: 40px; } #schon-shop-steps-inner { display: inline-block; } #schon-shop-steps-wrapper .shop-step { float: left; margin: 0 10px; opacity: 0.4; } #schon-shop-steps-wrapper .shop-step.active { opacity: 1; } #schon-shop-steps-wrapper .shop-step-line { position: relative; height: 2px; width: 115px; background-color: rgba(0,0,0,.1); top: 43px; } /*#schon-shop-steps-wrapper .shop-step:before {*/ /*display: block;*/ /*content: " ";*/ /*height: 1px;*/ /*width: 100px;*/ /*}*/ #schon-shop-steps-wrapper .step-number { display: inline-block; border-width: 3px; border-radius: 50%; width: 85px; height: 85px; line-height: 80px; font-size: 30px; font-weight: 700; } #schon-shop-steps-wrapper .step-label { font-size: 1.2em; font-weight: 700; margin-top: 10px; } /* Elements */ /* Loop */ .gridlist-toggle { clear: none; padding: 0 !important; float: right; margin: 0 0 15px 20px !important } .gridlist-toggle a { background-color: transparent; border-width: 1px; border-radius: 50% } .gridlist-toggle #grid { margin-right: 10px;} .gridlist-toggle a .dashicons-grid-view:before { font-family: 'FontAwesome'; content: "\f009"; } .gridlist-toggle a .dashicons-exerpt-view:before { font-family: 'FontAwesome'; content: "\f03a"; } #page #shon-shop_active-filters ul li { float: right; } #page #shon-shop_active-filters > ul > li { padding: 5px 0; } #page #shon-shop_active-filters li a { display: inline-block; font-size: 1.3em; margin-right: 2em; } #schon-shop_filters-accordion-trigger { margin: 0 0 15px 0; float: right; } #schon-shop_filters-accordion-wrap { margin-bottom: 1em; } #shon-shop_active-filters, #schon-shop_filters-accordion-inner { background-color: #f5f5f5; } #schon-shop_filters-accordion-inner { display: flex; flex-wrap: wrap; } #schon-shop_filters-accordion-wrap .widget { position: relative; padding: 25px 20px; flex: 1 0; } #schon-shop_filters-accordion-wrap .widget:before { position: absolute; display: block; content: ""; top: 2.5%; left: 0; height: 95%; width: 1px; background-color: rgba(0,0,0,.1); } #schon-shop_filters-accordion-wrap .widget:first-child:before { display: none; } #schon-shop_filters-accordion-wrap .widget-title { margin-top: 0; } .woocommerce ul.products li.product .price { margin-bottom: 1em; } .woocommerce ul.products li.product .price del { display: inline-block; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price > .amount { vertical-align: middle; } #page ul.products li.product h3 { text-transform: none; font-size: 1.20em; font-weight: 500; padding-top: 1em; padding-bottom: .3em; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .woocommerce ul.products li.product .star-rating { margin: 0; } #page .product .price, #yith-quick-view-modal .product .price{ font-size: 1.3em; font-weight: 600; margin-bottom: 15px; } .woocommerce ul.products li.product .price ins { font-weight: 600; } #page .product .price ins, #yith-quick-view-modal .product .price ins{ text-decoration: none; } #page .product .price del, #yith-quick-view-modal .product .price del{ font-size: 0.65em; } .woocommerce .products .star-rating { display: inline-block; } #page .star-rating:before { color: #ddd; } #page .star-rating span:before, .woocommerce .woocommerce-product-rating .star-rating { color: #e6c376; } #page ul.products li.product .woocommerce-product-image-container { position: relative; overflow: hidden; } #page ul.products li.product .woocommerce-product-image-wrap { display: block; } /*#page ul.products li.product {*/ /*opacity: 1;*/ /*-webkit-transition: opacity 0.2s;*/ /*-moz-transition: opacity 0.2s;*/ /*-ms-transition: opacity 0.2s;*/ /*-o-transition: opacity 0.2s;*/ /*transition: opacity 0.2s;*/ /*}*/ /*#page ul.products li.product.not-hover {*/ /*opacity: 0.4*/ /*}*/ @media screen and (min-width: 768px) { .woocommerce-page .upsell ul.products li.product, .woocommerce .upsell ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .related ul.products li.product { width: 22.05%; margin-bottom: 0; } } #page ul.products li.product .woocommerce-product-image-wrap:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; z-index: 10; } #page ul.products li.product .woocommerce-product-image-container:hover .woocommerce-product-image-wrap:before { background: rgba(0,0,0,.3); } #page ul.products li.product .woocommerce-product-image-wrap img { position: relative; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 1; } #page ul.products li.product .add-to-cart-buttons-container { position: absolute; width: 100%; left: 0; bottom: 0; padding: 1px; z-index: 20; } #page ul.products li.product .add-to-cart-buttons-container a { position: relative; display: block; border: none; float: left; width: 25%; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; background: #fff; font-weight: 500; padding: 0; bottom: -60px; line-height: 50px; height: 50px; font-size: 0; -webkit-transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1), color 0.2s; -webkit-transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1.400), color 0.2s; -moz-transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1.400), color 0.2s; -ms-transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1.400), color 0.2s; -o-transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1.400), color 0.2s; transition: bottom 0.2s cubic-bezier(0.500, 0.250, 0.295, 1.400), color 0.2s; } #page ul.products li.product .add-to-cart-buttons-container a .icon, #page ul.products li.product .add-to-cart-buttons-container a .fa, #page ul.products li.product .add-to-cart-buttons-container a:before { font-size: 18px; } #page ul.products li.product .add-to-cart-buttons-container:not(.buttons-4) a { font-size: 14px; } #page ul.products li.product .add-to-cart-buttons-container a.add-to-cart-button.added { display: none; } #page ul.products li.product .add-to-cart-buttons-container a.added_to_cart { font-size: 0; } #page ul.products li.product .add-to-cart-buttons-container a.added_to_cart:before { font-family: 'simple-line-icons'; content: "\e080"; } #page ul.products li.product .add-to-cart-buttons-container:not(.buttons-4) a.add-to-cart-button:before { --margin-right: 4px; display: block; } #page ul.products li.product .add-to-cart-buttons-container:not(.buttons-4) a.add-to-cart-button { font-size: 14px; text-transform: none; font-weight: 500; line-height: 1.3; padding-top: 4px } #page ul.products li.product .add-to-cart-buttons-container a.add-to-cart-button:before { font-family: 'simple-line-icons'; content: "\e035"; } #page ul.products li.product a.add-to-cart-button.catalog-button:before { font-family: 'simple-line-icons'; content: "\e079"; } #page ul.products li.product .add-to-cart-buttons-container a.add-to-compare:before { content: "\f0ec"; font-family: 'FontAwesome'; } #page ul.products li.product .add-to-cart-buttons-container a.add-to-wishlist:before { font-family: 'FontAwesome'; content: '\f08a'; } #page ul.products li.product .add-to-cart-buttons-container a.add-to-wishlist.wishlist-added:before { font-family: 'FontAwesome'; content: '\f004'; } #page ul.products li.product .add-to-cart-buttons-container a.add-to-wishlist.wishlist-added:after { display: none; } #page ul.products li.product .add-to-cart-buttons-container a.quickview:before { font-family: 'simple-line-icons'; content: '\e087'; } #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container a:nth-child(2) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -ms-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container a:nth-child(3), #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container a:nth-child(4), #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container a:nth-child(5) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container.buttons-4 a:nth-child(4), #page ul.products li.product .woocommerce-product-image-container .add-to-cart-buttons-container.buttons-4 a:nth-child(5) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } #page ul.products li.product .woocommerce-product-image-container:hover .add-to-cart-buttons-container a { bottom: 0; } #page ul.products li.product .add-to-cart-buttons-container.buttons-4 a, #page ul.products li.product .add-to-cart-buttons-container.buttons-3 a, #page ul.products li.product .add-to-cart-buttons-container.buttons-2 a { margin: 0 0 0 1px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-4 { padding-left: 4px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-4 a:first-child, #page ul.products li.product .add-to-cart-buttons-container.buttons-4 a.added_to_cart{ margin-left: -3px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-3 { padding-left: 3px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-3 a:first-child, #page ul.products li.product .add-to-cart-buttons-container.buttons-3 a.added_to_cart{ width: 50%; margin-left: -2px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-2 { padding-left: 2px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-2 a { width: 33%; } #page ul.products li.product .add-to-cart-buttons-container.buttons-2 a:first-child, #page ul.products li.product .add-to-cart-buttons-container.buttons-2 a.added_to_cart{ width: 67%; margin-left: -1px; } #page ul.products li.product .add-to-cart-buttons-container.buttons-1 a, #page ul.products li.product .add-to-cart-buttons-container.buttons-1 a.added_to_cart { width: 100%; margin: 0; } #page ul.products li.product .add-to-cart-buttons-container .add-to-wishlist.wishlist-added, #page ul.products li.product .add-to-cart-buttons-container .add-to-compare.compare-added, #page ul.products li.product .add-to-cart-buttons-container .add-to-compare.added:after{ color: #ff6060 } .add-to-wishlist.wishlist-added .fa:before, .add-to-wishlist.wishlist-added .i:before{ content: '\f004'; } #page ul.products li.product .add-to-cart-buttons-container .add-to-compare.added:after { font-family: FontAwesome; content: '\f0ec'; margin-left: 0; } ul.products li.product .wcvashopswatchlabel { outline: 0; border-radius: 50%; border: 1px solid #999; width: 25px !important; height: 25px !important; margin-right: 2px; } .woocommerce span.onsale:first-child, .woocommerce ul.products li.product .onsale:first-child { margin-top: 14%; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { border-radius: 0; margin: 15px 0 0; height: auto; min-height: 0; min-width: 0; line-height: 1; font-size: 1em; font-weight: 500; padding: 9px 10px; left: 0; right: auto; background-color: #b2cc29; z-index: 10; white-space: nowrap; } /* Loop - List view */ #page ul.products.list .add-to-cart-buttons-container { display: none; } #page ul.products.list .woocommerce-product-image-container { display: inline; } .woocommerce span.onsale:first-child, .woocommerce ul.products li.product .onsale:first-child { margin-top: 35px; } #page ul.products.list li.product img { width: 25% !important; margin-right: 3% !important; } #page ul.products.list .product-link-decription-container { width: 45%; padding: 0 3% 15px 0; float: left; border-width: 0 1px 0 0; text-align: left; } ul.products.list li.product h3, ul.products.list li.product div[itemprop="description"], ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap { width: 100%; float: left; } ul.products.list li.product .gridlist-buttonwrap { width: 24%; text-align: right; } ul.products.list li.product .gridlist-buttonwrap a.button { margin-bottom: 20px; } ul.products.list li.product .gridlist-buttonwrap a.link { display: block; margin-top: 15px; font-weight: 500; font-size: 0.8em; text-transform: uppercase; padding-right: 3px; } ul.products.list li.product .gridlist-buttonwrap a:nth-child(2) { margin-top: 25px; } ul.products.list li.product .gridlist-buttonwrap a.link i { font-size: 1.2em; } ul.products.list li.product { padding-bottom: 25px; margin-bottom: 25px; border-width: 0 0 1px 0; } ul.products.list li.product:last-child { border: none; } ul.products.list li.product hr { display: none; } ul.products.grid li.product .gridlist-buttonwrap { display: none; } /* Single Product */ .woocommerce.single-product div.product span.onsale { margin-top: 3em; font-size: 1.3em; font-weight: 500; padding: 0.4em .8em; } .woocommerce div.product div.images img { border-width: 1px; } .woocommerce div.product div.images div.flex-control-nav { padding-top: 0; margin-top: 15px; } .woocommerce div.product div.images div.flex-control-nav li { width: 100% !important; margin: 5px; } .woocommerce div.product div.images div.flex-control-nav .owl-controls { left: 0; height: 0; width: 100%; padding: 0; margin: 0; top: 0; } .images .flex-control-nav.owl-theme .owl-controls { margin: 0; } .images .flex-control-nav.owl-theme .owl-controls .owl-page, .images .flex-control-nav.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 0; left: 0; height: 100%; margin: 0; padding: 3px 5px; border-radius: 0; font-size: 0; line-height: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .images .flex-control-nav.owl-theme .owl-controls .owl-page, .images .flex-control-nav.owl-theme .owl-controls .owl-buttons div, .schon-owl-theme .owl-theme .owl-buttons div { font-size: 0; line-height: 0; } .images .flex-control-nav.owl-theme .owl-controls .owl-buttons div:before, .schon-owl-theme .owl-theme .owl-buttons div:before{ position: relative; font-size: 14px; line-height: 1; content: "\e605"; font-family: 'simple-line-icons'; display: block; top: 50%; margin-top: -50%; } .images .flex-control-nav.owl-theme .owl-controls .owl-buttons div.owl-next, .schon-owl-theme .owl-theme .owl-buttons div.owl-next { left: auto; right: 0; } .images .flex-control-nav.owl-theme .owl-controls .owl-buttons div.owl-next:before, .schon-owl-theme .owl-theme .owl-buttons div.owl-next:before { content: "\e606"; } .woocommerce #content div.product div.flex-control-thumbs .owl-item li, .woocommerce div.product div.images .flex-control-thumbs .owl-item li, .woocommerce-page #content div.product div.flex-control-thumbs .owl-item li, .woocommerce-page div.product div.flex-control-thumbs .owl-item li { display: block; float: none; position: relative; width: 100%; margin: 5px; padding: 0 5px; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } /*.woocommerce #content div.product div.flex-control-nav .not-hover,*/ /*.woocommerce div.product div.flex-control-nav .not-hover,*/ /*.woocommerce-page #content div.product div.flex-control-nav .not-hover,*/ /*.woocommerce-page div.product div.flex-control-nav .not-hover {*/ /*opacity: 0.3;*/ /*}*/ .woocommerce div.product div.summary { margin: 0 0 70px; } .woocommerce div.product div.summary label { display: inline-block; } .woocommerce.single-product-background-layout_1 div.product div.summary .summary-content { padding: 15px; } .woocommerce.single-product-background-layout_2 div.product .single-product-header, .woocommerce.single-product-background-layout_3 div.product .single-product-header { position: relative; padding: 15px; margin-bottom: 70px; } .woocommerce.single-product-background-layout_2 div.product .single-product-header span.onsale, .woocommerce.single-product-background-layout_3 div.product .single-product-header span.onsale { left: 15px; } .woocommerce.single-product-background-layout_2 div.product .single-product-header .summary, .woocommerce.single-product-background-layout_2 div.product .single-product-header .images, .woocommerce.single-product-background-layout_3 div.product .single-product-header .summary, .woocommerce.single-product-background-layout_3 div.product .single-product-header .images { margin-bottom: 0; } /*.woocommerce.single-product-background-layout_3 div.product .single-product-header .single-product-header-background {*/ .woocommerce.single-product-background-layout_3 div.product .single-product-header:before { display: block; position: absolute; height: 100%; width: 3000%; left: -1500%; top: 0; z-index: 1; } .woocommerce.single-product-background-layout_3 div.product .single-product-header > * { z-index: 10; position: relative; } .woocommerce.single-product-background-layout_3 div.product .single-product-header > span.onsale { z-index: 15; position: absolute; } #page div.product div.summary .price, #yith-quick-view-modal div.product div.summary .price{ font-size: inherit; } #page div.product div.summary .price del, #yith-quick-view-modal div.product div.summary .price del{ vertical-align: baseline; font-size: 0.6em; line-height: 1; font-weight: 400; } #page div.product div.summary .price, #yith-quick-view-modal div.product div.summary .price{ font-size: 1.8em; } #page div.product div.summary .woocommerce-variation-price .price, #yith-quick-view-modal div.product div.summary .woocommerce-variation-price .price{ font-size: 1.7em } .woocommerce div.product form.cart table { margin-bottom: 20px; } .woocommerce div.product form.cart .group_table td { vertical-align: baseline } #page div.product form.cart .group_table td.price, #yith-quick-view-modal div.product form.cart .group_table td.price{ font-size: 1.7em; vertical-align: middle; } #page div.product form.cart .group_table td.price del, #yith-quick-view-modal div.product form.cart .group_table td.price del{ opacity: 0.6 } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 5px; } .woocommerce div.product form.cart { margin: 2em 0; } .woocommerce div.product form.cart div.quantity { float: none; display: inline-block; } .woocommerce div.product form.cart .qty-label { text-transform: uppercase; margin-right: 20px; margin-left: 0; } .woocommerce div.product form.cart .group_table .qty-label { margin-right: 10px;} .form-group-add-to-cart { margin: 0; } .woocommerce div.product form.cart div.quantity .input-text.qty { border: 0; border-radius: 50px; padding: 5px; line-height: 1; box-sizing: content-box; text-align: center; } .woocommerce div.product form.cart .variations { --margin-bottom: 0.5em; } .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation { margin-bottom: 5px; } .woocommerce div.product form.cart .variations label, .woocommerce div.product form.cart .variations .label, .woocommerce div.product form.cart .reset_variations { font-size: 1em; margin-left: 0; } .woocommerce div.product form.cart .variations .label .swatchtitlelabel, .woocommerce div.product form.cart .variations .label > label { font-weight: 500; text-transform: uppercase; } .woocommerce div.product form.cart .variations .label .swatchtitlelabel:after, .woocommerce div.product form.cart .variations .label label:after { content: ":"; display: inline-block; } .woocommerce div.product form.cart .variations select { background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), 100% 0; } .woocommerce div.product form.cart .variations td {vertical-align: baseline} .woocommerce div.product form.cart .variations select { border: 0; border-radius: 50px; padding: 10px 10px; } .woocommerce div.product .single-product-description { margin: 2em 0; padding: 15px 0; border-width: 1px 0 1px 0; } .woocommerce div.product .single-product-description p { margin-bottom: 20px; } .woocommerce div.product .single-product-description p:last-child { margin-bottom: 0; } .single-product-wishlist-container { margin-bottom: 2em; } .single-product-wishlist-container a { margin-right: 1.85em; text-transform: uppercase; font-size: 0.8em; } .single-product-wishlist-container a:last-child { margin-right: 0; } .single-product-wishlist-container a i { margin-right: 0.3em; } .product_meta span.sku_wrapper { display: block; } .woocommerce #content div.product .wc-tabs-wrapper { margin-bottom: 50px; padding-bottom: 25px; border-bottom: 1px solid #eee; } .woocommerce #content div.product .woocommerce-tabs .wc-tabs-ul-wrapper { text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs { float: none; width: 100%; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { bottom: 2px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: transparent; border-radius: 0; border-width: 0 0 2px 0; border-color: transparent; padding: 2px 0; margin: 0 25px; text-transform: uppercase; font-size: 1.15em; -webkit-transition: border-bottom-color 0.2s; -moz-transition: border-bottom-color 0.2s; -ms-transition: border-bottom-color 0.2s; -o-transition: border-bottom-color 0.2s; transition: border-bottom-color 0.2s; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ background-color: transparent !important; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:before { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs .panel { margin-top: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 100px; padding: 0 0 41px; border-width: 0 0 1px 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1.2em } .woocommerce #reviews #comments .comment_container { margin-bottom: 40px;} .woocommerce #review_form #respond p.comment-form-rating .stars, .woocommerce #review_form #respond p.comment-form-rating label { display: inline-block; } .woocommerce #review_form #respond p.comment-form-rating .stars { line-height: 1; margin-left: 10px; } .woocommerce #review_form #respond textarea { border: none; padding: 10px; border-radius: 5px; max-width: 100%; height: 200px; max-height: 150px; min-height: 150px; } .woocommerce #reviews h3 { margin-bottom: 15px;} /* Single product*/ /* Cart */ .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { margin-top: 25px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } .woocommerce .cart-collaterals .cart_totals .cart_totals_left, .woocommerce-page .cart-collaterals .cart_totals .cart_totals_left { width: 48%; float: left; } .woocommerce .cart-collaterals .cart_totals .cart_totals_right, .woocommerce-page .cart-collaterals .cart_totals .cart_totals_right { width: 48%; float: right; } .woocommerce .cart-collaterals .cart_totals .cart_totals_left tr.shipping > th, .woocommerce-page .cart-collaterals .cart_totals .cart_totals_left tr.shipping > th{ display: none; } .woocommerce .cart-collaterals .cart_totals .h3, .woocommerce-page .cart-collaterals .cart_totals .h3 { margin-bottom: 18px; } .woocommerce table.shop_table { border: none; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-weight: 700; font-size: 1.2em; text-transform: uppercase; } .woocommerce table.shop_table.cart .cart_item td, .woocommerce-page table.shop_table.cart .cart_item td, .woocommerce table.shop_table.cart td, .woocommerce-page table.shop_table.cart td { padding-top: 24px; padding-bottom: 24px; font-size: 1.2em; font-weight: 600; } .woocommerce table.shop_table.cart .cart_item td.actions, .woocommerce-page table.shop_table.cart .cart_item td.actions, .woocommerce table.shop_table.cart td.actions, .woocommerce-page table.shop_table.cart td.actions { font-size: 1em; } /*#add_payment_method table.cart td.product-name,*/ /*.woocommerce-cart table.cart td.product-name,*/ /*.woocommerce-checkout table.cart td.product-name {*/ /*font-weight: 600;*/ /*}*/ #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 106px; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { width: 125px; box-sizing: content-box; } #add_payment_method table.cart .quantity input, .woocommerce-cart table.cart .quantity input, .woocommerce-checkout table.cart .quantity input { border: none; line-height: 2em; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 200px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 6px 15px; margin-right: -1px !important; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding: 35px 0; border-width: 1px 0; } #page .woocommerce #content table.cart td.actions .btn, #page .woocommerce table.cart td.actions .btn, #page .woocommerce-page #content table.cart td.actions .btn, #page .woocommerce-page table.cart td.actions .btn { margin: 0; } .woocommerce .cart-collaterals .cart_totals_right th, .woocommerce-page .cart-collaterals .cart_totals_right th { text-transform: uppercase; font-weight: 600; } .woocommerce .cart-collaterals .cart_totals_right th, .woocommerce .cart-collaterals .cart_totals_right td, .woocommerce-page .cart-collaterals .cart_totals_right th, .woocommerce-page .cart-collaterals .cart_totals_right td { font-size: 1.3em } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator > p, .woocommerce-page .cart-collaterals .cart_totals .woocommerce-shipping-calculator > p{ margin: 25px 0 10px; } .woocommerce .cart_totals_right_wrapper { padding: 0 15px; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: none; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 22%; } /* Cart */ /* Checkout */ .woocommerce-checkout textarea { min-height: 150px;} .woocommerce form .col-1 .form-row label { margin: 0 0 3px 15px; } /*.col-2 {*/ /*background-color: #f5f5f5;*/ /*padding: 20px;*/ /*}*/ #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; } .woocommerce-checkout .col-2 #order_review_heading, .woocommerce-checkout .col-2 .woocommerce-checkout-review-order-table, .woocommerce-checkout .col-2 .woocommerce-checkout-review-order h3, .woocommerce-checkout .col-2 .wc_payment_methods.payment_methods { padding-left: 25px; padding-right: 25px; margin: 0; } .woocommerce-checkout .col-2 #order_review_heading, .woocommerce-checkout .col-2 .woocommerce-checkout-review-order h3 { padding-top: 20px; padding-bottom: 10px; } .woocommerce-checkout .col-2 .woocommerce-checkout-review-order-table { padding-bottom: 20px;} .woocommerce-checkout #payment ul.payment_methods li { border-width: 0 0 1px 0; padding: 5px 0; } .woocommerce-checkout #payment ul.payment_methods li label { display: inline-block; margin: 0;} .woocommerce-checkout #payment ul.payment_methods li:last-child {border: none;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { padding: 0; background: transparent; margin-bottom: 0; margin-top: 6px; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { display: none; } .woocommerce-checkout .col-2 #payment .wc_payment_methods.payment_methods { padding-left: 37px; padding-right: 37px } .woocommerce-checkout .col-2 #payment .place-order { padding-left: 0; padding-right: 0;} .woocommerce-checkout .col-2 #payment .wc_payment_methods.payment_methods { border: none;} .woocommerce table.shop_table.woocommerce-checkout-review-order-table th { font-size: 16px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item td { border: none; padding-top: 4px; padding-bottom: 4px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item:last-child td{ padding-bottom: 15px } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .order-total td { font-size: 18px;} .woocommerce #payment .terms label, .woocommerce #payment .wc-terms-and-conditions label, .woocommerce-page #payment .terms label, .woocommerce-page #payment .wc-terms-and-conditions label { font-weight: 400; } /*.woocommerce #payment .terms a,*/ /*.woocommerce #payment .wc-terms-and-conditions a,*/ /*.woocommerce-page #payment .terms a,*/ /*.woocommerce-page #payment .wc-terms-and-conditions a {*/ /*font-weight: 700;*/ /*}*/ #ship-to-different-address > label { display: inline; font-size: 16px;} /* Checkout */ /* Order Received */ .woocommerce-thankyou-order-details-wrap, .woocommerce-thankyou-payment-method-wrap { text-align: center; } .woocommerce-thankyou-order-details { display: inline-block; padding:0; margin: 0; } .woocommerce-thankyou-order-details li:last-child {margin:0;} .woocommerce-thankyou-order-received {font-size: 2em; margin-bottom: 2em;} .woocommerce-thankyou-order-details.order_details li { font-size: 1.5em; margin-bottom: 1.5em;} .woocommerce-thankyou-order-details.order_details li strong { font-size: 1em} .woocommerce-thankyou-payment-method-wrap {font-size: 1.5em; margin-bottom: 2em;} /* Order Received */ /* Quickview */ #yith-quick-view-modal { z-index: 900; } #yith-quick-view-modal .yith-wcqv-wrapper { max-width: 1000px; } #yith-quick-view-modal.open .yith-wcqv-wrapper, #yith-quick-view-modal .yith-wcqv-main { padding: 0; } #yith-quick-view-modal .images { padding: 20px; margin: 0; } #yith-quick-view-modal span.onsale { left: 20px;} #yith-quick-view-modal div.product div.summary { width: 50%; padding: 30px; margin: 0; } #yith-quick-view-content .product .images { opacity: 1 !important; } @media screen and (max-height: 800px) { #yith-quick-view-modal .yith-wcqv-wrapper { max-height: 80%; } } /* Quickview */ /* Image Gallery popup */ div.pp_woocommerce .pp_gallery { height: auto; margin-top: -80px; } div.pp_woocommerce .pp_gallery ul { height: auto; } div.pp_woocommerce .pp_gallery ul li a{ height: auto; } /* Image Gallery popup */ /* My Account */ .woocommerce table.my_account_orders { font-size: 1em;} .woocommerce-account .edit-account fieldset { margin-top: 35px; } .woocommerce-account .addresses .title .edit { display: inline-block; float: none; margin-bottom: 5px; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-navigation-title{ width: 25%; } .woocommerce-account .woocommerce-MyAccount-content { min-height: 250px; border-width: 0 0 0 1px; padding-left: 2%; width: 73%; } /* My Account */ /* Woocommerce */ .sticky { display: block; } body.blog article.post.sticky { padding: 1em; background-color: rgba(0,0,0,.1); } .hentry { margin: 0 0 15px; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .entry-content { margin: 0; } .page-links { clear: both; margin: 30px 0 15px; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Wishlist */ .woocommerce table.wishlist_table { font-size: inherit; } .wishlist_table tr td, .wishlist_table tr th.wishlist-delete, .wishlist_table tr th.product-checkbox { text-align: left; } .wishlist_table .product-price del { opacity: 0.7; font-size: 0.8em; } .wishlist_table .product-price ins { text-decoration: none } .woocommerce table.wishlist_table thead th { border-top: none; } .woocommerce table.wishlist_table td.product-add-to-cart, .woocommerce-page table.wishlist_table td.product-add-to-cart { font-size: 1em; } /* Wishlist */ /*-------------------------------------------------------------- 11 - Visual Composer --------------------------------------------------------------*/ /* Slide */ .vc_tta-tabs.vc_tta-has-pagination .vc_pagination { z-index: 10; margin-top: -40px !important; } .vc_tta.vc_general.vc_tta-pageable .vc_tta-panel-body { padding: 0; border: none; } .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) { padding-bottom: 0 !important; } /* Slide */ /* Banners */ .schon-featured-banner { margin: 30px 0; position: relative; overflow: hidden; background-position: center center; } .schon-featured-banner a, .shop_table a{ text-decoration: none } .wpb_wrapper .schon-featured-banner:first-child { margin-top: 0} .vc_column-inner .schon-featured-banner { margin-top: 0} /*.wpb_wrapper .schon-featured-banner:last-child { margin-bottom: 0}*/ .schon-featured-banner .schon-featured-banner-inner { position: absolute; padding: 20px; } .schon-featured-banner .schon-featured-banner-link { display: block; width: 100%; height: 100%; } .schon-featured-banner .schon-featured-banner-link:hover, .schon-featured-banner .schon-featured-banner-link:focus, .schon-featured-banner .schon-featured-banner-link:active { color: inherit; } .schon-featured-banner .schon-featured-banner-content, .schon-featured-banner .schon-featured-banner-button{ z-index: 20; } .schon-featured-banner .attached_image{ position: absolute; max-height: 100%; } .schon-featured-banner .schon-featured-banner-badge { font-weight: 700; padding: 10px; border-radius: 50%; color: #fff; line-height: 1; } .schon-featured-banner .schon-featured-banner-badge.badge-sm { font-size: 1.3em; } .schon-featured-banner .schon-featured-banner-badge.badge-md { font-size: 1.8em; } .schon-featured-banner .schon-featured-banner-badge.badge-lg { font-size: 2.3em; } /*.schon-featured-banner.height_layout_1 { height: 122px;}*/ /*.schon-featured-banner.height_layout_2 { height: 274px;}*/ /*.schon-featured-banner.height_layout_3 { height: 426px;}*/ /*.schon-featured-banner.height_layout_4 { height: 578px;}*/ /*.schon-featured-banner.height_layout_12-12 { height: 570px;}*/ /*.schon-featured-banner.height_layout_9-12 { height: 420px;}*/ /*.schon-featured-banner.height_layout_8-12 { height: 370px;}*/ /*.schon-featured-banner.height_layout_6-12 { height: 270px;}*/ /*.schon-featured-banner.height_layout_4-12 { height: 170px;}*/ /*.schon-featured-banner.height_layout_3-12 { height: 120px;}*/ .schon-featured-banner.height_layout_1-1 { height: 420px;} .schon-featured-banner.height_layout_1-2 { height: 195px;} .schon-featured-banner.height_layout_2-3 { height: 270px;} .schon-featured-banner.height_layout_1-3 { height: 120px;} .schon-featured-banner .width-25 { width: 25% } .schon-featured-banner .width-33 { width: 33% } .schon-featured-banner .width-50 { width: 50% } .schon-featured-banner .width-66 { width: 66% } .schon-featured-banner .width-75 { width: 75% } .schon-featured-banner .width-100 { width: 100% } .schon-featured-banner .v-top { top: 0; bottom: auto; } .schon-featured-banner .v-bottom{ bottom: 0; top: auto;} .schon-featured-banner .h-left { left: 0; right: auto; } .schon-featured-banner .h-right { right: 0; left: auto; text-align: right} .schon-featured-banner .h-center { text-align: center} .schon-featured-banner .attached_image.h-right { text-align: right; } .schon-featured-banner .overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 30; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .schon-featured-banner .overlay-link.dark { background: #000; } .schon-featured-banner .overlay-link.light { background: #fff; } .schon-featured-banner > .schon-featured-banner-link-wrap:hover .overlay-link { opacity: 0.2; } .schon-featured-banner h1, .schon-featured-banner .h1, .schon-featured-banner h2, .schon-featured-banner .h2, .schon-featured-banner h3, .schon-featured-banner .h3, .schon-featured-banner h4, .schon-featured-banner .h4, .schon-featured-banner h5, .schon-featured-banner .h5, .schon-featured-banner h6, .schon-featured-banner .h6, .schon-featured-banner p { margin-top: 0; margin-bottom: 8px; } /* Banners */ /* Title */ .schon-title-wrap { text-align: center; margin-bottom: 2.5em} .schon-title-wrap .schon-title-title{ margin-top: 0} .schon-title-wrap .schon-title-subtitle { text-transform: uppercase; margin-bottom: 0} /* Title */ /* Products Carousel*/ .products-carousel-wrapper { --margin-bottom: 50px; } .products-carousel-wrapper .products-carousel .owl-products { margin-bottom: 0; } .products-carousel-wrapper .products-carousel .owl-products .owl-item li.product { position: relative; width: 100%; display: block; float: none; margin-bottom: 1.5em } .products-carousel-wrapper .products-carousel .owl-products .owl-item .item { margin: 0 15px; } .vc_tta-tab>a, .vc_tta-tab.vc_active>a, .vc_tta-tabs .vc_tta-panels { background-color: transparent !important; } .vc_tta-tabs-container { float: left; margin-bottom: -2px !important; } .vc_tta-panels { clear: both; } .vc_tta-panel.vc_active .vc_tta-panel-body{ overflow: visible !important; } .vc_tta .vc_tta-tab>a, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a { color: inherit !important; font-weight: 600; text-transform: uppercase; padding: 10px 0 !important; border-color: transparent !important; margin-right: 30px; } .vc_tta:not(.vc_tta-tabs-position-left) .vc_tta-tab>a, .vc_tta-color-grey:not(.vc_tta-tabs-position-left).vc_tta-style-classic .vc_tta-tab>a { border-width: 0 0 2px 0 !important; } .vc_tta .vc_tta-panels { margin-top: -2px !important; border-width: 1px 0 0 0 !important; border-radius: 0 !important; } .vc_tta .vc_tta-panel-body { padding-left: 0 !important; padding-right: 0 !important; } .schon-owl-theme .owl-theme.owl-carousel .owl-wrapper-outer { z-index: 10; } .schon-owl-theme .owl-theme.navigation-top { padding-top: 45px; } .vc_tta .schon-owl-theme .owl-theme.navigation-top { padding-top: 0; } .schon-owl-theme .owl-theme.navigation-top .owl-controls { position: absolute; right: 0; left: auto; top: 0; width: auto; margin-top: 0; } .vc_tta-panel.vc_active .vc_tta-panel-body .owl-products.navigation-top .owl-controls { top: -55px; } .schon-owl-theme .owl-theme.navigation-center .owl-controls { position: absolute; top: 0; left: -2.5%; width: 105%; height: 100%; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons { position: relative; top: 50%; margin-top: -15px; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons div, .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-page { position: relative; top: 50%; margin-top: -15px; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons .owl-prev { float: left; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons .owl-next { float: right; } .schon-owl-theme .owl-theme .owl-buttons div { padding: 0; width: 28px; height: 28px; text-align: center; border-radius: 50px; background: transparent; color: inherit; border-width: 0; font-weight: 600; -webkit-transition: color .2s, border-color .2s; -moz-transition: color .2s, border-color .2s; -ms-transition: color .2s, border-color .2s; -o-transition: color .2s, border-color .2s; transition: color .2s, border-color .2s; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons div { border-width: 2px; } .schon-owl-theme .owl-theme.navigation-top .owl-controls .owl-buttons, .schon-owl-theme .owl-theme.navigation-bottom .owl-controls .owl-buttons { display: inline-block; border-radius: 50px; } .schon-owl-theme .owl-theme.navigation-top .owl-controls .owl-buttons div, .schon-owl-theme .owl-theme.navigation-bottom .owl-controls .owl-buttons div { margin: 4px 1px 4px 4px; background: #fff; opacity: 1; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .schon-owl-theme .owl-theme.navigation-top .owl-controls .owl-buttons div:hover, .schon-owl-theme .owl-theme.navigation-bottom .owl-controls .owl-buttons div:hover { color: #fff; } .schon-owl-theme .owl-theme.navigation-top .owl-controls .owl-buttons div.owl-next, .schon-owl-theme .owl-theme.navigation-bottom .owl-controls .owl-buttons div.owl-next { margin-right: 4px; } .schon-owl-theme .owl-theme .owl-buttons div:before { line-height: 28px; font-size: 12px; } .schon-owl-theme .owl-theme.navigation-center .owl-controls .owl-buttons div:before { line-height: 26px; } /* Products Carousel*/ /* Brands carousel*/ .schon-brands-carousel { --margin-bottom: 50px; } .schon-brands-carousel .item { margin: 5px; } .schon-brands-carousel .schon-brand-logo { display: flex; } .schon-brands-carousel .schon-brand-logo img { align-self: center; } /* Brands carousel*/ /* Info box*/ .schon-featured-info { margin-bottom: 20px; } #colophon .schon-featured-info { margin-bottom: 0; } .schon-featured-info p { margin: 0 0 5px; } .schon-featured-info .schon-featured-info-title { margin-bottom: 10px; text-transform: uppercase; font-weight: bold; } .schon-featured-info-subtitle { font-weight: 500; } .schon-featured-info-icon-wrap .fa { font-size: 45px; } .schon-featured-info.horizontal .schon-featured-info-icon-wrap { display: inline-block; float: left; margin-right: 25px; } .schon-featured-info.horizontal .schon-featured-info-details { margin-left: 70px; } .schon-featured-info.vertical { text-align: center; } .schon-featured-info.vertical .schon-featured-info-icon-wrap { margin-bottom: 5px; } /* info box*/ /* Team Member */ .schon-team-member .member-avatar { position: relative; display: inline-block; overflow: hidden; } .schon-team-member .member-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); -webkit-transition: background-color .4s; -moz-transition: background-color .4s; -ms-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; } .schon-team-member .member-avatar:hover .member-overlay { background-color: rgba(0,0,0,.3); } .schon-team-member .member-team-name { margin-bottom: .3em; } .schon-team-member .socials-wrap { text-align: center; position: absolute; top: 80%; margin-top: -15px; width: 100%; } .schon-team-member .socials-wrap-inner { display: inline-block; } .schon-team-member .member-team-role { font-size: 16px; text-transform: uppercase; font-weight: 600; line-height: 1; } .schon-team-member .socials-wrap a { position: relative; display: block; float: left; color: #fff; border-radius: 50%; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; margin: 80px 5px 0; opacity: 1; -webkit-transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1), opacity 0.2s; -webkit-transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1.400), opacity 0.2s; -moz-transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1.400), opacity 0.2s; -ms-transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1.400), opacity 0.2s; -o-transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1.400), opacity 0.2s; transition: margin-top 0.25s cubic-bezier(0.500, 0.250, 0.295, 1.400), opacity 0.2s; } .schon-team-member .socials-wrap a:hover { opacity: 0.6; } .schon-team-member .member-avatar:hover .socials-wrap a { margin-top: 0; } .schon-team-member .member-avatar .socials-wrap a:nth-child(2) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -ms-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .schon-team-member .member-avatar .socials-wrap a:nth-child(3) { -webkit-transition-delay: 0.10s; -moz-transition-delay: 0.10s; -ms-transition-delay: 0.10s; -o-transition-delay: 0.10s; transition-delay: 0.10s; } .schon-team-member .member-avatar .socials-wrap a:nth-child(4) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } /* Team Member */ /*-------------------------------------------------------------- 12 - ACCESSIBILITY --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .post-navigation .screen-reader-text { clip: inherit; position: relative !important; height: auto; width: auto; overflow: visible; } /*-------------------------------------------------------------- 13 - MEDIA QUERIES --------------------------------------------------------------*/ @media screen and (max-width: 993px) { /* Woocommerce */ #page ul.products li.product .add-to-cart-buttons-container, .woocommerce-product-image-container .woocommerce-product-image-wrap:before { display: none !important; } /* Woocommerce */ /* Footer */ #footer-widgets-row-1 > .container, #footer-widgets-row-2 > .container { padding-bottom: 0; } .footer-widget-column { margin-bottom: 50px; } .footer-widget-column .text-right { text-align: left; } .footer-copyright-center { order: 3; } .footer-copyright-content { flex: 1 50%; } .footer-copyright-content { flex: none; width: 100%; text-align: left; padding: 10px 0; } /* Footer */ } @media screen and (max-width: 767px) { body { font-size: 16px; } /* actionbar */ #actionbar-menu { margin: 0} #actionbar-menu li { float: left} /* actionbar */ /* Navigation */ .responsive-navigation-triggers { display: block; float: right; padding-right: 20px; } .navbar-toggle { margin-top: 35px; margin-right: 20px; } #primary-navigation { z-index: 300; } #primary-navigation-menu-wrap { position: absolute; } #primary-navigation-menu-wrap .primary-menu-resposive-overlay { opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } #primary-navigation-menu-wrap.opened .primary-menu-resposive-overlay { position: fixed; height: 100vh; width: 100vw; opacity: .5; top: 0; left: 0; z-index: 90; background: #000; } .nav li li { padding-left: 0; padding-right: 0; } .navbar-collapse { display: block; } #primary-menu { display: block; position: fixed; width: 300px; height: 100vh; margin: 0; top: 0; left: -300px; z-index: 100; overflow: scroll; background: #fff; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; transition: left 0.5s ease-out; } /*.navbar-collapse.collapsing #primary-menu,*/ .navbar-collapse.opened #primary-menu { left: 0; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; transition: left 0.5s ease-out; } .logged-in #primary-menu { padding-top: 45px; } #primary-menu > li > a, .primary-menu-icons .primary-menu-icon { padding-top: 15px !important; padding-bottom: 15px !important; } #primary-menu > li.menu-item-has-children > a:after { display: none; } #primary-menu li .submenu-arrow { --font-family: "FontAwesome"; --content: "\f054"; display: block; position: absolute; right: 0; top: 0; padding: 13px 30px; width: 40px; text-align: center; font-size: 12px; cursor: pointer; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } #primary-menu > li:not(.megamenu) li.menu-item-has-children > a:after { display: none; } /*#primary-menu li.opened > .submenu-arrow {*/ /*-ms-transform: rotate(90deg); !* IE 9 *!*/ /*-webkit-transform: rotate(90deg); !* Chrome, Safari, Opera *!*/ /*transform: rotate(90deg);*/ /*}*/ #primary-menu ul li > a { padding-top: 8px; padding-bottom: 8px; } #primary-menu li li .submenu-arrow { padding: 6px 30px; } #primary-navigation-menu-wrap .nav .sub-menu-wrap { border: none !important; padding: 0; width: 100%; } #primary-navigation-menu-wrap .nav .sub-menu-wrap>.sub-menu-wrap-arrow { display: none; } #primary-navigation-menu-wrap li > .sub-menu-wrap { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; -ms-transition: max-height 0.6s; -o-transition: max-height 0.6s; transition: max-height 0.6s; } #primary-navigation-menu-wrap li.opening > .sub-menu-wrap { overflow: hidden; max-height: 500px; } #primary-navigation-menu-wrap li.opened > .sub-menu-wrap, #primary-navigation-menu-wrap li.megamenu-column > .sub-menu-wrap { overflow: hidden; max-height: 500px; } #primary-menu > li.megamenu > div.sub-menu-wrap > ul > li.image-column > a { font-size: 0; line-height: 0; } /* Navigation */ /* Sidebar */ #sidebar-trigger-responsive { line-height: 1; font-size: 26px; vertical-align: sub; } .sidebar-trigger-icon { display: none;} #secondary { position: fixed; top: 0; right: -500px; height: 100%; padding-top: 15px; padding-right: 0; z-index: 9999; background-color: #fff; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ms-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } .schon-sidebar-opened #secondary { right: 0; } #secondary .secondary-heading { display: none;} #secondary .secondary-heading { display: block; text-align: right; font-size: 1.5em; } .admin-bar #secondary { padding-top: 45px; } .sidebar-overlay { max-height: 0; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 9998; cursor: pointer; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .schon-sidebar-opened .sidebar-overlay { max-height: none; opacity: 1; } /* Sidebar */ /* Woocommerce */ .woocommerce-page table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .btn { width: 100% !important; } .woocommerce-account .woocommerce-MyAccount-content { float: right; } .woocommerce-account .woocommerce-MyAccount-navigation { float: left; } #schon-shop-steps-wrapper .shop-step.shop-step-line { display: none; } #schon-shop-steps-wrapper .shop-step:not(shop-step-line){ min-width: 122px; } .mini-cart-header .mini-cart-overlay, .mini-cart-header .inner { display: none; } .woocommerce-ordering { z-index: 100; } .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 48%; } /* Woocommerce */ } @media screen and (max-width: 600px) { #actionbar { display: none; } /* Woocommerce */ #schon-shop_filters-accordion-wrap .widget { flex: 1 0 50%; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { float: none; } /* Shop directory - Listing*/ #page ul.products.list .woocommerce-product-image-container { display: block; width: 30%; float: left; } #page ul.products.list li.product img { width: 100% !important; } #page ul.products.list .product-link-decription-container { width: 65%; margin-left: 5%; float: left; border: none; } ul.products.list li.product .gridlist-buttonwrap { width: auto; display: inline-block; float: right; border-top: 1px solid rgba(0,0,0,0.1); } ul.products.list li.product .gridlist-buttonwrap a, ul.products.list li.product .gridlist-buttonwrap a.link{ display: inline-block; margin-left: 8px; margin-right: 8px; float: right; } ul.products.list li.product .gridlist-buttonwrap a.link { margin-top: 15px; } /* Shop directory - Listing*/ /* Woocommerce */ .comment.depth-2, .comment.depth-3, .comment.depth-4, .comment.depth-5 { margin-left: 2em; } /* Footer */ .widget-title.ui-accordion-header:after { font-family: 'fontAwesome'; content: "\f054"; display: inline-block; margin-left: 20px; font-size: 14px; line-height: 1; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .widget-title.ui-accordion-header.ui-accordion-header-active:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /* Footer */ /* Login */ #login-popup { width: 80%; left: 10%; } body.schon-login-popup-opened #login-popup { top: 10%; } #login-popup.social-enabled .login-popup__social-buttons, #login-popup.social-enabled .login-popup__form-wrap { float: none; width: 100%; padding-left: 0; padding-right: 0; border: none; } #login-popup.social-enabled .login-popup__social-buttons { border-bottom: 1px solid rgba(0,0,0,.15); } #login-popup.social-enabled .login-popup__social-buttons .btn { font-size: 0.9em; } .my_account_login-social-buttons .btn { width: 100%; margin: 0 0 1em; } /* Login */ } @media screen and (max-width: 450px) { .navbar-header .staticblocks-section { display: none; } #primary-navigation .navbar-brand { padding-top: 20px; padding-bottom: 20px; } .primary-menu-icons { text-align: right; margin-right: 10px; } .navbar-toggle { margin-top: 20px; margin-right: 15px; } .primary-menu-icons { text-align: left; } #header-wrap.is-sticky .navbar-toggle { margin-top: 15px; } #header-wrap.is-sticky #primary-navigation .primary-menu-icon { padding-top: 5px; padding-bottom: 15px; } /* Woocommerce */ #schon-shop_filters-accordion-inner { display: block;} #schon-shop-steps-wrapper .shop-step .step-number { height: 60px; width: 60px; line-height: 55px; } #schon-shop-steps-wrapper .shop-step:not(.shop-step-line){ min-width: 0; width: 80px; } .woocommerce table.shop_table.cart .cart_item td, .woocommerce-page table.shop_table.cart .cart_item td, .woocommerce table.shop_table.cart td, .woocommerce-page table.shop_table.cart td { padding-top: 18px; padding-bottom: 18px; } .woocommerce .cart-collaterals .cart_totals .cart_totals_right, .woocommerce-page .cart-collaterals .cart_totals .cart_totals_right { width: 100%; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding-left: 15px; padding-right: 15px; } .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; } ul.products.list li.product .gridlist-buttonwrap a { float: none;} ul.products.list li.product .gridlist-buttonwrap a.link{ display: block; float: none; } ul.products.list li.product .gridlist-buttonwrap a.link:first-child { margin-top: 10px; } /* WooCommerce messages*/ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding-left: 2em !important; padding-right: 2em !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { display: none; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { margin: 0; } /* Woocommerce */ /* Blog */ .layout-3 article.post, .layout-3 article.post { width: 100%; } .layout-2 article.post .entry-header .featured-image-link { width: 100%; margin-bottom: 1rem; } .layout-2 article.post.has-post-thumbnail .entry-title, .layout-2 article.post.has-post-thumbnail .entry-meta, .layout-2 article.post.has-post-thumbnail .entry-content, .layout-2 article.post.has-post-thumbnail .entry-footer { float: none; width: 100%; } /* Blog */ /* Login */ #login-popup.social-enabled .login-popup__social-buttons .btn i { display: none; } /* Login */ }