/* Theme Name: Shopx-Zon Theme URI: http://demo.wpzon.com/shopx-zon Author: WPZON Author URI: https://wpzon.com/ Description: Shop Theme Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: translation-ready, theme-options, custom-menu, editor-style, featured-images, full-width-template Text Domain: shopx-zon */ /* =============================================== 01. CSS RESET FILE =============================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} /* Custom Icon Font: Cart, Shopping Bag, Search */ @font-face { font-family: 'wpwp-custom-icons'; src: url('inc/fonts/custom-icons/font/wpwp-custom-icons.eot?46688846'); src: url('inc/fonts/custom-icons/font/wpwp-custom-icons.eot?46688846#iefix') format('embedded-opentype'), url('inc/fonts/custom-icons/font/wpwp-custom-icons.woff2?46688846') format('woff2'), url('inc/fonts/custom-icons/font/wpwp-custom-icons.woff?46688846') format('woff'), url('inc/fonts/custom-icons/font/wpwp-custom-icons.ttf?46688846') format('truetype'), url('inc/fonts/custom-icons/font/wpwp-custom-icons.svg?46688846#wpwp-custom-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="wpwp-icon-"]:before, [class*=" wpwp-icon-"]:before { font-family: "wpwp-custom-icons"; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wpwp-icon-shopping-cart:before { content: '\e800'; } .wpwp-icon-close:before { content: '\e801'; } .wpwp-icon-shopping-bag:before { content: '\e802'; } .wpwp-icon-search:before { content: '\e803'; } /* =============================================== 02. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { background:#f8f8f8; } a { color:#4145ee; } a:hover { color:#292ca7; } img { max-width:100%; height: auto; } body iframe { border:none; } body a img, body a { outline:none; text-decoration:none; } p { padding-top:0px; margin:0px; } p, ul, ol { margin-bottom: 28px; } ul, ol { margin-left:8px; padding-left:16px; } img { max-width: 100%; height: auto; } video, audio { max-width:100%; } .alignright { float:right; margin:0 0 15px 25px; } .alignleft { float:left; margin:0px 25px 15px 0px; } .aligncenter { text-align:center; } .aligncenter.wp-caption { margin-left:auto; margin-right:auto; } body hr { background:#e7e8eb; height:2px; border:none; margin:35px 0px 40px 0px; width:100%; overflow:hidden; } blockquote { border-left:4px solid #aaaaaa; margin-left:0px; padding-left:30px; line-height:1.8; font-size:110%; } blockquote a:hover, blockquote a { color:#666666; } blockquote.alignleft, blockquote.alignright { width:32%; float:left; border-left:none; border-top:4px solid #666666; padding:15px 15px 0px 15px; margin-bottom:0px; } blockquote.alignright { float:right; } table { width:100%; background:#ffffff; border-collapse: separate; border-spacing: 0; margin: 0 0 2em; max-width: 100%; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; font-size:14px; } th, td { color:#606060; border: 1px solid #eaeaea; } table th { background:#ffffff; font-weight:700; font-size:16px; } table thead th { background:#eaeaea; } table caption, table th, table td { font-weight: normal; text-align: left; } table th { border-width: 0 1px 1px 0; font-weight: 700; color:#444444; } table td { border-width: 0 1px 1px 0; } table tr th, table tr td { padding: 8px 12px; } /* -------------------- B. FONT STYLES -------------------- */ body, body input, body textarea, select { line-height: 1.8; font-size:17px; color:#939393; font-family: 'Barlow', sans-serif; } h1, h2, h3, h4, h5, h6 { -ms-word-wrap: break-word; word-wrap: break-word; padding:0px; color:#24212c; margin:0px 0px 15px 0px; line-height:1.4; font-weight:600; font-family: 'Barlow', sans-serif; } h1 { font-size:36px; line-height:1.2; } h2 { font-size:30px; } h3 { font-size:26px; } h4{ font-size:24px; } h5 { font-size:22px; } h6 { font-size:20px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ #pro-scroll-top { transition-duration: 250ms; transition-property: color, background-color, height; transition-timing-function: ease-in-out; } body .wpd-av button, .elementor-social-icon i, #content-pro ul.products h2.woocommerce-loop-category__title, #content-pro ul.products h2.woocommerce-loop-product__title, .elementor-icon-list-item .elementor-icon-list-icon i, .elementor-icon-list-item .elementor-icon-list-text, .boosted-slider-arrow-down, h2.wpwp-shopx-zon-slider-title, h2.wpwp-blog-title, .related-overlay-blog-meta-category-list span, .overlay-wp-zon-blog-image, #wp-zon-nav-bg, h3.helpmeout-loop-category__title, .wpcrowd-arrow-down, select, .sf-menu li.highlight-button a:before, .mobile-menu-icon-pro, a, input, textarea { transition-duration: 250ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } .wp-zon-index-gradient, #error-page-index, #wp-zon-next-previous-post a:before, .wp-zon-default-portfolio, .wp-zon-default-blog-index { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .wp-zon-shop-overlay-buttons, a.wp-zon-overlay-blog-index:before, a#wp-zon-next-post i, a#wp-zon-previous-post i, ul.wp-zon-header-social-icons li a, #wpwp-shopping-cart-toggle a .shopping-cart-header-icon, #wp-zon-header-search-icon .wpwp-icon-search, #boxed-layout-pro input#submit, #boxed-layout-pro button.button, ul.wpwp-filter-button-group li:after, ul.wpwp-filter-button-group li, footer#site-footer a, .tp-thumbs.custom .tp-thumb, #wpwp-shopping-cart-count span.wpwp-cart-count, .sf-menu a:before { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } #logo-pro img, .sf-menu a, #wpwp-shopping-cart-count a { transition-duration: 250ms; transition-property: padding-top, padding-bottom, color, background-color, width; transition-timing-function: ease-in-out; } header#masthead-pro:after { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .wp-zon-transparent-header #wpwp-sticky-header { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } header#masthead-pro { transition-duration: 350ms; transition-property: background; transition-timing-function: ease-in-out; } .no-hover-transition { transition-duration: 0ms; transition-property: all; transition-timing-function: ease-in-out; } /* Animation For Menus */ @keyframes ProMoveUp { from { } to { transform: translateY(0px); opacity: 1; } } @keyframes ProMoveOut { from { visibility:visible; opacity:1; } to { opacity: 0; visibility:hidden; } } li.sfHover ul.sf-mega, li.sfHover ul.sub-menu { transform: translateY(20px); opacity:0; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #wpwp-checkout-basket { opacity:0; visibility:hidden; } body .hover-out-class #wpwp-checkout-basket { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body .activated-class #wpwp-checkout-basket { transform: translateY(20px); opacity:0; visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #wp-zon-header-search-icon.hide-search-icon-pro #panel-search-wpwp { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #wp-zon-header-search-icon.active-search-icon-pro #panel-search-wpwp { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #panel-search-wpwp { visibility: hidden; z-index:5; opacity: 0; } /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. MAIN CONTAINER STYLES -------------------- */ body.elementor-page.single-product #content-pro .width-container-pro, .width-container-pro { width:1200px; margin: 0 auto; position:relative; padding:0px; } body.elementor-page #content-pro .width-container-pro { width:100%; } body.elementor-page.page .wp-zon-page-sidebar-on #content-pro .width-container-pro { width:1200px; margin: 0 auto; } .wp-zon-header-full-width-no-gap #shopx-zon-header-top .width-container-pro, footer#site-footer.wp-zon-footer-full-width .width-container-pro, .wp-zon-header-full-width #shopx-zon-header-top .width-container-pro, .wp-zon-page-title-full-width #page-title-pro .width-container-pro { width:auto; padding-right:0px; padding-left:40px; } .wp-zon-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0px auto; padding:0px; } @media only screen and (min-width: 960px) { .wp-zon-header-full-width-no-gap.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro, .wp-zon-header-full-width.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro { padding-right:0px; } } .wp-zon-header-full-width-no-gap header#masthead-pro .width-container-pro { width:auto; padding-right:20px; } #page-title-pro { margin-bottom:50px; } #content-pro { position:relative; padding-bottom:50px; } #main-container-pro { float:left; width:70%; position:relative; } .blog .wp-zon-sidebar-hide-no-content-blog #main-container-pro, .blog .no-active-sidebar-wp-zon #main-container-pro { float:none; width:100%; margin-left:auto; margin-right:auto; } .blog .wp-zon-sidebar-hide-no-content-blog .sidebar, .blog .no-active-sidebar-wp-zon .sidebar { display:none; } .sidebar { float:right; width:27%; } .left-sidebar-pro #main-container-pro { float:right; } .left-sidebar-pro .sidebar { float:left; } /* -------------------- B. HEADER CONTAINERS -------------------- */ .wpwp-disable-header-per-page #wp-zon-header-position { display:none; } .wpwp-disable-footer-per-page footer#site-footer { display:none; } .wp-zon-transparent-header #wp-zon-header-position { position:absolute; width:100%; z-index:50; } .wp-zon-overlay-header #wp-zon-header-position { position:absolute; width:100%; z-index:50; } #wp-zon-header-position { position:relative; width:100%; margin:0 auto; } .wp-zon-transparent-header header#masthead-pro { box-shadow: none; -webkit-font-smoothing:antialiased; background:none; } .wp-zon-header-full-width #wp-zon-header-width header#masthead-pro .width-container-pro { width:auto; padding-right:40px; padding-left:40px ; } header#masthead-pro:after { display:none; height:1px; content:''; width:100%; position:absolute; margin-bottom:-1px; background:transparent; z-index:1; } .wp-zon-transparent-header .wpwp-sticky-scrolled header#masthead-pro:after { display:none; } header#masthead-pro .width-container-pro.wp-zon-logo-container { z-index:50; } .wp-zon-transparent-header .wpwp-sticky-scrolled header#masthead-pro, .wp-zon-transparent-header .wp-zon-overlay-header header#masthead-pro, header#masthead-pro { z-index:50; position:relative; width:100%; } .wpwp-sticky-scrolled header#masthead-pro { border:none; } .wp-zon-transparent-header.wp-zon-header-shadow #wpwp-sticky-header { box-shadow: 0px 0px 10px rgba(0,0,0, 0); } .wp-zon-header-shadow header#masthead-pro { box-shadow: 0px 0px 10px rgba(0,0,0, 0.08); } header#masthead-pro #logo-pro { z-index:55; margin:0px; padding:0px; line-height:1; font-size:5px; border:none; float:left; position:relative; } .wp-zon-logo-position-right header#masthead-pro #logo-pro, .wp-zon-logo-position-right #logo-pro { float:right; margin-left:25px; margin-right:0px; } body .wp-zon-logo-position-center header#masthead-pro #logo-pro, body .wp-zon-logo-position-center #logo-pro { float:none ; margin:0 auto ; text-align:center ; } body .wp-zon-logo-position-center #logo-pro img { margin:0 auto ; } header#masthead-pro #logo-pro a { display:block; } body #logo-pro img { max-width:100%; } body.admin-bar .wpwp-sticky-scrolled { margin-top:32px; } .wp-zon-sticky-logo { display:none; float:left; } .wpwp-sticky-scrolled .wp-zon-sticky-logo { display:block; } .wpwp-sticky-scrolled .wpwpzon-still-hide-onsticky, .wpwp-sticky-scrolled .wp-zon-hide-mobile-custom-logo { display:none; } .wpwp-sticky-scrolled .wp-zon-custom-logo-per-page-hide-default { display:block; } .wpwp-sticky-scrolled .wp-zon-default-logo-hide.wp-zon-default-logo { display:none; } .wp-zon-custom-logo-per-page-hide-default { display:none; } #wp-zon-nav-bg { position:relative; z-index:10; } #wpwp-nav-container { float:right; } header#masthead-pro.wp-zon-nav-left #wpwp-nav-container { float:left; } header#masthead-pro.wp-zon-nav-left #logo-pro { margin-right:30px; } header#masthead-pro.wp-zon-nav-center #wpwp-nav-container { width:1015px; margin:0 auto; float:none; } @media only screen and (min-width: 960px) and (max-width: 1300px) { header#masthead-pro.wp-zon-nav-center #wpwp-nav-container { width:auto; } } @media only screen and (max-width: 960px) { header#masthead-pro.wp-zon-nav-center #wpwp-nav-container { width:auto; } } header#masthead-pro.wp-zon-nav-center #wpwp-nav-container nav#site-navigation { display:table; margin:0 auto; } .wpwp-disable-logo-below-per-page header#masthead-pro .wp-zon-logo-container, .wpwp-disable-logo-below-per-page #header-container-logo-wpwp .wp-zon-logo-container { display:none; } #wpwp-shopping-cart-count a { margin:0px; } #wpwp-shopping-cart-toggle.activated-class a .shopping-cart-header-icon, #wpwp-shopping-cart-count .shopping-cart-header-icon { padding-left:8px; padding-right:8px; } #wpwp-shopping-cart-count .shopping-cart-header-icon, #wp-zon-header-search-icon .wpwp-icon-search:before { -webkit-text-stroke: 0.5px; -moz-text-stroke: 0.5px; text-stroke: 0.5px; position:relative; top:-1px; } #wpwp-shopping-cart-count .shopping-cart-header-icon { top:-2px; } #wp-zon-header-search-icon.active-search-icon-pro .wpwp-icon-search:before { content: '\e801'; } #wp-zon-header-search-icon { float:right; position:relative; z-index:15; } #wpwp-shopping-cart-count { float:right; padding-right:10px; position:relative; } #wp-zon-header-search-icon .wpwp-icon-search { cursor:pointer; padding-left:25px; padding-right:0px; } #wpwp-shopping-cart-count a.wpwp-count-icon-nav { display:block; position:relative; margin-left:15px; } #wpwp-shopping-cart-count span.wpwp-cart-count { position:absolute; border-radius: 20px; text-align:center; display:inline-block; float:right; margin-top:-7px; right:2px; background:#aaaaaa; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:700; width:14px; height:14px; line-height:14px; font-size:8px; letter-spacing:0px; } body #wp-zon-header-search-icon.active-search-icon-pro #panel-search-wpwp { z-index:5; } body #panel-search-wpwp { position:absolute; right:-8px; padding:0px 25px 30px 25px; } body #wpwp-checkout-basket:after, body #panel-search-wpwp:after { top:-8px; right:10px; content:""; display:block; position:absolute; height:0px; width:0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid red; } body #wpwp-checkout-basket:after { right:20px; } #panel-search-wpwp .search-form { margin-bottom:5px; } #panel-search-wpwp .search-form input.search-field { padding:15px 45px 13px 18px; width:220px; font-size:14px; box-shadow:none; border-color:#343434; color:#ffffff; border-width:1px; border-radius:0px; background-color:#343434; background-position:right 11px; background-image:url(images/search-magnify-light.png); background-repeat:no-repeat; } body #panel-search-wpwp .search-form input.search-field { color:#ffffff; } #panel-search-wpwp .search-form input.search-field:focus { outline:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { #panel-search-wpwp .search-form input.search-field {background-image: url(images/search-magnify-light@2x.png); background-size:40px 30px;} } #panel-search-wpwp .search-form input.search-submit { display:none; } /* No results Page */ .no-results-pro { padding-top:20px; } .no-results-pro p { margin-bottom:30px; } /* 404 Page */ #error-page-index { margin:30px auto 35px auto; text-align:center; font-size:16px; max-width:700px; padding:70px 25px 70px 25px; background:#ffffff; box-shadow: 0px 0px 60px rgba(0,0,0, 0.1); border:1px solid #e7e7e7; } #error-page-index h4.error-sub-title { font-size:30px; } body #error-page-index a.button { padding:18px 30px; } #error-page-index a.button i { margin-right:4px; } .wpwp-header-phone-number { float:right; font-weight:500; font-family: 'Barlow', sans-serif; font-size:18px; color:#ffffff; padding:35px 0px 35px 32px; margin-left:12px; } .wpwp-header-phone-number i { font-size:20px; margin-right:7px; } /* =============================================== 04. CART HEADER DROP DOWN =============================================== */ body #wpwp-checkout-basket { position:absolute; width:260px; right:0px; margin:0px; padding:20px 24px 15px 24px; z-index:15; } #wpwp-checkout-basket ul#wpwp-cart-small { list-style:none; margin:0px 0px 25px 0px; padding:0px; } #wpwp-checkout-basket ul#wpwp-cart-small li { border-bottom:1px solid #e9e9e9; padding:16px 12px 18px 0px; position:relative; min-height:50px; overflow:hidden; } #wpwp-checkout-basket ul#wpwp-cart-small li img { float:left; width:50px; } #wpwp-checkout-basket ul#wpwp-cart-small li .wpwp-cart-small-text { margin-left:65px; position:relative; margin-right:10px; } #wpwp-checkout-basket ul#wpwp-cart-small li h6 { font-size:15px; line-height:1.2; padding-top:5px; margin-bottom:0px; background:none !important; } #wpwp-checkout-basket ul#wpwp-cart-small li a { padding:0px; } #wpwp-checkout-basket ul#wpwp-cart-small li a, #wpwp-checkout-basket ul#wpwp-cart-small li a:hover { background:none; } #wpwp-checkout-basket ul#wpwp-cart-small .wpwp-cart-small-text dl { margin:0px; padding:0px; } #wpwp-checkout-basket ul#wpwp-cart-small .wpwp-cart-small-text dd p { display:inline; margin:0px; padding:0px; } #wpwp-checkout-basket ul#wpwp-cart-small .wpwp-cart-small-text dd, #wpwp-checkout-basket ul#wpwp-cart-small .wpwp-cart-small-text dt { display:inline; font-size:11px; opacity:0.7; margin:0px; padding:0px; } #wpwp-checkout-basket ul#wpwp-cart-small .wpwp-cart-small-quantity { font-size:11px; opacity:0.7; } #wpwp-checkout-basket ul#wpwp-cart-small a.remove-cart-header { position:absolute; right:0px; top:14px; } #wpwp-checkout-basket ul#wpwp-cart-small li.empty { padding-top:16px; padding-bottom:16px; min-height:0px; } #wpwp-checkout-basket .wpwp-sub-total { float:right; padding:6px 0px 10px 0px; font-size:13px; } #wpwp-checkout-basket .wpwp-sub-total span.total-number-add { font-weight:700; } #wpwp-checkout-basket a.cart-button-header-cart { display:block; float:left; text-align:center; background:none; line-height:1; position:relative; padding:11px 14px; font-size:12px; border-radius:60px; margin-bottom:15px; } #wpwp-checkout-basket a.cart-button-header-cart i { padding-left:6px; } /* =============================================== 05. PAGE TITLE STYLES =============================================== */ #page-title-pro { background:#f5f5f5; position:relative; display: table; width: 100%; } #page-title-overlay-image { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; } #page-title-pro:before { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; z-index:2; } #wp-zon-page-title-container { display: table-cell; vertical-align: middle; text-align:center; } #page-title-pro h1 { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; padding:0px 0px; line-height:1; display:inline-block; margin:0 auto 0px auto; color:#ffffff; font-size:50px; font-weight:700; letter-spacing:-0.01em; position:relative; z-index:5; } #page-title-pro h4 { margin:0 auto 0px auto; margin-top:20px; font-size:18px; position:relative; z-index:5; letter-spacing:0.02em; color:rgba(255,2552,255, 0.65); line-height:1.5; font-weight:400; font-style:normal; } #page-title-pro h4 p { margin-bottom:0px; } #page-title-pro h4 a, #page-title-pro h4 a:hover { color:rgba(109,100,131, 0.8); } /* =============================================== 06. HEADER ICONS =============================================== */ .wp-zon-header-left ul.wp-zon-header-social-icons { float:left; margin-left:20px; } .wp-zon-header-right ul.wp-zon-header-social-icons { margin-left:20px; } ul.wp-zon-header-social-icons { list-style:none; margin:0px; padding:0px; float:right; } ul.wp-zon-header-social-icons li { display:inline; margin:0px; padding:0px; } .wp-zon-logo-container ul.wp-zon-header-social-icons { margin-left:16px; } ul.wp-zon-header-social-icons li a { display:inline-block; text-align:center; margin:0px 4px 0px 4px; border-radius:0px; width:24px; height:24px; line-height:24px; font-size:14px; border:2px solid rgba(0,0,0, 0); } @media only screen and (max-width: 1200px) { ul.wp-zon-header-social-icons li a { margin-left:3px; margin-right:3px; } } ul.wp-zon-header-social-icons li:last-child a { margin-right:0px; } #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons { margin-left:12px; } @media only screen and (max-width: 1050px) { #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons { margin-left:8px; } } #masthead-pro .search-form { line-height:1; padding:28px 0px 0px 0px; margin:0px auto; } /* =============================================== 07. SEARCH FORM STYLES =============================================== */ .search-form input.search-field:focus { outline:none; } .search-form { text-align:center; margin:0 auto; } footer#site-footer .search-form, #content-pro .search-form { margin-left:0px; } .search-form input { padding:16px 18px; margin:0 auto; border:none; } .elementor-section-stretched .search-form { max-width:600px; } .search-form { max-width:400px; margin-bottom:30px; } .search-form input.search-field { background:#ffffff; border:none; border:1px solid #dddddd; margin:0px; color:#444444; width: calc(100% - 70px); padding:13px 50px 13px 20px; font-size:14px; background-image:url(images/search-magnify.png); background-position:right 9px; background-repeat:no-repeat; border-radius:60px; box-shadow: 0px 0px 25px rgba(0,0,0, 0); } .search-form button, .search-form input.search-submit { display:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;} } /* =============================================== 08. ELEMENTOR CUSTOM STYLES =============================================== */ /* Remove Header/Footer from Elementor Canvas */ body.single-elementor_library .bpm-wpwp-sidebar-container, body.single-elementor_library #wp-zon-header-position, body.single-elementor_library footer#site-footer { display:none !important; } body.elementor-editor-active .elementor-edit-mode:hover { z-index:250; } /* FireFox Fixes for horizontal sidebar */ .content-overflow-hidden, #slider-overflow { overflow:hidden; } body{ overflow-x:hidden; } .text-outline { -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff; color:rgba(255,255,255, 0); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .text-outline { color:rgba(255,255,255, 0.5); } } #faq-shopxzon .elementor-accordion-item h5 { border-top-width:1px !important; } #faq-shopxzon .elementor-accordion-item { margin-bottom:20px; box-shadow:0px 0px 25px rgba(0,0,0, 0.05); } #faq-shopxzon .elementor-accordion .elementor-accordion-item + .elementor-accordion-item { border-top:1px solid #e5e5e5 !important; } #shopxzon-bubble { background:#ffffff; border-radius:100px; height:94px; width:94px; text-align:center; } #shopxzon-bubble:after { content:''; position:absolute; bottom:5px; right:5px; transform: rotate(-45deg); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; } #shopxzon-bubble h2 { margin-top:30px; } /* =============================================== 09. HEADER TOP STYLES =============================================== */ .wp-zon-header-left, .wp-zon-header-right { float:left; width:60%; min-height:1px; } .wp-zon-header-left p, .wp-zon-header-right p { margin:0px; } .wp-zon-header-right { width:40%; text-align:right; } #wpwp-header-top-right-container, .wp-zon-header-right .widget { float:right; } #wpwp-header-top-left-container, .wp-zon-header-left .widget { float:left; } .wp-zon-header-left .widget { padding-right:40px; } @media only screen and (max-width: 1250px) { .wp-zon-header-left .widget { padding-right:28px; } } .wp-zon-header-left .widget, .wp-zon-header-right .widget { padding-top:12px; padding-bottom:12px; } #shopx-zon-header-top .textwidget { display:inline-block; position:relative; } #shopx-zon-header-top span.widget-title { display:inline-block; margin-right:7px; font-weight:600; } #shopx-zon-header-top { color:#2e2e2e; font-size:14px; line-height:1; position:relative; z-index:55; font-weight:400; } #shopx-zon-header-top span.wpwp-mini-banner-icon { display:none; } #shopx-zon-header-top .widget i { font-size:110%; position:relative; margin-bottom:-5px; margin-right:7px; } #shopx-zon-header-top .sf-menu i { font-size:110%; position:relative; top:0px; margin-bottom:-5px; margin-right:7px; } #shopx-zon-header-top a { color:#2e2e2e; } #wpwp-header-top-right-container .sf-menu li.normal-item-pro ul { left: auto; right:18px; } #wpwp-header-top-right-container .sf-menu li.normal-item-pro ul ul { left: 100%; right:auto; } #shopx-zon-header-top #wpwp-header-top-right-container .sf-menu { margin-right:10px; } #shopx-zon-header-top .sf-menu li li a:hover .wp-zon-menu-title { padding-left:0px; margin-right:0px; } #shopx-zon-header-top .sf-menu li li a:hover .wp-zon-menu-title:before { opacity:0; } #shopx-zon-header-top .sf-menu a { text-align:left; color:#2e2e2e; padding-left:16px; padding-right:16px; background:none; margin-top:0px; border:none; } #shopx-zon-header-top .sf-arrows .sf-with-ul { padding-right: 35px; } #shopx-zon-header-top .sf-arrows .sf-with-ul:after { right: 29px; } #shopx-zon-header-top .sf-menu li li a { text-decoration:none; margin:0px; padding:13px 0px; font-size:11px; } #shopx-zon-header-top .sf-menu ul { border-top:none; padding:10px 28px; border-radius:0px; } #shopx-zon-header-top .sf-mega { z-index:60; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } #shopx-zon-header-top .sf-mega { width:1200px; left:50%; margin-left:-600px; } #shopx-zon-header-top .sf-menu .sf-mega { padding-top:0px; padding-bottom:0px; } #shopx-zon-header-top .sf-menu .sf-mega ul { padding-top:0px; padding-bottom:0px; } #shopx-zon-header-top .sf-menu .sf-mega ul { border-top:none; margin-top:0px; } #shopx-zon-header-top .sf-mega li li a { padding-right:25px; }/* Mega Padding-right fix to allow more space */ #shopx-zon-header-top .sf-mega li li:last-child a { padding-bottom:18px; } #shopx-zon-header-top .sf-mega ul { background:none; margin:0; border:none; } /* =============================================== 10. GRID STYLES =============================================== */ /* Masonry animations */ .wp-zon-isotope-animation { opacity:0; transition: opacity 500ms; } .wpwp-masonry-item.opacity-wpwp .wp-zon-isotope-animation { opacity:1; } .wpwp-masonry-item.wpwp-masonry-col-1 { width: 100%; } .wpwp-masonry-item.wpwp-masonry-col-2 { width: 49.8%; } .wpwp-masonry-item.wpwp-masonry-col-3 { width: 33.330%; } .wpwp-masonry-item.wpwp-masonry-col-4 { width: 25%; } .wpwp-masonry-item.wpwp-masonry-col-5 { width: 20%; } .wpwp-masonry-item.wpwp-masonry-col-6 { width: 16.67%; } @media only screen and (min-width: 768px) and (max-width: 1150px) { .wpwp-masonry-item.wpwp-masonry-col-4, .wpwp-masonry-item.wpwp-masonry-col-5, .wpwp-masonry-item.wpwp-masonry-col-6 { width: 33.330%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .wpwp-masonry-item.wpwp-masonry-col-3 { width: 50%; } } @media only screen and (max-width: 767px) { .wpwp-masonry-item.wpwp-masonry-col-1, .wpwp-masonry-item.wpwp-masonry-col-2, .wpwp-masonry-item.wpwp-masonry-col-3, .wpwp-masonry-item.wpwp-masonry-col-4, .wpwp-masonry-item.wpwp-masonry-col-5, .wpwp-masonry-item.wpwp-masonry-col-6 { width:100%; } } .grid2column-wpwp, .grid3column-wpwp, .grid3columnbig-wpwp, .grid4column-wpwp, .grid4columnbig-wpwp, .grid5column-wpwp, .grid6column-wpwp { float:left; margin-right:2%; min-height:2px; } .grid2column-wpwp { width: 49%; } .grid3column-wpwp { width: 32%; } .grid4column-wpwp { width: 23.5%; } .grid5column-wpwp { width:18.4%; } .grid6column-wpwp { width:15%; } body .lastcolumn-wpwp { margin-right:0% !important; } #wp-zon-lower-widget-container .widget, #widget-area-wpwp .widget { float:left; margin-right:4%; } .footer-1-pro .widget { width:100%; margin-right:0%; margin-left:0%; } .footer-2-pro .widget { width:48%; } .footer-3-pro .widget { width:30.5%; } .footer-4-pro .widget { width:22%; } .footer-5-pro .widget { width:16.5%; } #wp-zon-lower-widget-container .footer-5-pro .widget:nth-child(5), #wp-zon-lower-widget-container .footer-2-pro .widget:nth-child(2), #wp-zon-lower-widget-container .footer-3-pro .widget:nth-child(3), #wp-zon-lower-widget-container .footer-4-pro .widget:nth-child(4), #widget-area-wpwp .footer-5-pro .widget:nth-child(6), #widget-area-wpwp .footer-2-pro .widget:nth-child(3), #widget-area-wpwp .footer-3-pro .widget:nth-child(4), #widget-area-wpwp .footer-4-pro .widget:nth-child(5) { margin-right:0%; } /* Infinite Scroll JavaScript */ #wpwp-load-more-manual .infinite-nav-pro { display:block !important; width:100%; } .infinite-nav-pro { display:none; text-align:center; } .infinite-nav-pro a { max-width:1200px; margin:15px auto 10px auto; display:inline-block; line-height:1; border:none; text-align:center; border-radius:3px; width:auto; padding:18px 30px; font-weight:700; background:rgba(0,0,0, 0.06); color:rgba(0,0,0, 0.65); font-size:14px; } .infinite-nav-pro a:hover { color:#ffffff; border-color:#ffffff; } .infinite-nav-pro a span i { font-size:90%; position:relative; top:0px; padding-left:6px; } #infscr-loading { font-size:15px; font-weight:700; color:#aeaeae; } #gallery-masonry-loading { position:relative; } #infscr-loading { text-align: center; z-index: 31; position: absolute; left: 50%; bottom:15px; opacity:1; min-width: 80px; margin-left:-40px; height:80px; line-height:80px; background: #e4e4e4; color: #ffffff; border-radius: 100px; } #infscr-loading img { margin:20px 0px; } #infscr-loading img { display:inline-block !important; } div#no-more-posts { display:none; } /* Post Filtering */ ul.wpwp-filter-button-group { list-style:none; margin:0px 0px 30px 0px; padding:0px; } ul.wpwp-filter-button-group li { position:relative; display:inline-block; margin:0px; padding:0px; color:#6d6483; font-weight:700; font-size:16px; line-height:1; padding:10px 0px; margin-right:50px; } ul.wpwp-filter-button-group li:after { content:''; display:block; background:rgba(255,255,255, 0); position:absolute; bottom:0px; border-radius:30px; width:100%; height:2px; z-index:10; } ul.wpwp-filter-button-group.wpwp-centered-filte-filter-pro li { margin-left:25px; margin-right:25px; } ul.wpwp-filter-button-group li:hover, ul.wpwp-filter-button-group li.pro-checked { cursor:pointer; color:#6d6483; } ul.wpwp-filter-button-group li:hover:after, ul.wpwp-filter-button-group li.pro-checked:after { background:#20d999; } /* =============================================== 11. NAVIGATION STYLES =============================================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu ul.too_narrow_fix { left: auto !important; right:100% !important; margin-right:32px; } /* MEGA MENU ESSENTIAL STYLES */ header .sf-mega {z-index:20; display:none; left:50%; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } header .sf-mega {width:1200px; left:50%; margin-left:-600px;} .sf-mega .sf-mega-section { width:33%; float:left; } .sf-mega .sf-mega-section.columns-pro-1 { width:100%; } .sf-mega .sf-mega-section.columns-pro-2 { width:50%; } .sf-mega .sf-mega-section.columns-pro-3 {width:33%; } .sf-mega .sf-mega-section.columns-pro-4 { width:25%; } .sf-mega .sf-mega-section.columns-pro-5 {width:20%; } .sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } /*** DEFAULT NAVIGATION SKIN ***/ .sf-menu ul{min-width:8.5em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff} .sf-menu .menu-item-language .submenu-languages { position:absolute; } /* NEW THEME SKIN */ .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none; } #shopx-zon-header-top .wp-zon-header-right h2.mega-menu-heading { text-align:left; } nav#site-navigation { font-weight:600; font-family: 'Barlow', sans-serif; letter-spacing: 0px; text-transform:uppercase; } .mobile-menu-icon-pro { color:#707070; padding:41px 0px 41px 10px; margin:0 auto; font-size:18px; line-height:1; } .wp-zon-nav-count-cat-off span.wp-zon-nav-cat-count { display:none; } span.wp-zon-nav-cat-count { display:inline-block; border-radius:30px; text-align:center; height:18px; padding:0px 6px; line-height:18px; font-size:10px; margin-bottom:-6px; position:relative; top:-2px; margin-left:6px; color:#ffffff; background:rgba(255,255,255, 0.11); } .sf-menu ul span.wp-zon-nav-cat-count { height:16px; padding:0px 5px; line-height:16px; font-size:9px; } .sf-menu a { line-height:1; color:#292935; font-size:18px; padding:27px 15px; text-transform:uppercase; } .sf-menu li:last-child a { border-width:1px; } .sf-menu ul li:last-child a { border-right:none; } .sf-menu ul a { border-left:none; } .wp-zon-nav-cart-icon-off #wpwp-shopping-cart-toggle, .wp-zon-search-icon-off #wp-zon-header-search-icon { display:none !important; } #wp-zon-header-search-icon:hover .wpwp-icon-search, #wp-zon-header-search-icon.active-search-icon-pro .wpwp-icon-search, .mobile-menu-icon-pro:hover, .sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a { color:#4145ee; background:none; } .sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before { opacity:0; background:#888888; width:0%; width: calc(100% - 30px); } #shopx-zon-header-top .sf-menu a:before { display:none; } .sf-menu a:before { z-index:-1; content:""; display:block; position:absolute; left:0px; margin-top:17px; height:2px; background:#888888; opacity:0; width:0px; margin-left:15px; } .sf-menu .sf-mega:before { display:none ; } .sf-menu li li a:before { display:none; } .sf-menu ul ul ul ul li:after, .sf-menu ul ul ul li:after, .sf-menu ul ul li:after, .sf-menu ul li:after, .sf-menu li:first-child:after { display:none; } /* removes arrow up on mega menu */ header .sf-mega ul:after { display:none !important; } /* Banner Icon */ .wpwp-mini-banner-icon { position:absolute; top:8px; right:9px; line-height:1; padding:4px 7px 3px 7px; font-size:9px; border-radius:20px; background:#4145ee; color:#ffffff; } .sf-menu li li .wpwp-mini-banner-icon { font-size:8px; top:14px; right:0px; } .sf-menu li .sf-mega h2 .wpwp-mini-banner-icon { top:22px; right:0px; } .sf-menu li .sf-mega .wpwp-mini-banner-icon { top:14px; right:0px; } /* Fix for divider */ #main-nav-mobile { font-weight:500; font-family: 'Barlow', sans-serif; } ul#wp-zon-panel-login, #wpwp-checkout-basket, #panel-search-wpwp, .sf-menu ul { font-weight:500; font-family: 'Barlow', sans-serif; box-shadow: 2px 2px 15px rgba(0,0,0, 0.15); -webkit-font-smoothing:subpixel-antialiased; } .sf-menu ul:after { top:-8px; left:10px; content:""; display:block; position:absolute; height:0px; width:0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid red; } .sf-menu ul.sf-mega:before { left:50px; margin-top:0px; } .sf-menu ul ul:after, .sf-menu ul.sf-mega:after { display:none; } .sf-menu ul:before { border-bottom:8px solid #cc5b44; } .sf-menu ul ul:before { display:none; } .sf-menu .sf-mega { padding-bottom:20px; padding-left:10px; padding-right:10px; } .sf-menu .sf-mega ul { padding:0px; margin:0px; background:none; box-shadow:none; } .sf-menu li li { padding-right:0px; padding-left:0px; } .sf-menu ul { padding:24px 32px 20px 32px; } .sf-menu ul ul { margin-left:32px; } .sf-menu li li a { text-transform:uppercase; font-size:11px; padding:13px 0px 13px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li a:hover .wp-zon-menu-title { padding-left:11px; margin-right:-11px; } .sf-menu li li a:hover .wp-zon-menu-title:before { opacity:1; } .wp-zon-menu-title { position:relative; transition-duration: 240ms; transition-property: padding, margin; transition-timing-function: ease-out; } .sf-menu li li .wp-zon-menu-title:before { content:''; display:block; background:#20d999; height:5px; width:5px; border-radius:12px; margin-top:-2px; top:50%; position:absolute; left:0px; transition: opacity 240ms ease-out; opacity:0; } .wp-zon-sub-menu-hover-off .sf-menu li li a:hover .wp-zon-menu-title { padding-left:0px; margin-right:0px; } .wp-zon-sub-menu-hover-off .sf-menu li li a:hover .wp-zon-menu-title:before { opacity:0; } .wpwp-sticky-scrolled .sf-menu li li a { padding-top:13px; padding-bottom:13px; } .sf-menu .deep-level li:last-child a { padding-bottom:20px; } .sf-menu li li:last-child li:last-child li:last-child li:last-child a, .sf-menu li li:last-child li:last-child li:last-child a, .sf-menu li li:last-child li:last-child a, .sf-mega li:last-child li:last-child li:last-child a, .sf-mega li:last-child li:last-child a, .sf-menu li li:last-child a { border-bottom:none; } .sf-menu li li:last-child li:last-child li:last-child li a, .sf-menu li li:last-child li:last-child li a, .sf-menu li li:last-child li li li a, .sf-menu li li:last-child li li a, .sf-menu li li:last-child li a, .sf-mega li:last-child li a { border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:none; color:#888888; } #wpwp-checkout-basket ul#wpwp-cart-small li h6, #wpwp-checkout-basket .wpwp-sub-total span.total-number-add, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#3f3f3f; background:rgba(0,0,0, 0); } /* MEGA MENU STYLES */ .sf-mega ul.deep-level { background:none; margin:0; border:none; border-right:0px solid red; } .sf-menu ul.sf-mega { padding-top:0px; } .sf-menu .sf-mega li { padding-right:0px; padding-left:0px; } .sf-menu .sf-mega li li { padding-right:30px; padding-left:30px; } .sf-menu .sf-mega li li a { padding-left:0px; } body .sf-mega ul:after { display:block; content:''; width:2px; height:100%; position:absolute; top:0px; } .sf-menu .sf-mega li:first-child ul:after { display:none; } .sf-mega h2.mega-menu-heading { text-transform:uppercase; position:relative; font-size:18px; font-weight:600; font-family: 'Barlow', sans-serif; color:#ffffff; border-right:none; border-bottom:1px solid transparent; padding:40px 0px 18px 0px; margin:0px 30px 0px 30px; line-height:1; -webkit-text-stroke: 0px; letter-spacing:0px; -webkit-font-smoothing:subpixel-antialiased; } body header .wpwp-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a, body header .wpwp-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a:hover { color:#181b25; } body header .sf-menu .sf-mega h2.mega-menu-heading a, body header .sf-menu .sf-mega h2.mega-menu-heading a:hover { color:#ffffff; } body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#ffffff; letter-spacing: 0px; font-size:18px; font-weight:600; padding: 0px; margin:0px; line-height:1; border:none; } .sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section, .sf-mega .sf-mega-section li:hover { background:none; } /* Mega Menu Widget Styling */ .sf-mega .widget-pro { padding:20px 30px 10px 30px; } .sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 { color:#1e1e1e; margin-bottom:5px; } .sf-mega .widget-pro ul li { margin-bottom:10px; } .sf-mega .widget-pro ul { border:none; } .sf-mega .widget-pro a, .sf-mega .widget-pro a:hover { border:none; padding:0px; margin:0px; background:none !important; } /* Font Awesome Icon Spacing */ ul#wp-zon-panel-login li a i, .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } ul#wp-zon-panel-login li a i, .sf-menu li li i { font-size:95%; } .sf-mega li h2 i { margin-right:8px; } /* Sub-menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 30px; } .sf-arrows .sf-with-ul:after { font-weight:normal; font-style:normal; font-family: "Font Awesome 5 Free"; font-weight: 900; border:none; content:"\f107"; font-size:12px; top: 50%; right: 24px; margin-top:-5px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 10px/1 "Font Awesome 5 Free"; font-weight:900; content:"\f105"; margin-top:-5px; right:15px; } /* Dark and Light Navigation */ @media only screen and (min-width: 959px) { .wp_zon_force_dark_navigation_color .wpwp-header-phone-number { color:#000000; } .wp_zon_force_light_navigation_color .wpwp-header-phone-number { color:#ffffff; } .wp_zon_force_dark_navigation_color .wpwp-sticky-scrolled .sf-menu li.highlight-button a, .wp_zon_force_light_navigation_color .wpwp-sticky-scrolled .sf-menu li.highlight-button a { color:#ffffff; } .wp_zon_force_light_navigation_color .sf-menu a { color:#ffffff; } .wp_zon_force_light_navigation_color .sf-menu li.highlight-button a:hover, .wp_zon_force_light_navigation_color .sf-menu li.highlight-button a { color:#232323; } .wp_zon_force_light_navigation_color .sf-menu li.highlight-button a:hover:before, .wp_zon_force_light_navigation_color .sf-menu li.highlight-button a:before, .wp_zon_force_light_navigation_color #wpwp-shopping-cart-count span.wpwp-cart-count { background:#ffffff; color:#000000; } .wp_zon_force_light_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon:hover, .wp_zon_force_light_navigation_color .activated-class #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon, .wp_zon_force_light_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon, .wp_zon_force_light_navigation_color #wpwp-shopping-cart-toggle.activated-class a .shopping-cart-header-icon, .wp_zon_force_light_navigation_color #wp-zon-header-login-container a.wpwpzon-login-icon, .wp_zon_force_light_navigation_color #wp-zon-header-search-icon .wpwp-icon-search, .wp_zon_force_light_navigation_color #wp-zon-header-search-icon:hover .wpwp-icon-search, .wp_zon_force_light_navigation_color #wp-zon-header-search-icon.active-search-icon-pro .wpwp-icon-search, .wp_zon_force_light_navigation_color #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons li a:hover, .wp_zon_force_light_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav:hover, .wp_zon_force_light_navigation_color .sf-menu a:hover, .wp_zon_force_light_navigation_color .sf-menu li.sfHover a, .wp_zon_force_light_navigation_color .sf-menu li.current-menu-item a { color:#ffffff; } .wp_zon_force_light_navigation_color #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons li a { color:#ffffff; } .wp_zon_force_dark_navigation_color .sf-menu a { color:#000000; } .wp_zon_force_dark_navigation_color .sf-menu li.highlight-button a:hover, .wp_zon_force_dark_navigation_color .sf-menu li.highlight-button a { color:#ffffff; } .wp_zon_force_dark_navigation_color .sf-menu li.highlight-button a:hover:before, .wp_zon_force_dark_navigation_color .sf-menu li.highlight-button a:before, .wp_zon_force_dark_navigation_color #wpwp-shopping-cart-count span.wpwp-cart-count { background:#000000; color:#ffffff; } .wp_zon_force_dark_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon:hover, .wp_zon_force_dark_navigation_color .activated-class #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon, .wp_zon_force_dark_navigation_color #wp-zon-header-login-container a.wpwpzon-login-icon, .wp_zon_force_dark_navigation_color #wp-zon-header-search-icon .wpwp-icon-search, .wp_zon_force_dark_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav .shopping-cart-header-icon, .wp_zon_force_dark_navigation_color #wp-zon-header-search-icon:hover .wpwp-icon-search, .wp_zon_force_dark_navigation_color #wp-zon-header-search-icon.active-search-icon-pro .wpwp-icon-search, .wp_zon_force_dark_navigation_color #wpwp-shopping-cart-toggle.activated-class a .shopping-cart-header-icon, .wp_zon_force_dark_navigation_color #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons li a:hover, .wp_zon_force_dark_navigation_color #wpwp-shopping-cart-count a.wpwp-count-icon-nav:hover, .wp_zon_force_dark_navigation_color .sf-menu a:hover, .wp_zon_force_dark_navigation_color .sf-menu li.sfHover a, .wp_zon_force_dark_navigation_color .sf-menu li.current-menu-item a { color:#000000; } .wp_zon_force_dark_navigation_color #wpwp-header-icons-inline-display ul.wp-zon-header-social-icons li a { color:#000000; } } /* =============================================== 12. MOBILE NAVIGATION STYLES =============================================== */ span.wpwp-mobile-menu-text { padding-left:6px; position:relative; top:-2px; font-weight:700; } .mobile-menu-icon-pro i { min-width:22px; } .mobile-menu-icon-pro { cursor:pointer; line-height:1; display:none; float:right; margin-right:0px; text-align:right; padding-right:0px; } .active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before { content:"\f00d"; } .menu-collapser { display:none !important; } #main-nav-mobile { line-height:1.6; background:#f9f9f9; display:none; position:relative; width:100%; z-index:20; box-shadow: 0px 2px 6px rgba(0,0,0, 0.08); } @media only screen and (min-width: 960px){ #main-nav-mobile { display:none !important; } } #main-nav-mobile .sf-menu li li .wpwp-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega h2 .wpwp-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega .wpwp-mini-banner-icon, #main-nav-mobile .wpwp-mini-banner-icon { top:22px; right:70px; } @media only screen and (min-width: 959px) { .wp_zon_force_light_navigation_color .wpwp-mini-banner-icon {background:#ffffff; color:#000000;} .wp_zon_force_dark_navigation_color .wpwp-mini-banner-icon {background:#000000; color:#ffffff;} } ul.mobile-menu-pro { width: 100%; margin: 0; padding: 0; list-style-type: none; display:block !important; overflow:hidden; width: 100%; } ul.mobile-menu-pro li { position: relative; display: inline-block; } ul.mobile-menu-pro > li { margin-right: -5px; border-left: 1px rgba(0,0,0, 0.1); } ul.mobile-menu-pro > li:first-child { border-left: 0 } ul.mobile-menu-pro > li:last-child { margin-right: 0 } ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { display: block; color:#444444; font-size:14px; padding:16px 3%; margin:0px; border:none; text-transform:uppercase; } ul.mobile-menu-pro li li a { text-transform:uppercase; font-weight:600; } body #wpwp-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { min-height:55px; line-height:55px; margin:0px ; padding-top:0px ; padding-bottom: 0px ; font-size:16px; color:#ffffff; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading:after { display:none; } body #wpwp-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, body header ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { color:#ffffff; } header#masthead-pro.sidebar-header-hidden ul.mobile-menu-pro .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header ul.mobile-menu-pro .sf-mega li.sf-mega-section { margin:0px; padding:0px; width:auto; float:none; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { padding:0px; margin:0px; border:none !important; } ul.mobile-menu-pro li li a { padding-left:30px; } ul.mobile-menu-pro li li li a { padding-left:35px; } ul.mobile-menu-pro li li li li a { padding-left:40px; } ul.mobile-menu-pro a i { padding-right:4px; } ul.mobile-menu-pro li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:55px; } ul.mobile-menu-pro.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; border:none; content:"\f107"; text-align:center; line-height:55px; width:50px; color:rgba(255,255,255, 0.28); background:rgba(255,255,255, 0.09); } ul.mobile-menu-pro.collapsed li .sub-collapser.expanded { transform: rotate(180deg); } ul.mobile-menu-pro li .sub-collapser > i { display:none; } ul.mobile-menu-pro li ul { margin: 0; list-style-type: none; } ul.mobile-menu-pro li ul { padding-left:0px; } ul.mobile-menu-pro li ul li { background:rgba(255,255,255, 0.04); } ul.mobile-menu-pro li ul li li:hover { background:rgba(255,255,255, 0.04) !important; } ul.mobile-menu-pro li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.mobile-menu-pro li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.mobile-menu-pro.collapsed li { display: block; width: 100%; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li a { display: block; border-bottom: 1px solid rgba(255,255,255, 0.04); box-sizing: border-box; } ul.mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-pro .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a { border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a, ul.mobile-menu-pro .sf-mega .sf-mega-section, ul.mobile-menu-pro.collapsed li a { border-color:rgba(255,255,255, 0.09); } /* Social Icons */ #wpwp-header-icons-inline-mobile-display { border-bottom: 1px solid rgba(255,255,255, 0.04); } #wpwp-header-icons-inline-mobile-display ul.wp-zon-header-social-icons { text-align:center; float:none; margin:0 auto 0px auto; } #wpwp-header-icons-inline-mobile-display ul.wp-zon-header-social-icons li { } #wpwp-header-icons-inline-mobile-display ul.wp-zon-header-social-icons li a { margin-top:25px; margin-bottom:25px; } /* =============================================== 13. SIDEBAR STYLES =============================================== */ .sidebar { font-size:15px; } .sidebar-item { background:#f4f4f4; padding:40px 40px 25px 40px; margin-bottom:30px; } .sidebar-item .search-form { margin-bottom:25px; } .sidebar-divider-pro { width:100%; overflow:hidden; } .sidebar a { color:#777777; } .sidebar ul li.current-cat, .sidebar ul li.current-cat a, .sidebar a:hover { color:#e84118; } .tagcloud { margin-bottom:15px; } .sidebar h4.widget-title { font-size:19px; margin-bottom:20px; } .sidebar ul li:before { display:inline-block; font-weight:normal; font-style:normal; content:"—"; padding-left:1px; padding-right:3px; position:relative; top:0px; font-size:70%; position:absolute; left:0px; opacity:0.8; content: "\f30b"; font-weight:900; font-family: "Font Awesome 5 Free"; top:4px; } .sidebar .widget_recent_entries ul li:before { font-size:90%; content: "\f15c"; font-weight:900; font-family: "Font Awesome 5 Free"; top:1px; opacity:1; } .sidebar .widget_recent_comments ul li:before { font-size:90%; content: "\f086"; font-weight:900; font-family: "Font Awesome 5 Free"; top:1px; opacity:1; } .sidebar ul { list-style:none; margin:0px 0px 20px 0px; padding:0px; } .sidebar ul ul.sub-menu, .sidebar ul ul.children { margin-top:12px; } .sidebar ul ul { margin:0px; padding:12px 0px 0px 12px; } .sidebar ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } .sidebar ul li { position:relative; line-height:1.5; margin:0px 0px 12px 0px; padding:0px 0px 12px 20px; border-bottom:1px solid #000; } body .sidebar ul ul { margin-left:-15px; } body .sidebar ul ul ul ul { margin-left:-20px; } /* RSS */ .widget_rss ul li:before { display:none; } .widget_rss ul a.rsswidget { display:block; margin-bottom:4px; font-weight:700; font-size:105%; } .widget_rss ul span.rss-date { display:block; font-size:90%; margin-bottom:5px; } .widget_rss ul li { padding-left:0px; } .widget_rss ul cite { display:block; font-style:italic; padding-top:8px; opacity:0.8; font-size:90%; } /* Calendar */ .widget table#wp-calendar { width:100%; } .widget table#wp-calendar caption { text-align:center; font-size:105%; padding-bottom:5px; color:#444444; font-weight:700; } .widget table#wp-calendar thead th { font-weight:700; } .widget table#wp-calendar tr th, .widget table#wp-calendar tr td { padding:6px; text-align:center; } /* PRO Personal Details Widget Styling */ .sidebar .social-icons-widget-pro { text-align:center; } .sidebar .social-icons-widget-pro .bpm-sidebar-avatar { margin:0px 0px 5px 0px; } .sidebar .social-icons-widget-pro h2 { margin-bottom:0px; } .sidebar .social-icons-widget-pro h4 { font-weight:700; color:#aaa; font-size:16px; } /* Sidebar Search Form */ .sidebar-item.widget_search:after { color:#e84118; } .sidebar-item.widget_search { background:#e84118; padding:0px; position:relative; } .sidebar-item.widget_search:after { position:absolute; display:block; top:27px; right:30px; border-radius:100px; background:#ffffff; width:38px; height:38px; line-height:38px; text-align:center; font-size:19px; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); font-style:normal; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; } .sidebar-item.widget_search .search-form { margin:0px; } .sidebar-item.widget_search .search-form input.search-field { background-color:#e84118; border-color:#e84118; color:#ffffff; font-size:17px; width:calc(100% - 120px); padding:30px 80px 30px 40px; background-image:none; } .sidebar-item.widget_search .search-form input.search-field::placeholder { color:#ffffff; } .sidebar-item.widget_search h4.widget-title { display:none; } .sidebar-item .woocommerce-product-search input.search-field { background:#ffffff; } /* =============================================== 14. PAGINATION STYLES =============================================== */ .post-views.entry-meta { display:none; } /* Pagination */ #content-pro ul.page-numbers { list-style:none; margin:15px 0px 10px 0px; padding:0px; text-align:center; } #content-pro ul.page-numbers li { margin:0px; padding:0px; display:inline; } /* Blog Post Pagination */ .wpwp-page-nav { margin:20px 0 25px 0; list-style:none; text-align:center; font-size:13px; } .wpwp-page-nav span, .wpwp-page-nav a { display:inline-block; text-align:center; margin:0px 2px 5px 2px; font-size:14px; padding:14px 19px 15px 19px; line-height:1; background:rgba(0,0,0, 0.07); color:rgba(0,0,0, 0.7); border-radius:0px; font-weight:600; } .wpwp-single-width-container .wpwp-page-nav a { border:none; } .wpwp-page-nav a span { padding:0px; background:none; min-width:none; margin:0px; border:none; color:rgba(0,0,0, 0.65); box-shadow:none; } body .wpwp-page-nav span.current { background:none; padding:0px; line-height:1; } #content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a { display:inline-block; text-align:center; margin:0px 2px 2px 2px; font-size:14px; padding:14px 19px 15px 19px; line-height:1; background:rgba(0,0,0, 0.07); color:rgba(0,0,0, 0.7); border-radius:0px; font-weight:600; } .wpwp-page-nav a:hover, .wpwp-page-nav span.current, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current { background:#f4f2f6; color:#1e023d; } #content-pro ul.page-numbers li span.dots { display:inline-block; padding:0px 5px; } /* =============================================== 15. BLOG INDEX STYLES =============================================== */ .wp-zon-blog-excerpt { overflow:hidden; } .wp-zon-sticky-post { position:absolute; top:0px; right:20px; font-size:11px; font-weight:600; letter-spacing:0.04em; padding:9px 14px; line-height:1; background:#333333; color:#ffffff; } .wp-zon-default-blog-index { margin-bottom:50px; position:relative; } .wpwp-blog-content { border:1px solid #000; padding:50px 50px 35px 50px; } h2.wpwp-blog-title { font-size:33px; line-height:1.3; margin-bottom:18px; } ul.wpwp-post-meta { list-style:none; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } ul.wpwp-post-meta li { display:inline; margin:0px 0px 5px 0px; font-size:14px; line-height:1.4; font-weight:500; text-transform:uppercase; letter-spacing:0.1em; } ul.wpwp-post-meta li:after { content:' ·'; font-size:20px; position:relative; top:1px; display:inline-block; position:relative; padding:0px 12px; } ul.wpwp-post-meta li:last-child:after { display:none; } .wpwp-blog-content a.more-link { display:inline-block; margin-bottom:20px; color:#1a1d28; font-weight: 600; font-size:14px; margin-top:5px; letter-spacing:0.1em; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255, 0); } .wpwp-blog-content a.more-link i { font-size:12px; padding-left:3px; } /* FEATURED IMAGE */ .wp-zon-feaured-image { position:relative; overflow:hidden; text-align:center; margin-bottom:-1px; } .wp-zon-feaured-image p { margin:0px; } body .wp-zon-feaured-image img { transition: all 400ms; } /* Author */ .wp-zon-image-overlay-gradient { position:absolute; bottom:0px; width:100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); height:30%; } .blog-meta-author-display { font-size:15px; position:absolute; bottom:40px; left:70px; font-weight:600; } .blog-meta-author-display a:hover, .blog-meta-author-display a { color:#ffffff; } .blog-meta-author-display img { width:30px; margin-right:8px; position:relative; top:-1px; } /* =============================================== 16. BLOG POST STYLES =============================================== */ body.page-template-default #respond.comment-respond { margin-bottom:25px; } body.single-post #respond.comment-respond { margin-bottom:0px; } .disable-sidebar-post-wpwp #main-container-pro { width:100%; float:none; } .disable-sidebar-post-wpwp .wpwp-single-width-container { width:900px; max-width:100%; margin-left:auto; margin-right:auto; } .disable-sidebar-post-wpwp .sidebar { display:none; } /* Blog Comments */ #comments.comments-area { margin:0px ; padding-top:30px; } p.logged-in-as { margin-bottom:15px; font-size:90%; } .comment-navigation { padding-top:10px; padding-bottom:25px; } .comment-navigation a { font-weight:600; } .comment-navigation .nav-previous { float:left; width:50%; } .comment-navigation .nav-next { float:right; width:50%; text-align:right; } .comment-form label { display:block; padding:0px 0px 2px 0px; font-size:90%; } .form-allowed-tags code { font-family: Inconsolata, monospace; display:block;font-size:80%; } #comments h4.comments-title { margin-top:20px; margin-bottom:30px; font-size:20px; } h3.comments-title, #comments h3.comment-reply-title { font-size:21px; margin-bottom:15px; } h3.comments-title { margin-top:20px; } #comments h3.comment-reply-title small { font-size:14px; padding-left:5px; font-weight:300; } body .comment-list { list-style: none; margin:0px 0px 25px 0px; padding:0px; } .comment-list li.comment { padding-bottom:10px; margin-bottom:25px; position:relative; } body .comment-list li.pingback, body .comment-list li.trackback { padding-bottom:15px; font-size:95%; } body .comment-list li.trackback .comment-body:before, body .comment-list li.pingback .comment-body:before { display:none; } body .comment-list li.trackback .comment-body, body .comment-list li.pingback .comment-body { margin-left:0px; } .comment-list .children { list-style: none; margin: 0; padding:0px; } .comment-list .children > li { border-bottom:0px; margin-bottom:0px; margin-top:50px; margin-left: 35px; } .comment-body { font-size:95%; padding:18px 25px; margin-left:90px; background:#ffffff; border-radius:0px; border:1px solid rgba(0,0,0, 0.08); } .comment-body:before { content:''; display:block; position:absolute; left:83px; top:30px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:7px solid rgba(0,0,0, 0.08); } .comment-body p { margin-bottom:10px; } .comment-author .avatar { float: left; height: 70px; width: 70px; left:0px; position:absolute; border-radius:100px; } .comment-author span.says { display:none; } .comment-author cite a, .comment-author cite a:hover {color:#35364c;} .comment-author cite { display:inline-block; font-style:normal; font-weight:600; line-height:1.2; color:#35364c; font-size:16px; padding-right:5px; padding-bottom:0px; padding-top:4px; } .commentmetadata { margin-bottom: 8px; font-size:13px; padding-top:3px; color:#878787; } .commentmetadata a, .commentmetadata a:hover { color:#878787; } .reply a.comment-reply-link { font-size:11px; position:absolute; padding:6px 10px; right:10px; margin-top:-18px; margin-bottom:10px; display:block; } .reply a.comment-reply-link:before { font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); font-style:normal; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3e5"; padding-right:5px; font-size:9px; position:relative; top:-1px; } #respond.comment-respond { margin-top:25px; } .comment-list a.comment-edit-link { font-size:12px; font-weight:600; } /* Tags */ #wpwp-blog-single-content { padding-bottom:25px; } p.form-submit { margin-bottom:0px; } body.single-post #comments.comments-area { margin-top:0px; } .tags-wp-zon { border-top:1px solid red; margin:15px 0px 25px 0px; padding-top:50px; } .tags-wp-zon h3 { position:relative; padding-right:14px; font-weight:600; color:#181b25; font-size:18px; display:inline-block; } .tags-wp-zon a { display:inline-block; line-height:1; margin-right:10px; padding:12px 19px; margin-bottom:5px; border:1px solid ; font-size:12px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:#24212c; background: #e8e8e8; border:none; } /* =============================================== 17. WOOCOMMERCE INDEX STYLES =============================================== */ .woocommerce-breadcrumb { display:none; } #content-pro ul.products li.product img { margin-bottom:-1px; } .woocommerce-page form.woocommerce-ordering { padding-top:10px; } .woocommerce-page p.woocommerce-result-count { position:relative; font-size:17px; top:21px; margin-bottom:65px; } .wp-zon-index-gradient { box-shadow: 20px 0px 20px rgba(0,0,0, 0); } #content-pro ul.products li.product:hover .wp-zon-index-gradient { box-shadow: 20px 0px 20px rgba(0,0,0, 0.05); } .wp-zon-shop-index-text { background:#f3f3f4; padding:35px 40px 30px 40px; border:1px solid red; } #content-pro ul.products li.product ul.shopxzon-shop-index-category { list-style:none; margin:0px 0px -9px 0px; padding:0px; text-align:center; } #content-pro ul.products li.product ul.shopxzon-shop-index-category li { display:inline; margin:0px; padding:0px; } #content-pro ul.products li.product ul.shopxzon-shop-index-category li a { display:inline-block; margin:0px 10px 6px 10px; line-height:1; text-transform:uppercase; font-weight:500; letter-spacing:0.15em; font-size:13px; color:#939393; } #content-pro ul.products h2.woocommerce-loop-product__title { font-size:26px; margin-bottom:0px; line-height:1.2; font-weight:500; text-align:center; } li.product-category a:after { content:""; display:block; background:rgba(0,0,0, 0.3); position:absolute; top:0; left:0; width:100%; height:100%; } #content-pro ul.products h2.woocommerce-loop-category__title { font-size:25px; line-height:1.2; text-align:center; position:absolute; left:0px; width:100%; top:50%; margin-top:-15px; color:#ffffff; z-index:5; } #content-pro ul.products h2.woocommerce-loop-category__title mark { background:none; font-weight:400; font-size:16px; position:relative; top:-1px; font-style:normal; color:rgba(255,255, 255, 0.6); } #content-pro ul.products .star-rating { font-size:14px; margin-top:2px; margin-bottom:11px; clear:both; text-align:center; margin-left:auto; margin-right:auto; } /* Adjust spacing for star rating */ .sidebar .star-rating, .commentlist .star-rating, #wp-zon-woocommerce-single-top .star-rating, #content-pro ul.products .star-rating { padding-right:21px; } .sidebar .star-rating span::before, .commentlist .star-rating span::before, #wp-zon-woocommerce-single-top .star-rating span::before, #content-pro ul.products .star-rating span::before { /* color:red; */ letter-spacing:6px; } .sidebar .star-rating:before, .commentlist .star-rating:before, #wp-zon-woocommerce-single-top .star-rating:before, #content-pro ul.products .star-rating:before { letter-spacing:6px; color:#dddddd !important; } /* End spacing for star rating */ #content-pro ul.products span.price { color:rgba(0,0,0, 0.7); font-weight:400; font-size:19px; margin:0px 10px 5px 10px; text-align:center; font-weight:500; } #content-pro ul.products span.price del { opacity:0.50; font-size:90%; position:relative; } #content-pro ul.products span.price span.amount { color:#2c3238; font-weight:500; } /* OnSale */ .wp-zon-store-product-image-container { position:relative; } body #wp-zon-woocommerce-single-top span.onsale, #boxed-layout-pro ul.products li.product span.onsale { font-weight:600; min-height: 0px; min-width: 0em; text-transform:uppercase; font-family: 'Barlow', sans-serif; font-weight:600; margin:0px; left:auto; z-index:25; top:26px; right:auto; left:0px; border-radius:0px; line-height:1; padding:8px 13px 8px 13px; font-size:12px; } /* Overlay Add to Cart Button */ #boxed-layout-pro ul.products li.product .wp-zon-shop-overlay-buttons a.added_to_cart, #boxed-layout-pro ul.products li.product .wp-zon-shop-overlay-buttons a.button { margin:13px 0px 20px 0px; display:block; width:auto; padding:18px 15px; font-size:13px; } #boxed-layout-pro ul.products li.product .wp-zon-shop-overlay-buttons a.added_to_cart { font-size:11px; padding-top:13px; padding-bottom:13px; color:#24212c; background:#e8e8e8; } /* =============================================== 18. WOOCOMMERCE SINGLE STYLES =============================================== */ .wpwp-remove-shop-button-post form.cart { display:none; } #wp-zon-woocommerce-single-top table.variations td, #wp-zon-woocommerce-single-top table.variations { border:none; } #wp-zon-woocommerce-single-top table.variations select { margin-right:5px; } .woocommerce-product-gallery { overflow:hidden; } #wp-zon-woocommerce-single-top h1.product_title { padding-top:40px; padding-bottom:25px; margin-bottom:0px; font-size:38px; font-weight:700; letter-spacing:-0.02em; border-bottom:1px solid #e8e8e8; } #wp-zon-woocommerce-single-top p.price { float:left; padding:12px 0px; } #wp-zon-woocommerce-single-top .woocommerce-product-rating { float:right; padding-top:20px; text-align:right; } #wp-zon-woocommerce-single-top .summary .star-rating { font-size:14px; } #wp-zon-woocommerce-single-top a.woocommerce-review-link { font-size:13px; color:#999999; position:relative; top:1px; margin-left:5px; float:right; } #wp-zon-woocommerce-single-top a.woocommerce-review-link:hover { color:#333333; } .shopxzon-divider-below-price { border-top:1px solid #e8e8e8; margin-bottom:22px; } #wp-zon-woocommerce-single-top p.price { color:rgba(0,0,0, 0.5); font-size:24px; margin:0px 0px 0px 0px; font-weight:500; } #wp-zon-woocommerce-single-top p.price del { opacity:0.50; font-size:80%; top:-1px; position:relative; margin-right:2px; } #wp-zon-woocommerce-single-top p.price span.amount { color:rgba(0,0,0, 0.5); } /* Custom Variation Price */ .woocommerce-variation .woocommerce-variation-price { color:rgba(0,0,0, 0.65); font-size:22px; font-weight:600; margin:-15px 0px 15px 0px; } .woocommerce-variation .woocommerce-variation-price span.price span { color:rgba(0,0,0, 1); } /* Gallery Styles */ #wp-zon-woocommerce-single-top .images { width:48%; float:left; position:relative; } #wp-zon-woocommerce-single-top ins { background:none; } #wp-zon-woocommerce-single-top .summary.entry-summary { width: 48%; float:right; } @media only screen and (max-width: 767px) { #wp-zon-woocommerce-single-top .images, #wp-zon-woocommerce-single-top .summary.entry-summary { width:100%; } } #wp-zon-woocommerce-single-top ol.flex-control-nav.flex-control-thumbs { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; list-style:none; margin:10px 0px 0px 0px; padding:0px; width:calc(100% + 10px); } ol.flex-control-nav.flex-control-thumbs li { width:20%; width:calc(25% - 10px) !important; padding-right:10px; padding-bottom:10px; float:left; cursor:pointer; } ol.flex-control-nav.flex-control-thumbs li img { cursor:pointer; width:100%; } /* Category, SKU, Tags */ #wp-zon-woocommerce-single-top .product_meta span.sku_wrapper, #wp-zon-woocommerce-single-top .product_meta span.posted_in, #wp-zon-woocommerce-single-top .product_meta span.tagged_as { display:block; } #wp-zon-woocommerce-single-top .product_meta span.sku_wrapper { display:none; } #wp-zon-woocommerce-single-top .product_meta { margin-top:32px; border-top:1px solid #e8e8e8; padding-top:22px; font-size:15px; display:block; color:#555555; font-weight:500; } #wp-zon-woocommerce-single-top .product_meta a { color:#939393; } #wp-zon-woocommerce-single-top .product_meta a:hover { color:#24212c; } #wp-zon-woocommerce-single-top .product_meta span.tagged_as, #wp-zon-woocommerce-single-top .product_meta span.posted_in, #wp-zon-woocommerce-single-top .product_meta span.sku_wrapper { padding-bottom:6px; } #wp-zon-woocommerce-single-top .product_meta span.sku_wrapper span.sku, #wp-zon-woocommerce-single-top .product_meta a { font-weight:400; text-transform:none; } /* Variations */ #wp-zon-woocommerce-single-top .summary form.cart a.reset_variations { font-size:13px; font-weight:400; color:#777777; } #wp-zon-woocommerce-single-top .summary form.cart a.reset_variations:hover { color:#2c3238; } #wp-zon-woocommerce-single-top .summary form.cart table.variations { margin:0px 0px 25px 0px; padding:0px; background:none; } #wp-zon-woocommerce-single-top .summary form.cart table.variations td, #wp-zon-woocommerce-single-top .summary form.cart table.variations tr { padding-top:0px; padding-bottom:15px; } #wp-zon-woocommerce-single-top .summary form.cart table.variations td.label label { font-weight:600; color:#2c3238; font-size:15px; position:relative; top:2px; } /* Tabs Area */ #wp-zon-woocommerce-single-top { padding-top:15px; padding-bottom:185px; } #wp-zon-woocommerce-single-bottom { margin-top:-60px; margin-bottom:-50px; padding-bottom:0px; border-top:1px solid rgba(0,0, 0, 0); background:#f6f6f6; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs { margin-bottom:-67px; position:relative; top:-67px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs { padding-left:0px; text-align:left; position:relative; margin:0px 0px 0px 0px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs:before { border-color:rgba(0,0, 0, 0); } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:before, #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:after { display:none; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li { margin:0px; padding:0px; border-radius:0px; border:none; border-top:2px solid rgba(0,0, 0, 0.0); border-left:2px solid rgba(0,0, 0, 0.0); border-right:2px solid rgba(0,0, 0, 0.0); background:transparent; display:inline-block; float:none; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a { font-size:17px; font-family: 'Barlow', sans-serif; color:#939393; padding:17px 48px; display:block; font-weight:600; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active a { color:#24212c; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active { background:#f6f6f6; } #wp-zon-woocommerce-single-bottom .woocommerce-Tabs-panel { padding:50px 0px 45px 0px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs h2 { font-size:25px; letter-spacing:-0.02em; margin-bottom:30px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs h2.woocommerce-Reviews-title { display:block; font-size:25px; letter-spacing:-0.02em; margin-bottom:30px; } /* Variable Table */ #wp-zon-woocommerce-single-bottom .woocommerce-tabs table td { padding:8px 18px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs table tr th, #wp-zon-woocommerce-single-bottom .woocommerce-tabs table tr td { padding: 10px 20px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs table th { font-weight:700; color:#2c3238; } /* Reviews */ #review_form_wrapper { padding-bottom:25px; } p.woocommerce-noreviews { margin-top:-15px; } .woocommerce-Tabs-panel span#reply-title.comment-reply-title { display:block; font-weight:400; color:#2c3238; font-size:22px; margin:20px 0px 10px 0px; } .woocommerce-Tabs-panel #review_form .comment-form-rating p.stars { padding-top:4px; padding-bottom:5px; font-size:16px; } .woocommerce-Tabs-panel #review_form label { font-weight:600; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist { margin-left:0px; padding-left:0px; margin-bottom:5px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar { border:none; padding:0px; border-radius:50px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text { border-right:none; border-top:none; border-bottom:none; border-left-color:rgba(0,0,0,0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top:10px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .star-rating { font-size:14px; top:0px; margin-bottom:15px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta { color:#666666; font-size:16px; margin-bottom:5px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li strong.woocommerce-review__author { color:#2c3238; font-weight:700; font-size:16px; } .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta time { font-size:13px; color:#666666; } .woocommerce-Tabs-panel #review_form input, .woocommerce-Tabs-panel #review_form textarea { background:#ffffff; margin-bottom:15px; } /* Related Products */ .related.products { margin:-20px 0px 20px 0px; } .related.products h6 { text-align:center; margin-bottom:0px; color:#e84118; font-size:16px; letter-spacing:0.2em; font-weight:400; text-transform:uppercase; } .upsells.products h2, .related.products h2 { text-align:center; font-size:45px; font-weight:700; letter-spacing:-0.03em; margin-bottom:25px; } .cross-sells h2 { font-size:22px; margin-bottom:25px; } /* =============================================== 19. WOOCOMMERCE CART/CHECKOUT/MY ACCOUNT STYLES =============================================== */ body #content-pro .woocommerce-error, body #content-pro .woocommerce-info, body #content-pro .woocommerce-message { background: #f4f4f4; font-size:14px; word-wrap: break-word; } body #content-pro .woocommerce-Message a.button, body #content-pro .woocommerce-message a.button { font-size:11px; padding:8px 10px; position:relative; font-weight:500; } /* Empty Cart Page */ .page-content-pro p.return-to-shop { padding-top:5px; padding-bottom:30px; } /* Shopping Cart */ #content-pro .woocommerce table.shop_table { border-radius:0px; border-color:#f1f1f1; } #content-pro .woocommerce table.shop_table.woocommerce-cart-form__contents { margin-top:45px; } .woocommerce table.shop_table tbody tr.cart-subtotal th, #content-pro .woocommerce table.shop_table thead tr th { background:#f1f1f1; border-color:#f1f1f1; padding-top:15px; padding-bottom:15px; } #content-pro .woocommerce table.shop_table tr td { border-color:#f1f1f1; padding-top:18px; padding-bottom:18px; background:#ffffff; } #content-pro .woocommerce table.shop_table thead tr th { color:#2c3238; font-size:20px; font-weight:600; } #content-pro .woocommerce table.shop_table tbody td.product-name a { color:#2c3238; font-weight:500; font-size:17px; } table.shop_table td.product-remove a.remove, #content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove { color:#1f1f1f !important; font-size:17px; margin:0 auto; background:none; } table.shop_table td.product-remove a.remove:hover, #content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove:hover { background:none; color:#777 !important; } .cart_totals { padding-top:25px; } .cart_totals h2 { font-size:24px; } .woocommerce table.shop_table { } .woocommerce table.shop_table tr.cart-subtotal { color:#555555; font-size:14px; } .woocommerce table.shop_table tr.cart-subtotal th { background:#f1f1f1; border-color:#f1f1f1; font-weight:600; } .woocommerce table.shop_table tbody tr.cart-subtotal th { font-size:16px; } .woocommerce table.shop_table tr.order-total th { background:#f1f1f1; border-color:#f1f1f1; font-weight:600; color:#111111; padding-top:15px; font-size:18px; } .woocommerce table.shop_table tr.order-total strong { color:#111111; font-weight:600; } /* Login/Containers */ body #content-pro .width-container-pro .woocommerce-ResetPassword, body #content-pro .width-container-pro .woocommerce-form-register, body #content-pro .width-container-pro .woocommerce-form-login, body #content-pro .width-container-pro .woocommerce-form-coupon { border:1px solid #e8e8e8; background:#ffffff; border-radius:0px; box-shadow: 0px 0px 60px rgba(0,0,0, 0.05); padding:30px 30px 15px 30px; } body #content-pro .width-container-pro .woocommerce-form-register .woocommerce-privacy-policy-text { font-size:13px; } body.woocommerce-account #content-pro .width-container-pro .woocommerce-form-login { max-width:600px; } body #content-pro .width-container-pro .woocommerce-ResetPassword { margin:0 auto; max-width:800px; padding-bottom:20px; } body #content-pro .width-container-pro .woocommerce-form-login button { margin-right:10px; } body #content-pro .width-container-pro .woocommerce-ResetPassword p, body #content-pro .width-container-pro .woocommerce-form-register p, body #content-pro .width-container-pro .woocommerce-form-login p, body #content-pro .width-container-pro .woocommerce-form-coupon p { margin-bottom:18px; } body #content-pro .width-container-pro .woocommerce-form-coupon button.button { padding:12px 20px; font-size:14px;; } /* My Account */ body .woocommerce .woocommerce-MyAccount-content { border-left:3px solid #1f2228; box-shadow: 0px 0px 60px rgba(0,0,0, 0.09); background:#ffffff; width:63%; padding:3% 3% 3% 3%; } body .woocommerce nav.woocommerce-MyAccount-navigation { width:28%; box-shadow: 0px 0px 60px rgba(0,0,0, 0.1); } body .woocommerce nav.woocommerce-MyAccount-navigation a { display:block; padding:14px 25px; color:#2c3238; background:#ffffff; margin-bottom:0px; font-weight:500; font-size:16px; } body .woocommerce nav.woocommerce-MyAccount-navigation a:hover { background:rgba(0,0,0, 0.04); } body.my-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a { color:#ffffff; background:#1f2228; letter-spacing:0px; } body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a { letter-spacing:0px; } /* =============================================== 20. WOOCOMMERCE WIDGET STYLES =============================================== */ .sidebar span.product-title { font-weight:600; color:#2c3238; font-size:18px; margin-bottom:4px; } .sidebar ul.product_list_widget { margin-bottom:15px; } .sidebar ul.product_list_widget li { margin-bottom:8px; } .sidebar ul li span.reviewer { font-size:12px; opacity:0.9; font-weight:500; } .sidebar ul li.wc-layered-nav-rating { margin-bottom:0px; } .sidebar .wc-layered-nav-rating a { font-size:12px; } .sidebar .wc-layered-nav-rating .star-rating { position:relative; top:4px; } .sidebar .star-rating { font-size:11px; margin:5px 0px 5px 0px; } .sidebar ins { background:none; } .sidebar span.amount { font-weight:400; font-size:14px; margin:0px 0px 5px 0px; color:rgba(0,0,0, 0.5); } .sidebar del { opacity:0.40; color:#777777; font-size:90%; top:1px; position:relative; background:none; } /* Filter by Price */ #boxed-layout-pro .widget.widget_price_filter .price_slider_wrapper .price_slider_amount button.button { padding:8px 9px; font-size:12px; font-weight:400; } .widget.widget_price_filter form .price_slider_wrapper { margin-bottom:22px; } .widget.widget_price_filter form .price_slider_wrapper .price_slider { background: rgba(0,0,0,0.11); } .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range { background:#4145ee; } .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle { background:#ffffff; border:6px solid #4145ee; width: 5px; height: 5px; border-radius: 30px; top: -5px; margin-left: -5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.1); } body .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle { background:#ffffff; } .widget.widget_price_filter form .price_slider_wrapper .price_slider_amount { padding-top:5px; font-weight:400; font-size:12px; } /* Widget Shopping Cart */ .widget .widget_shopping_cart_content ul.cart_list.product_list_widget { margin:0px 0px 15px 0px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove { background:none; color:#333333 !important; right:-12px; left:auto; top:2px; font-size:16px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove:hover { background:none; color:#aaaaaa !important; } body #boxed-layout-pro .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a img { position:absolute; left:0px; width:40px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item { padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; min-height:40px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a { color:#2c3238; font-weight:400; font-size:18px; padding:0px 12px 0px 55px; display:block; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item span.quantity { padding-left:55px; padding-top:5px; font-weight:400; font-size:11px; color:#aaaaaa; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dl { margin:0px; display:block; padding:5px 0px 5px 55px; border:none; color:#aaaaaa; font-size:11px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd p { display:inline; margin:0px; padding:0px; font-size:11px; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd, .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dt { display:inline-block; font-weight:400; font-size:11px; margin:0px; padding:0px; clear:none; } .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd { padding-right:7px; font-size:11px; } .widget .widget_shopping_cart_content p.total { border-top:1px solid rgba(0,0,0, 0.1); font-weight:700; color:#666666; margin:-15px 0px 4px 0px; padding:14px 0px 15px 0px; font-size:14px; } .widget .widget_shopping_cart_content p.total strong { font-weight:700; color:#888; } .widget .widget_shopping_cart_content p.total span.amount { float:right; color:#202427; font-weight:600; color:#2c3238; } .widget .widget_shopping_cart_content p.buttons a.button { margin-right:0px; } body #content-pro footer .widget .widget_shopping_cart_content p.buttons a.button, body #content-pro .sidebar .widget .widget_shopping_cart_content p.buttons a.button { padding:15px 0px; font-size:13px; width:48% !important; } .widget .widget_shopping_cart_content p.buttons a.button.checkout { float:right; } ul.wp-block-latest-posts li { list-style-type:circle; } /* =============================================== 21. CONTACT FORM STYLES =============================================== */ span.required { color:#fa4e3c; } .wpcf7-form .grid2column-wpwp p { margin-bottom:0px; } .wpcf7-form .grid2column-wpwp, .wpcf7-form p { margin-bottom:25px; } ol.age-gate-form-elements input:focus, #respond select:focus, .widget select:focus, #wp-zon-woocommerce-single-top table.variations td.value select:focus, .woocommerce-page form.woocommerce-ordering select:focus, .wpcf7-form select:focus, form#mc-embedded-subscribe-form .mc-field-group input:focus, .post-password-form input:focus, .search-form input.search-field:focus, #respond textarea:focus, #respond input:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline:none ; border-color:#6e8a95; } #respond input[type=checkbox] { width:auto; display:inline; margin-right:7px; } #respond .comment-form-cookies-consent label { display:inline; } .wpcf7 input[type=radio], .wpcf7 input[type=checkbox] { width:auto; } #respond select, .wpcf7 select, #respond textarea, .wpcf7-form textarea, .post-password-form input, #respond input, .wpcf7-form input { border-radius:4px; width:70%; padding:11px 18px 11px 18px; background:#ffffff; color:#444444; border:none; font-size:15px; border:1px solid #ffffff; } #respond textarea, .wpcf7-form textarea { } span.wpcf7-form-control-wrap { padding-top:3px; display:block; } .post-password-form { font-size:14px; } .post-password-form input[type=submit] { margin-right:0px; } .post-password-form input { max-width:280px; width:85%; margin-right:10px; padding-top:11px; padding-bottom:12px; width: calc(100% - 220px); } .wpcf7-form .grid1column-wpwp input, .wpcf7-form .grid2column-wpwp input, #respond textarea, .comment-respond textarea, .wpcf7-form textarea { width:95%; width: calc(100% - 36px); } body #respond textarea, #respond .grid3column-wpwp input[type="text"], #respond .grid3column-wpwp input[type="email"], #respond .grid3column-wpwp input[type="url"] { width:96%; width:calc(100% - 30px); } .wpcf7-form input.wpcf7-not-valid { border-color:#e54823; } .wpcf7-form span.wpcf7-not-valid-tip { display:none; } #respond select, .wpcf7 select, .widget select, #wp-zon-woocommerce-single-top table.variations td.value select, .woocommerce-page form.woocommerce-ordering select { border-radius:0px; line-height:1; padding:14px 45px 14px 18px; font-size:14px; font-weight:500; background:#ffffff; border:1px solid rgba(0,0,0, 0.09); font-family: 'Barlow', sans-serif; -moz-appearance: none; -webkit-appearance: none; -ms-appearance:none; appearance: none; background-image:url(images/select-arrow.png); background-position:right 15px; background-repeat:no-repeat; background-size:34px 12px; } body .select2-container--default .select2-dropdown { border-color: rgba(0,0,0, 0.09); } body .woocommerce form .form-row .select2-container .selection .select2-selection { height:42px; padding-top:5px; line-height:1; background:rgba(0,0,0, 0.02); border-color:rgba(0,0,0, 0.09); -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.08); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08); } body .woocommerce form .form-row .select2-selection--single .select2-selection__rendered { padding-left:12px; } body .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { top:8px; right:5px; } .widget select { max-width:calc(100% - 64px); } #respond select::ms-expand, .wpcf7 select::ms-expand, .widget select::ms-expand, #wp-zon-woocommerce-single-top table.variations td.value select::ms-expand, .woocommerce-page form.woocommerce-ordering select::ms-expand, #wp-zon-woocommerce-single-top table.variations td.value select::-ms-expand { display:none; } #wp-zon-woocommerce-single-top table.variations td.value select { background-color:#f2f2f2; border-color:#ddd; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { #wp-zon-woocommerce-single-top table.variations td.value select, .woocommerce-page form.woocommerce-ordering select {background-image:url(images/select-arrow@2x.png);} } /* WooCommerce Input Styles */ body #content-pro .width-container-pro .woocommerce textarea, body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text], body #content-pro .width-container-pro .woocommerce input[type=text], body #content-pro .width-container-pro .woocommerce input[type=password], body #content-pro .width-container-pro .woocommerce input[type=url], body #content-pro .width-container-pro .woocommerce input[type=tel], body #content-pro .width-container-pro .woocommerce input[type=number], body #content-pro .width-container-pro .woocommerce input[type=color], body #content-pro .width-container-pro .woocommerce input[type=email] { padding:9px 12px; border-radius:0px; box-shadow: none; background:#ffffff; border:1px solid rgba(0,0,0, 0.09); -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.08); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.08); } body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text] { min-width:119px; padding-left:12px; padding-right:12px; line-height:34px; height:34px; } /* Coupon Buttons */ #content-pro .woocommerce table.shop_table .coupon button.button { font-size:12px; padding:11px 16px; margin-left:5px; border:none; } #content-pro .woocommerce table.shop_table button.button { font-size:13px; padding:14px 30px; } #wp-zon-woocommerce-single-top .quantity input { float:left; margin-right:8px; padding:11px 4px 10px 4px; border-radius:0px; box-shadow: none; background:#ffffff; border:1px solid rgba(0,0,0, 0.09); -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0); } /* Checkout Styles */ body #content-pro h3#order_review_heading, body #content-pro form.woocommerce-checkout { padding-top:25px; } body #content-pro form.woocommerce-checkout .select2, body #content-pro form.woocommerce-checkout textarea, body #content-pro form.woocommerce-checkout input { margin-bottom:15px; } body #content-pro form.woocommerce-checkout input#billing_address_1 { margin-bottom:0px; } .woocommerce-input-wrapper .selection .select2-selection:focus { outline:none; } .create-account input[type=checkbox] { position:relative; top:6px; } /* =============================================== 22. BUTTON STYLES =============================================== */ .tagcloud a { line-height:1; border:none; text-align:center; display:inline-block; width:auto; margin:0px 4px 10px 0px; padding:9px 14px; font-weight:600; color:#24212c; background:#ffffff; font-size:12px !important; letter-spacing:0.05em; font-weight: 600; box-shadow: 0px 0px 10px rgba(0,0,0, 0.05); text-transform:uppercase; } .wp-block-button a.wp-block-button__link { font-size:22px; padding:16px 35px; font-weight: 600; margin-bottom:10px; } body .wp-block-button a.wp-block-button__link { border-radius:30px; } .wp-block-button.is-style-outline a.wp-block-button__link { border:2px solid #000000; color:#000000; background:none; } .wp-block-button.is-style-outline a.wp-block-button__link:hover { background:#000000; color:#ffffff; } .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-squared a.wp-block-button__link { border-radius:0px; } .wp-zon-shop-overlay-buttons a.added_to_cart, #boxed-layout-pro .form-submit input#submit, #boxed-layout-pro button.button, #boxed-layout-pro a.button { line-height:1; border:none; text-align:center; display:inline-block; border-radius:3px; width:auto; padding:19px 38px; color:#ffffff; background:#6e16ff; font-size:14px; font-weight: 600; text-transform:uppercase; font-family: 'Barlow', sans-serif; } .post-password-form input[type=submit], #respond input.submit, .wpcf7-form input.wpcf7-submit { line-height:1; border:none; text-align:center; display:inline-block; border-radius:3px; width:auto; padding:21px 36px; font-size:16px; color:#ffffff; background:#6e16ff; font-weight: 600; text-transform:uppercase; letter-spacing:0.02em; } .post-password-form input[type=submit] { padding-top:18px; padding-bottom:18px; } .post-password-form input[type=submit]:hover, #respond input.submit:hover, .wpcf7-form input.wpcf7-submit:hover { color:#0e0e10; background:#e0e0e0; } #respond input.submit { margin-top:15px; } .wpcf7-form input.wpcf7-submit { margin-top:5px; } /* =============================================== 23. FOOTER STYLES =============================================== */ /* Copyright */ footer#site-footer #wp-zon-copyright a { color:rgba(255,255,255,0.75); } footer#site-footer #wp-zon-copyright a:hover { color:#ffffff; } #copyright-divider-top { width:100%; } #copyright-text { padding:38px 0px; font-size:15px; color:rgba(255,255,255,0.75); } .footer-copyright-align-center #copyright-text { float:none; text-align:center; } .footer-copyright-align-right #copyright-text { float:right; text-align:right; } /* E-mail Newsletter */ .mc4wp-form p { margin:0px; padding:0px; display:inline; } .mc4wp-form .mc4wp-form-fields { width:100%; padding:0px; margin:0px; } .mc4wp-form input { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0px; padding:11px 14px; font-size:14px; border:1px solid rgba(255,255,255, 1); background:rgba(255,255,255, 1); width: calc(100% - 95px); margin-right:3px; } .mc4wp-form .mc4wp-form-fields { display:inline-block; } .mc4wp-form input[type="submit"] { margin-right:0px; background:#34b1bb; font-size:12px; color:#ffffff; padding:13px 14px 13px 14px; border-radius: 0px; border:none; position:relative; width:auto; font-weight:600; border:none; top:-1px; } .mc4wp-form input[type="submit"]:hover { color:#ffffff; background:#2a9eac; } .mc4wp-form .mc4wp-alert { font-style:italic; font-size:12px; padding-top:5px; } span.highlight-color { position:relative; font-size:85%; top:-1px; color:#ffffff; z-index:5; margin-left:5px; } span.highlight-color:after { content:''; display:block; top:-4px; left:-4px; position:absolute; width:calc(100% + 8px); height:calc(100% + 8px); background:#2196f3; z-index:-1; border-radius:4px; } /* Scroll to top */ #pro-scroll-top { display:none; cursor:pointer; position: fixed; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index:100; height:30px; width: 44px; padding:0px; margin:0px; bottom: 0px; right:40px; border-top-left-radius: 3px; border-top-right-radius: 3px; color:#ffffff; background:rgba(0,0,0, 0.3); } #pro-scroll-top:before { display:block; font-family: "Font Awesome 5 Free"; font-weight:900; content:"\f105"; position:absolute; z-index:101; font-size:16px; top:28px; left:0px; height: 30px; width: 44px; line-height:30px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } #pro-scroll-top:hover { color:#ffffff; background:#bcd13d; height:35px; } /* =============================================== 24. RESPONSIVE STYLES =============================================== */ /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body #boxed-layout-pro { width:100%; } body.elementor-page.page .wp-zon-page-sidebar-on #content-pro .width-container-pro, body.elementor-page.single-product #content-pro .width-container-pro, body #boxed-layout-pro .width-container-pro, .width-container-pro { width:94%; padding-left:0px; padding-right:0px; } .wp-zon-header-full-width #wp-zon-header-width header#masthead-pro .width-container-pro, .wp-zon-header-full-width-no-gap #shopx-zon-header-top .width-container-pro, footer#site-footer.wp-zon-footer-full-width .width-container-pro, .wp-zon-page-title-full-width #page-title-pro .width-container-pro, .wp-zon-header-full-width #shopx-zon-header-top .width-container-pro, .wp-zon-header-full-width header#masthead-pro .width-container-pro { width:94%; position:relative; padding:0px; } .wp-zon-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.wp-zon-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:92%; } .wp-zon-header-full-width-no-gap.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro, .wp-zon-header-full-width.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:96%; margin-left:4%; padding-right:0; } body #wpwp-inline-icons, #wp-zon-header-search-icon, #wpwp-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } .wp-zon-overlay-header header#masthead-pro .wp-zon-transparent-header header#masthead-pro { position:relative; } #wpwp-shopping-cart-count, body .wp-zon-transparent-header header#masthead-pro:after{ display:none; } body .wp-zon-hide-custom-logo-mobile, .wp-zon-hide-mobile-custom-logo { display:none !important; } .wp-zon-custom-logo-per-page-hide-default { display:block; } .wp-zon-header-left, .wp-zon-header-right { float:none; width:100%; text-align:center; } #wpwp-header-top-right-container, .wp-zon-header-right .widget, #wpwp-header-top-left-container, .wp-zon-header-left .widget { display:inline-block; float:none; } #shopx-zon-header-top.wp_zon_hide_top_left_right .wp-zon-header-right, #shopx-zon-header-top.wp_zon_hide_top_left_bar .wp-zon-header-left, #shopx-zon-header-top.wp_zon_hide_top_left_bar.wp_zon_hide_top_left_right { display:none; } body .wp-zon-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .wp-zon-mobile-transparent-header header#masthead-pro:after { display:block; } .wp_zon_footer_logo_left #wp-zon-footer-logo, .wp_zon_footer_logo_right #wp-zon-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } #copyright-text { text-align:center; float:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } #shopx-zon-header-top ul.wp-zon-header-social-icons { float:none; margin:0 auto 15px auto; text-align:center; } footer#site-footer ul.wp-zon-footer-nav-container-class, footer#site-footer.wp_zon_nav_footer_center ul.wp-zon-footer-nav-container-class, footer#site-footer.wp_zon_nav_footer_left ul.wp-zon-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .wp_zon_footer_logo_left #wp-zon-footer-logo, .wp_zon_footer_logo_right #wp-zon-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } #wpwp-header-icons-inline-display { display:none; } .wpwp-header-phone-number { display:none; } .sidebar-item { padding:30px 20px 15px 20px; } .sidebar-item.widget_search .search-form input.search-field { width:calc(100% - 80px); padding-right:60px; padding-left:20px; } .sidebar-item.widget_search:after { top:32px; right:25px; width:32px; height:32px; line-height:32px; font-size:16px; } .wpwp-blog-content { padding:40px 35px 25px 35px; } #content-pro ul.products h2.woocommerce-loop-product__title { font-size:22px; } .wp-zon-shop-index-text { padding:30px 25px 25px 25px; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { #wpwp-sticky-header { position:relative !important; } .wp-zon-remove-on-mobile { display:none !important; } body #boxed-layout-pro { width:100%; } body.elementor-page.page .wp-zon-page-sidebar-on #content-pro .width-container-pro, body.elementor-page.single-product #content-pro .width-container-pro, body #boxed-layout-pro .width-container-pro, .width-container-pro { width:92%; padding-left:0px; padding-right:0px; } .wp-zon-header-full-width #wp-zon-header-width header#masthead-pro .width-container-pro, .wp-zon-header-full-width-no-gap #shopx-zon-header-top .width-container-pro, footer#site-footer.wp-zon-footer-full-width .width-container-pro, .wp-zon-page-title-full-width #page-title-pro .width-container-pro, .wp-zon-header-full-width #shopx-zon-header-top .width-container-pro, .wp-zon-header-full-width header#masthead-pro .width-container-pro { width:92%; position:relative; padding:0px; } .wp-zon-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.wp-zon-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:88%; } .wp-zon-header-full-width-no-gap.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro, .wp-zon-header-full-width.wp-zon-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:94%; margin-left:6%; padding-right:0; } #main-container-pro, .sidebar, .footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget, .grid2column-wpwp, .grid3column-wpwp, .grid3columnbig-wpwp, .grid4column-wpwp, .grid4columnbig-wpwp, .grid5column-wpwp, .grid6column-wpwp { width:100%; margin-right:0%; margin-left:0%; } .woocommerce .products.columns-1 li.product, .woocommerce .products.columns-2 li.product, .woocommerce .products.columns-3 li.product, .woocommerce .products.columns-4 li.product, .woocommerce .products.columns-5 li.product { width:100% !important; } .sidebar.wp-zon-mobile-sidebar { padding-top:0px; } .sidebar { padding-top:60px; } body #wpwp-inline-icons, #wp-zon-header-search-icon, #wpwp-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } body .wp-zon-hide-custom-logo-mobile, .wp-zon-hide-mobile-custom-logo { display:none !important; } .wp-zon-overlay-header header#masthead-pro, .wp-zon-transparent-header header#masthead-pro { position:relative; } #wpwp-shopping-cart-count, body .wp-zon-transparent-header header#masthead-pro:after { display:none; } .wp-zon-custom-logo-per-page-hide-default { display:block; } .wp-zon-header-left, .wp-zon-header-right { float:none; width:100%; text-align:center; } #wpwp-header-top-right-container, .wp-zon-header-right .widget, #wpwp-header-top-left-container, .wp-zon-header-left .widget { display:inline-block; float:none; } #copyright-text { text-align:center; float:none; } #shopx-zon-header-top.wp_zon_hide_top_left_right .wp-zon-header-right, #shopx-zon-header-top.wp_zon_hide_top_left_bar .wp-zon-header-left, #shopx-zon-header-top.wp_zon_hide_top_left_bar.wp_zon_hide_top_left_right { display:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } body.admin-bar .wpwp-sticky-scrolled header#masthead-pro { margin-top:-36px; } body .wp-zon-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .wp-zon-mobile-transparent-header header#masthead-pro:after { display:block; } footer#site-footer ul.wp-zon-footer-nav-container-class, footer#site-footer.wp_zon_nav_footer_center ul.wp-zon-footer-nav-container-class, footer#site-footer.wp_zon_nav_footer_left ul.wp-zon-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .wp_zon_footer_logo_left #wp-zon-footer-logo, .wp_zon_footer_logo_right #wp-zon-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } body .wp-zon-header-left .widget, body .wp-zon-header-right .widget { padding-top:8px; padding-bottom:8px; } #copyright-divider-top { margin:0 auto; } #wpwp-header-icons-inline-display { display:none; } #shopx-zon-header-top ul.wp-zon-header-social-icons { float:none; margin:0 auto 10px auto; text-align:center; } #page-title-pro h1 { font-size:40px; } #page-title-pro h4 { margin-top:25px; font-size:16px; } body.single-post #page-title-pro h1 { font-size:30px; } ul.wpwp-single-post-meta li { font-size:13px; } ul.wpwp-single-post-meta li:after { content:' ·'; font-size:90%; position:relative; margin:0px 8px; } #wp-zon-next-previous-post a { width:100%; } a#wp-zon-previous-post, a#wp-zon-next-post { text-align:center; } #comments h3 { font-size:17px; } /* Blog Comments */ .comment-navigation .nav-previous, .comment-navigation .nav-next { float:none; width:100%; text-align:center; } .comment-body:before { display:none; } .comment-author .avatar { height: 25px; width: 25px; } .comment-body { padding:14px 15px; margin-left:32px; } .comment-list .children > li { margin-left: 12px; } .post-password-form input { max-width:130px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs { margin-bottom:-56px; top:-56px; } #wp-zon-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a { font-size:14px; padding:14px 36px; } body .woocommerce .woocommerce-MyAccount-content { width:90%; padding:3% 3% 3% 3%; } body .woocommerce nav.woocommerce-MyAccount-navigation { width:100%; margin-bottom:25px; } ul.wpwp-post-meta li:after { padding:0px 12px; } .woocommerce-page p.woocommerce-result-count { margin-bottom:30px; } .woocommerce-page form.woocommerce-ordering { float:left; margin-bottom:25px; } .wpwp-header-phone-number { display:none; } h2.wpwp-blog-title { font-size:26px; } ul.wpwp-post-meta li { font-size:13px; } .wpwp-blog-content { padding:30px 20px 15px 20px; } .wp-zon-shop-index-text { padding:30px 25px 25px 25px; } } /* ======== #Phone ======== */ .header_tel { z-index: 1000; position: sticky; top: 0px; margin-left: 0px; width: 100%; left: 0px; background: #1b1b1b; font-size:19px; text-align: center; color: #ffffff; margin: 0 auto; } .header_tel a { background: #1b1b1b; font-size:19px; color: #ffffff; font-weight: 500; } .header_tel a:hover { font-size:20px; color: #dfe6f9; font-weight: 500; }