/* Template: Electro Description: Responsive eCommerce Bootstrap 4 Template Version: 1.0 Author: Kader Ibrahim Demo URI: http://transvelo.github.io/electro-html/home =================================================================================== Table of Contents =================================================================================== 1. General Styles 2. Base 3. Type 4. Form 5. Layout 6. Woocommerce 7. Page 8. Media 9. Primary nav 10. Departments Menu 11. Vertical Menu 12. Secondary Nav 13. Navbar Search 14. Navbar Mini Cart 15. Wc Breadcrumb 16. Wc Ordering 17. Wc Tabs 18. Electro Wc PPP Select 19. Electro Adv pagination 20. Product Item 21. Product List View 22. Wc Pagination 23. Star Rating 24. Owl Carousel 25. Post Item 26. Blog Pagination 27. Table Cart 28. Cart Collaterals 29. Jplayer 30. Post Format Gallery 31. Wc Reviews 32. Utilities 33. Qty Buttons 34. Megamenu 35. Scroll Up 36. Widget Electro Recent Posts 37. Pace 38. Typeahead 39. Top Bar 40. Header 41. Navbar 42. Sliders 43. Home Full Width Slider 44. Features List 45. Ads 46. Section Onsale Product 47. products-carousel-tabs 48. Shop Control Bar 49. Product Categories 50. products 51. products-carousel 52. products-carousel-with-image 53. product-card 54. Product-cards-carousel 55. Products-2-1-2 56. Products-6-1 57. Home-list-categories 58. Sidebar 59. Brands-carousel 60. Widgets 61. Wc-widgets 62. Footer 63. Comments 64. Posts 65. Woocommerce-checkout 66. Checkout Page 67. Myaccount Page 68. Cart Page 69. Order-received Page 70. Track-your-order Page 71. Single-product Page 72. About Page 73. Faq Page 74. Compare Page 75. Contact Page 76. 404 Page 77. Store-directory Page 78. Wishlist 79. Woocompare 80. Responsive */ /*===================================================================================*/ /* Vaiables /*===================================================================================*/ /*===================================================================================*/ /* Base /*===================================================================================*/ * { box-sizing: border-box; } body { overflow-x: hidden; background-color: #ffffff; color: #333e48; direction: ltr; } a:focus { outline: none; } a:hover, a:focus { text-decoration: none; } .clearfix::after { content: ""; display: table; clear: both; } .hide { display: none !important; } .show { display: block !important; } /** * Alignment */ .alignleft { display: inline; float: left; margin-right: 1.618em; } .alignleft.flip { float: right !important; margin-left: 1.618em !important; } .alignright { display: inline; float: right; margin-left: 1.618em; } .alignright.flip { float: left !important; margin-right: 1.618em !important; } .aligncenter { clear: both; display: block; margin: 0 auto; } /** * Accessibility */ .screen-reader-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-weight: bold; height: auto; left: 0; line-height: normal; padding: 1em 1.618em; text-decoration: none; top: 0; width: auto; z-index: 100000; /* Above WP toolbar */ outline: none; } /** * Clearing */ .light-bg { background: #f5f5f5; } img[src="assets/images/blank.gif"] { background: url("../images/ajax-loader.gif") no-repeat scroll center center #FFFFFF; width: 100%; } .d-inline-block{display:inline-block;} /*===================================================================================*/ /* Typography /*===================================================================================*/ body { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 0.875em; letter-spacing: -0.01em; } body, button, input, textarea { color: #333e48; font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.714em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } button, input { line-height: 1.286em; } select { color: initial; font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; } .dropdown-menu { font-size: 1em; } .electro-cute * { font-family: "Comic Sans MS", sans-serif; } table { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } table th, table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } table tbody + tbody { border-top: 2px solid #eceeef; } table .table { background-color: #fff; } table tbody tr td a { color: #3e3e3e; } table tbody tr td a:hover, table tbody tr td a:focus { color: #000; text-decoration: none; } table.layout { margin-bottom: 0; } table.layout th, table.layout td { padding: 0; line-height: inherit; border: none; vertical-align: middle; } img { height: auto; max-width: 100%; display: block; } .electro-cute * { font-family: "Comic Sans MS", sans-serif; } .my-auto{margin-top:auto;margin-bottom:auto;} /*===================================================================================*/ /* Forms /*===================================================================================*/ .form-control, .navbar-search .form-control, table.cart .coupon .input-text { font-size: 1.071em; line-height: 2em; border-radius: 1.467em; padding: 0.701em 2.134em; border-width: 0; } label { color: #2e6cc1; font-size: 1em; line-height: 1.286em; font-weight: bold; margin-bottom: 0.857em; } .input-text { font-size: 1em; line-height: 1.286em; border: 1px solid #ddd; padding: 0.858em 1.858em; border-radius: 1.286em; width: 100%; } .input-text:focus { border-color: #66afe9; outline: none; } .select2-container .select2-choice { font-size: 1em; line-height: 1.286em; border: 1px solid #ddd; padding: 0.858em 1.858em; border-radius: 1.286em; width: 100%; } textarea.input-text { min-height: 10em; padding: 1.858em; } .btn, .hero-action-btn, .button, button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 0.875rem; border-radius: 1.571em; padding: 1.036em 2.134em; border-width: 0; display: inline-block; color: #333e48; background-color: #efecec; border-color: #efecec; } .btn:hover, .hero-action-btn:hover, .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff; background-color: black; border-color: black; } .btn:focus, .hero-action-btn:focus, .btn.focus, .focus.hero-action-btn, .button:focus, .button.focus, button:focus, button.focus, input[type="button"]:focus, input[type="button"].focus, input[type="reset"]:focus, input[type="reset"].focus, input[type="submit"]:focus, input[type="submit"].focus { color: #fff; background-color: black; border-color: black; } .btn:active, .hero-action-btn:active, .btn.active, .active.hero-action-btn, .open > .btn.dropdown-toggle, .open > .dropdown-toggle.hero-action-btn, .button:active, .button.active, .open > .button.dropdown-toggle, button:active, button.active, .open > button.dropdown-toggle, input[type="button"]:active, input[type="button"].active, .open > input[type="button"].dropdown-toggle, input[type="reset"]:active, input[type="reset"].active, .open > input[type="reset"].dropdown-toggle, input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle { color: #333e48; background-color: black; border-color: black; background-image: none; } .btn:active:hover, .hero-action-btn:active:hover, .btn:active:focus, .hero-action-btn:active:focus, .btn:active.focus, .hero-action-btn:active.focus, .btn.active:hover, .active.hero-action-btn:hover, .btn.active:focus, .active.hero-action-btn:focus, .btn.active.focus, .active.focus.hero-action-btn, .open > .btn.dropdown-toggle:hover, .open > .dropdown-toggle.hero-action-btn:hover, .open > .btn.dropdown-toggle:focus, .open > .dropdown-toggle.hero-action-btn:focus, .open > .btn.dropdown-toggle.focus, .open > .dropdown-toggle.focus.hero-action-btn, .button:active:hover, .button:active:focus, .button:active.focus, .button.active:hover, .button.active:focus, .button.active.focus, .open > .button.dropdown-toggle:hover, .open > .button.dropdown-toggle:focus, .open > .button.dropdown-toggle.focus, button:active:hover, button:active:focus, button:active.focus, button.active:hover, button.active:focus, button.active.focus, .open > button.dropdown-toggle:hover, .open > button.dropdown-toggle:focus, .open > button.dropdown-toggle.focus, input[type="button"]:active:hover, input[type="button"]:active:focus, input[type="button"]:active.focus, input[type="button"].active:hover, input[type="button"].active:focus, input[type="button"].active.focus, .open > input[type="button"].dropdown-toggle:hover, .open > input[type="button"].dropdown-toggle:focus, .open > input[type="button"].dropdown-toggle.focus, input[type="reset"]:active:hover, input[type="reset"]:active:focus, input[type="reset"]:active.focus, input[type="reset"].active:hover, input[type="reset"].active:focus, input[type="reset"].active.focus, .open > input[type="reset"].dropdown-toggle:hover, .open > input[type="reset"].dropdown-toggle:focus, .open > input[type="reset"].dropdown-toggle.focus, input[type="submit"]:active:hover, input[type="submit"]:active:focus, input[type="submit"]:active.focus, input[type="submit"].active:hover, input[type="submit"].active:focus, input[type="submit"].active.focus, .open > input[type="submit"].dropdown-toggle:hover, .open > input[type="submit"].dropdown-toggle:focus, .open > input[type="submit"].dropdown-toggle.focus { color: #333e48; background-color: #c7bdbd; border-color: #b5a7a7; } .btn.disabled:focus, .disabled.hero-action-btn:focus, .btn.disabled.focus, .disabled.focus.hero-action-btn, .btn:disabled:focus, .hero-action-btn:disabled:focus, .btn:disabled.focus, .hero-action-btn:disabled.focus, .button.disabled:focus, .button.disabled.focus, .button:disabled:focus, .button:disabled.focus, button.disabled:focus, button.disabled.focus, button:disabled:focus, button:disabled.focus, input[type="button"].disabled:focus, input[type="button"].disabled.focus, input[type="button"]:disabled:focus, input[type="button"]:disabled.focus, input[type="reset"].disabled:focus, input[type="reset"].disabled.focus, input[type="reset"]:disabled:focus, input[type="reset"]:disabled.focus, input[type="submit"].disabled:focus, input[type="submit"].disabled.focus, input[type="submit"]:disabled:focus, input[type="submit"]:disabled.focus { background-color: #efecec; border-color: #efecec; } .btn.disabled:hover, .disabled.hero-action-btn:hover, .btn:disabled:hover, .hero-action-btn:disabled:hover, .button.disabled:hover, .button:disabled:hover, button.disabled:hover, button:disabled:hover, input[type="button"].disabled:hover, input[type="button"]:disabled:hover, input[type="reset"].disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"].disabled:hover, input[type="submit"]:disabled:hover { background-color: #efecec; border-color: #efecec; } .btn:focus, .hero-action-btn:focus, .btn.focus, .focus.hero-action-btn, .btn:active:focus, .hero-action-btn:active:focus, .btn:active.focus, .hero-action-btn:active.focus, .btn.active:focus, .active.hero-action-btn:focus, .btn.active.focus, .active.focus.hero-action-btn, .button:focus, .button.focus, .button:active:focus, .button:active.focus, .button.active:focus, .button.active.focus, button:focus, button.focus, button:active:focus, button:active.focus, button.active:focus, button.active.focus, input[type="button"]:focus, input[type="button"].focus, input[type="button"]:active:focus, input[type="button"]:active.focus, input[type="button"].active:focus, input[type="button"].active.focus, input[type="reset"]:focus, input[type="reset"].focus, input[type="reset"]:active:focus, input[type="reset"]:active.focus, input[type="reset"].active:focus, input[type="reset"].active.focus, input[type="submit"]:focus, input[type="submit"].focus, input[type="submit"]:active:focus, input[type="submit"]:active.focus, input[type="submit"].active:focus, input[type="submit"].active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .hero-action-btn:focus, .btn:hover, .hero-action-btn:hover, .button:focus, .button:hover, button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: none; } .btn.focus, .focus.hero-action-btn, .btn:focus, .hero-action-btn:focus, .btn:active:focus, .hero-action-btn:active:focus, .button.focus, .button:focus, .button:active:focus, button.focus, button:focus, button:active:focus, input[type="button"].focus, input[type="button"]:focus, input[type="button"]:active:focus, input[type="reset"].focus, input[type="reset"]:focus, input[type="reset"]:active:focus, input[type="submit"].focus, input[type="submit"]:focus, input[type="submit"]:active:focus { text-decoration: none; outline: none; } .btn:active, .hero-action-btn:active, .btn.active, .active.hero-action-btn, .button:active, .button.active, button:active, button.active, input[type="button"]:active, input[type="button"].active, input[type="reset"]:active, input[type="reset"].active, input[type="submit"]:active, input[type="submit"].active { background-image: none; outline: 0; } .btn.disabled, .disabled.hero-action-btn, .btn:disabled, .hero-action-btn:disabled, .button.disabled, .button:disabled, button.disabled, button:disabled, input[type="button"].disabled, input[type="button"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="submit"].disabled, input[type="submit"]:disabled { cursor: not-allowed; opacity: .65; } .btn-secondary, table.cart .coupon .button, .checkout_coupon .form-row-last .button { background-color: #333e48; color: #fff; } .form-inline-block { display: inline-block; } .btn-longer { padding: 0.6875rem 2.625rem; } .btn-primary, input[type="submit"] { font-weight: bold; } .form-row { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; margin-bottom: 1.714em; } @media (min-width: 768px) { .form-row { width: 100%; } } #billing_address_2_field { margin-top: -0.714em; } @media (min-width: 768px) { .form-row-first, .form-row-last { width: 50%; } } .form-row { padding-left: 0; padding-right: 0; } .form-row.form-row-first { padding-right: 15px; clear: left; } .form-row.form-row-last { padding-left: 15px; } .clear::after { content: ""; display: table; clear: both; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text { padding: 10px 20px; background-color: transparent; color: #818181; line-height: 1.286em; outline: none; border: 0; -webkit-appearance: none; border-radius: 5px; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #010374; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: .857em; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } fieldset { clear: both; } fieldset legend { font-size: 1.5em; } /*===================================================================================*/ /* Layout /*===================================================================================*/ @media (min-width: 1200px) { .container { max-width: 1200px; } } #content { margin-bottom: 10.714em; } #content #primary { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; padding-right: 0; padding-left: 0; } @media (min-width: 992px) { #content #primary { padding-left: 0.9375rem; width: 75%; left: 25%; } } #content #sidebar { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; padding-right: 0; padding-left: 0; } @media (min-width: 992px) { #content #sidebar { padding-right: 0.9375rem; width: 25%; right: 75%; } } .page-template-template-homepage-v1 #content #primary, .page-template-template-homepage-v3 #content #primary, .page-template-default #content #primary, .full-width #content #primary { padding-left: 0; } @media (min-width: 768px) { .page-template-template-homepage-v1 #content #primary, .page-template-template-homepage-v3 #content #primary, .page-template-default #content #primary, .full-width #content #primary { width: 100%; left: auto; } } .right-sidebar #content #primary { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .right-sidebar #content #primary { left: auto; } } @media (min-width: 992px) { .right-sidebar #content #primary { padding-right: 15px; } } .right-sidebar #content #sidebar { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .right-sidebar #content #sidebar { right: auto; } } @media (min-width: 992px) { .right-sidebar #content #sidebar { padding-left: 15px; } } .page-template-template-page-centered-fullwidth #content #primary { padding-left: 0; } @media (min-width: 768px) { .page-template-template-page-centered-fullwidth #content #primary { width: 83.3333333333%; left: 8.3333333333%; } } @media (min-width: 768px) { .woocommerce-lost-password #content #primary { width: 66.6666666667%; left: 16.6666666667%; } } .col2-set { margin-left: -0.9375rem; margin-right: -0.9375rem; } .col2-set::after { content: ""; display: table; clear: both; } .col2-set .col-1, .col2-set .col-2 { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .col2-set .col-1, .col2-set .col-2 { width: 50%; } } .page-template-template-homepage-v2 #primary section:last-child, .page-template-template-homepage-v2 #sidebar aside:last-child { margin-bottom: 0; } .page-template-template-homepage-v3 #primary section:last-child { margin-bottom: 0; } .page-template-template-homepage-v3 #content + .brands-carousel { margin-top: -6.143em; } /*===================================================================================*/ /* WooCommerce /*===================================================================================*/ .woocommerce-page .page-header { position: relative; margin-bottom: 1.429em; } .woocommerce-page .page-header .woocommerce-result-count { position: absolute; margin: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-page .page-title { font-size: 1.786em; line-height: 1.6em; margin: 0; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { padding: 1em 1.618em; margin-bottom: 2.618em; background-color: #55a83d; margin-left: 0; border-radius: 2px; color: #fff; clear: both; border-left: 0.618em solid rgba(0, 0, 0, 0.15);color:white !important;} .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after, .woocommerce-noreviews::after, p.no-comments::after { content: ""; display: table; clear: both; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: #fff; } .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover { color: #fff; opacity: 0.7; } .woocommerce-message a.button:hover, .woocommerce-info a.button:hover, .woocommerce-error a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover { opacity: 1; } .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button { float: right; padding: 0; background: none; color: #fff; box-shadow: none; line-height: 1.618; padding-left: 1em; border-width: 0; border-left-width: 1px; border-left-style: solid; border-left-color: rgba(255, 255, 255, 0.25) !important; border-radius: 0; } .woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover { background: none; color: #fff; opacity: 0.7; } .woocommerce-message pre, .woocommerce-info pre, .woocommerce-error pre, .woocommerce-noreviews pre, p.no-comments pre { background-color: rgba(0, 0, 0, 0.1); } .site-content > .container > .woocommerce > .woocommerce-message:first-child, .site-content > .container > .woocommerce > .woocommerce-info:first-child, .site-content > .container > .woocommerce > .woocommerce-error:first-child { margin-top: 2.618em; } .wc-forward:after { content: "\f178"; font-family: "FontAwesome"; margin-left: .53em; font-weight: 400; } .woocommerce-error { list-style: none; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { color: #333e48; } .woocommerce-info a, .woocommerce-info button, .woocommerce-noreviews a, .woocommerce-noreviews button, p.no-comments a, p.no-comments button { color: #333e48; font-weight: bold; } .woocommerce-info a:focus, .woocommerce-info a:hover, .woocommerce-info button:focus, .woocommerce-info button:hover, .woocommerce-noreviews a:focus, .woocommerce-noreviews a:hover, .woocommerce-noreviews button:focus, .woocommerce-noreviews button:hover, p.no-comments a:focus, p.no-comments a:hover, p.no-comments button:focus, p.no-comments button:hover { color: #333e48; text-decoration: none; } .woocommerce-error { background-color: #d9534f; } dl.variation { font-size: .857em; margin: 0.857em 0 0 0; } dl.variation dd { margin: 0 0 1em; } dl.variation dd p { margin: 0; } .in-stock span { color: #5cb85c; } .out-of-stock span { color: #d9534f; } .available-on-backorder span { color: #f0ad4e; } /*===================================================================================*/ /* Page /*===================================================================================*/ section { margin-bottom: 3.571em; } section header { margin-bottom: 2.857em; border-bottom: 1px solid #dadada; } section header h1, section header .h1 { color: #2e6cc1; font-size: 1.786em; line-height: 1.6em; display: inline-block; padding-bottom: 0.400em; position: relative; margin-bottom: 0; } section header h1:after, section header .h1:after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } section > h2 { font-size: 1.786em; line-height: 1.6em; position: relative; margin-bottom: 1.6em; } .page .entry-header { text-align: center; margin-bottom: 2.857em; } .page .entry-header h1 { font-size: 2.857em; letter-spacing: -0.025em; margin-bottom: 0; } .page .entry-header .entry-subtitle { color: #9f9f9f; } .page .entry-header.header-with-cover-image { background-size: cover; background-position: center top; width: 100vw; margin-left: -50vw; left: 50%; position: relative; min-height: 589px; margin-bottom: 0; } .page .entry-header.header-with-cover-image .caption { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page .entry-header.header-with-cover-image .caption h1 { font-weight: 700; margin-bottom: 0; } .page .entry-header.header-with-cover-image .caption .entry-subtitle { color: #434343; font-size: 1.286em; position: relative; top: 1.667em; } /*===================================================================================*/ /* Media /*===================================================================================*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; display: inline-block; } /** * Captions */ .wp-caption { margin-bottom: 1.618em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { text-align: left; font-style: italic; padding: 0 0 1em 0; } /** * Embeds */ embed, iframe, object, video { max-width: 100%; } img.desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } img.desaturate:hover { -webkit-filter: grayscale(0%); filter: none; } /*===================================================================================*/ /* PRIMARY-NAV /*===================================================================================*/ .primary-nav .nav-inline > .menu-item { display: inline-block; } .primary-nav .nav-inline > .menu-item + .menu-item { margin-left: 2.5em; } .primary-nav .nav-inline > .menu-item.dropdown + .menu-item { margin-left: 2.143em; } .primary-nav .nav-inline > .menu-item > a { display: inline-block; color: #334141; font-size: 1.071em; font-weight: bold; } .primary-nav .nav-inline > .menu-item > a:focus, .primary-nav .nav-inline > .menu-item > a:hover { text-decoration: none; } .primary-nav .nav-inline > .menu-item > a.disabled { color: #818a91; } .primary-nav .nav-inline > .menu-item > a.disabled, .primary-nav .nav-inline > .menu-item > a.disabled:focus, .primary-nav .nav-inline > .menu-item > a.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .primary-nav .nav-inline .dropdown-toggle::after { content: '\f107'; font-family: 'FontAwesome'; color: #aeaeae; border-top: none; border-left: none; border-right: none; margin-left: 0.5em; margin-right: 0; width: auto; height: auto; } .primary-nav .nav-inline > .menu-item.open .dropdown-menu { transform: translateY(0%); } .header-logo + .primary-nav { padding: .9em .9375rem; } /*===================================================================================*/ /* DEPARTMENT-MENU /*===================================================================================*/ .departments-menu > .nav-item { width: 24%; margin-right: 15px; } .departments-menu > .nav-item .nav-link { padding-left: 1.5em; } .departments-menu .menu-item-has-children > .dropdown-menu, .departments-menu .departments-menu-dropdown { width: 100%; border-width: 2px; border-radius: 0.625rem; padding: 0.857em 0; } .departments-menu .menu-item-has-children > .dropdown-menu > li, .departments-menu .departments-menu-dropdown > li { padding: 0 0.929em; } .departments-menu .menu-item-has-children > .dropdown-menu:hover, .departments-menu .departments-menu-dropdown:hover { border-bottom-right-radius: 0; } .departments-menu .menu-item-has-children > .dropdown-menu { padding: 0; } .departments-menu .departments-menu-dropdown { top: 107%; border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .departments-menu .dropdown-menu > .menu-item > a { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; color: #333e48; padding: 9px 0 9px 8px; white-space: normal; } .departments-menu .dropdown-menu > .menu-item > a:focus, .departments-menu .dropdown-menu > .menu-item > a:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .departments-menu .dropdown-menu > .menu-item > a.active, .departments-menu .dropdown-menu > .menu-item > a.active:focus, .departments-menu .dropdown-menu > .menu-item > a.active:hover { color: #fff; text-decoration: none; background-color: #efecec; outline: 0; } .departments-menu .dropdown-menu > .menu-item > a.disabled, .departments-menu .dropdown-menu > .menu-item > a.disabled:focus, .departments-menu .dropdown-menu > .menu-item > a.disabled:hover { color: #818a91; } .departments-menu .dropdown-menu > .menu-item > a.disabled:focus, .departments-menu .dropdown-menu > .menu-item > a.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .departments-menu .dropdown-menu > .menu-item.highlight > a { font-weight: bold; } .departments-menu .dropdown-menu > .menu-item + .menu-item > a { border-top: 1px solid #ddd; } .departments-menu .menu-item-has-children > .dropdown-menu { top: -4px; border-radius: 0; } .departments-menu .menu-item-has-children > .dropdown-menu .menu-item-object-static_block { position: relative; } .departments-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) { width: 277px; } .departments-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block):first-child { margin-top: 1.143em; } .home-v2 .departments-menu > .dropdown > .dropdown-menu { display: block; } /*===================================================================================*/ /* VERITCAL-MENU /*===================================================================================*/ .vertical-menu { clear: both; background-color: #fff; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; width: 100%; } .vertical-menu.make-absolute { width: calc( 100% - 2.143em); position: absolute; z-index: 2; } .vertical-menu > li.list-group-item { border-top-right-radius: 9px; border-top-left-radius: 9px; border: none; padding: 0; margin-bottom: 0.571em; } .vertical-menu > li.list-group-item > a, .vertical-menu > li.list-group-item > span { font-size: 1.143em; line-height: 1.125em; font-weight: bold; padding: 1.071em 1.25em; display: block; } .vertical-menu > li.list-group-item.dropdown { border-radius: 9px; padding: 0; margin-bottom: 0.875em; } .vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"] { padding: 1.071em 1.25em; display: block; color: #333e48; } .vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"]:focus, .vertical-menu > li.list-group-item.dropdown > a[data-toggle="dropdown"]:hover { color: #333e48; text-decoration: none; } .vertical-menu > li.list-group-item.dropdown.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .vertical-menu > .menu-item:last-child { margin-bottom: 0.571em; } .vertical-menu > .menu-item:last-child > a { border-bottom: 0; } .vertical-menu > .menu-item, .vertical-menu .dropdown-menu > .menu-item { position: static; display: block; padding: 0 1.143em; } .vertical-menu > .menu-item.highlight > a, .vertical-menu .dropdown-menu > .menu-item.highlight > a { font-weight: bold; } .vertical-menu > .menu-item > a, .vertical-menu .dropdown-menu > .menu-item > a { display: block; border-bottom: 1px solid #ddd; padding: 0.608em 0.357em; font-size: 1em; color: #333e48; font-weight: normal; } .vertical-menu > .menu-item > a:focus, .vertical-menu > .menu-item > a:hover, .vertical-menu .dropdown-menu > .menu-item > a:focus, .vertical-menu .dropdown-menu > .menu-item > a:hover { color: #333e48; text-decoration: none; background-color: #f5f5f5; font-weight: bold; } .vertical-menu > .menu-item:focus > a, .vertical-menu > .menu-item:hover > a, .vertical-menu .dropdown-menu > .menu-item:focus > a, .vertical-menu .dropdown-menu > .menu-item:hover > a { background-color: #f5f5f5; font-weight: bold; } .vertical-menu .menu-item-has-children a[data-toggle="dropdown"]::after { font-family: 'font-electro'; border-top: none; border-left: none; border-right: none; width: auto; height: auto; } .vertical-menu .menu-item-has-children > .dropdown-menu { top: 50px; border-radius: 0; padding: 0; } .vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block):first-child { margin-top: 1.143em; } .vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a { border-bottom: 0; padding: 0.35em 1.429em; } .vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a:focus, .vertical-menu .menu-item-has-children > .dropdown-menu > li.menu-item:not(.menu-item-object-static_block) > a:hover { background-color: transparent; } .vertical-menu .list-group-item > .dropdown-menu { font-size: 14px; border-top-right-radius: 0; border-top-left-radius: 0; width: 100%; top: 97%; padding-top: 0.714em; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; border-top: 0; border-color: #eee; } .vertical-menu .list-group-item > .dropdown-menu > .menu-item:last-child { margin-bottom: 0.571em; } .vertical-menu .list-group-item > .dropdown-menu > .menu-item:last-child > a { border-bottom: 0; } .vertical-menu .list-group-item > .dropdown-menu > .menu-item > a { padding-right: 0.257em; } .vertical-menu .list-group-item > .dropdown-menu > .menu-item .dropdown-menu { top: -3px; border-radius: 0; padding: 0; } /*===================================================================================*/ /* SECONDARY-NAV /*===================================================================================*/ .secondary-nav { padding-left: 0; margin-bottom: 0; list-style: none; line-height: 3.714em; } .secondary-nav .menu-item { display: inline-block; } .secondary-nav .menu-item a { display: inline-block; font-weight: bold; color: #2e6cc1; } .secondary-nav .menu-item a:focus, .secondary-nav .menu-item a:hover { text-decoration: none; color: #F3D830; } .secondary-nav .menu-item.highlight a { color: #f2d41a; } .secondary-nav .menu-item.unbold a { font-weight: normal; } .secondary-nav .menu-item.bold a { font-weight: normal; } .secondary-nav .menu-item.pull-right a { font-weight: normal; } .secondary-nav .menu-item + .menu-item { margin-left: 1.5em; } /*===================================================================================*/ /* NAVBAR-SEARCH /*===================================================================================*/ .navbar-search { float: left; width: 52%; } .navbar-search > .input-group { width: 100%; } .navbar-search .form-control, .navbar-search table.cart .coupon .input-text, table.cart .coupon .navbar-search .input-text { background: #fff; line-height: 1.34em; padding: 1.01em 2.134em; border-radius: 2.467em; } .navbar-search .search-field:not(:first-child):not(:last-child) { border-top-left-radius: 2.467em; border-bottom-left-radius: 2.467em; } .navbar-search .btn, .navbar-search .hero-action-btn, .navbar-search button { line-height: 1.36em; padding: 1.08em 1.93em; border-radius: 2.571em; } .navbar-search .btn:hover, .navbar-search .hero-action-btn:hover, .navbar-search .btn:focus, .navbar-search .hero-action-btn:focus, .navbar-search button:hover, .navbar-search button:focus { background-color: #000; border-color: #000; color: #fff; } .navbar-search .search-categories.input-group-addon { border: none; background-color: #fff; } .navbar-search .search-categories > select { color: #6b6b6b; font-size: 0.938em; line-height: 1.876em; display: inline-block; max-width: 100%; padding: 0 1.75rem 0 .75rem; padding-right: .75rem \9; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: none; -moz-appearance: none; -webkit-appearance: none; width: 142px; } .navbar-search .search-categories > select:focus { border-color: #51a7e8; outline: none; } .navbar-search .search-categories > select::-ms-expand { opacity: 0; } /*===================================================================================*/ /* NAVBAR-MINI-CART /*===================================================================================*/ .navbar-mini-cart .nav-link > .fa { margin-right: 1.071em; } .navbar-mini-cart .nav-link { position: relative; } .navbar-mini-cart .cart-items-count { font-size: 0.750em; line-height: 1.750em; font-weight: bold; position: absolute; left: 7px; width: 1.750em; text-align: center; border-radius: 50%; bottom: 4px; } .dropdown-menu-mini-cart { width: 332px; left: auto; right: 0; padding: 2.2em 2.2em 1.2em 2.2em; border-radius: 0; top: 120% !important; box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3); border: none; } .dropdown-menu-mini-cart .mini_cart_item { margin-bottom: 1em; padding-bottom: 1.143em; border-bottom: 1px solid #ddd; } .dropdown-menu-mini-cart p.total { display: none; } .dropdown-menu-mini-cart dl.variation, .dropdown-menu-mini-cart .quantity { margin-left: 95px; } .dropdown-menu-mini-cart p.buttons { text-align: center; margin-bottom: 0; } .dropdown-menu-mini-cart .wc-forward { padding: 0.75em 2.07em; margin: 0 0.5em; } .dropdown-menu-mini-cart .wc-forward::after { content: none; } /*===================================================================================*/ /* WC-BREADCRUMB /*===================================================================================*/ .woocommerce-breadcrumb { margin-top: 1.786em; margin-bottom: 3.571em; } .woocommerce-breadcrumb a { color: #333e48; display: inline-block; } .woocommerce-breadcrumb a:focus, .woocommerce-breadcrumb a:hover { color: #333e48; text-decoration: none; } .woocommerce-breadcrumb span.delimiter { margin: 0 1.429em; } .woocommerce-breadcrumb span.delimiter + a { padding: 0.465em 0.929em; background-color: #f5f5f5; border-radius: 0.357em; } .woocommerce-breadcrumb span.delimiter + a:focus, .woocommerce-breadcrumb span.delimiter + a:hover { background-color: #e8e8e8; } /*===================================================================================*/ /* WC-ORDERING /*===================================================================================*/ .woocommerce-ordering .orderby { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; border-radius: 1.071em; color: #7e7e7e; border-color: #e3e3e3; } .woocommerce-ordering .orderby:focus { border-color: #51a7e8; outline: none; } .woocommerce-ordering .orderby::-ms-expand { opacity: 0; } /*===================================================================================*/ /* WC-TABS /*===================================================================================*/ .wc-tabs, .ec-tabs { padding-left: 0; margin-bottom: 0; list-style: none; } .wc-tabs > li, .ec-tabs > li { display: inline-block; } .wc-tabs > li a, .ec-tabs > li a { line-height: 1em; font-size: 1.286em; color: #333e48; padding-bottom: 1em; position: relative; display: block; } .wc-tabs > li a:focus, .wc-tabs > li a:hover, .ec-tabs > li a:focus, .ec-tabs > li a:hover { text-decoration: none; } .wc-tabs > li.active a, .ec-tabs > li.active a { font-weight: bold; } .wc-tabs > li.active a::before, .ec-tabs > li.active a::before { content: ' '; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .wc-tabs > li.active a::after, .ec-tabs > li.active a::after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } .wc-tabs > li + li, .ec-tabs > li + li { margin-left: 3.214em; } .electro-nav-tabs { border-bottom: none; } .electro-nav-tabs > li.nav-item { display: inline-block; float: none; } .electro-nav-tabs > li.nav-item a.active { font-weight: bold; } .electro-nav-tabs > li.nav-item a.active::before { content: ' '; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .electro-nav-tabs > li.nav-item a.active::after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } .electro-nav-tabs > li.nav-item + .nav-item { margin-left: 3.214em; } /*===================================================================================*/ /* ELECTRO-WC-PPP-SELECT /*===================================================================================*/ .electro-wc-wppp-select { border-radius: 1.071em; color: #7e7e7e; border-color: #e3e3e3; } /*===================================================================================*/ /* ELECTRO-ADVANCED-PAGINATION /*===================================================================================*/ .form-adv-pagination { display: inline-block; } .electro-advanced-pagination { color: #7e7e7e; } .electro-advanced-pagination input[type="number"] { color: #7e7e7e; width: 3.335em; text-align: center; padding: 0.201em 0.75em; border: 1px solid #e3e3e3; -moz-appearance: textfield; } .electro-advanced-pagination input[type=number]::-webkit-inner-spin-button, .electro-advanced-pagination input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .electro-advanced-pagination a.prev { padding-right: 0.600em; } .electro-advanced-pagination a.next { padding-left: 0.600em; } .electro-advanced-pagination a.prev, .electro-advanced-pagination a.next { color: #b0b0b0; font-size: 1.429em; } .electro-advanced-pagination a.prev:focus, .electro-advanced-pagination a.prev:hover, .electro-advanced-pagination a.next:focus, .electro-advanced-pagination a.next:hover { text-decoration: none; color: #b0b0b0; } .electro-advanced-pagination .form-control, .electro-advanced-pagination table.cart .coupon .input-text, table.cart .coupon .electro-advanced-pagination .input-text { display: inline-block; } /*===================================================================================*/ /* PRODUCT-ITEM /*===================================================================================*/ li.product:hover, .section-onsale-product .onsale-product:hover, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover, .products-carousel .owl-item .product:hover, li.product.hover, .section-onsale-product .hover.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content, .products-carousel .owl-item .hover.product { z-index: 999; position: relative; } li.product:hover .product-inner, .section-onsale-product .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .product-inner, .products-carousel .owl-item .product:hover .product-inner, li.product.hover .product-inner, .section-onsale-product .hover.onsale-product .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content .product-inner, .products-carousel .owl-item .hover.product .product-inner { position: absolute; width: 100%; height: auto; min-height: 100%; box-shadow: 0px 0px 6px 0px #f2d41a; background-color: #fff; } li.product:hover .hover-area, .section-onsale-product .onsale-product:hover .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .hover-area, .products-carousel .owl-item .product:hover .hover-area, li.product.hover .hover-area, .section-onsale-product .hover.onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content .hover-area, .products-carousel .owl-item .hover.product .hover-area { display: block; padding-top: 0.214em; border-top: 1px solid #eaeaea; } li.product .product-inner, .section-onsale-product .onsale-product .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-inner, .products-carousel .owl-item .product .product-inner { padding: 1.429em 1.714em 1.357em 1.714em; height: 100%; position: relative; } li.product .hover-area, .section-onsale-product .onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area, .products-carousel .owl-item .product .hover-area { display: none; border: none; position: relative; text-align: center; background-color: #FFF; } li.product .hover-area .button, .section-onsale-product .onsale-product .hover-area .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button, .products-carousel .owl-item .product .hover-area .button { position: absolute; top: -20px; left: 50%; white-space: pre; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } li.product .hover-area .button:hover, .section-onsale-product .onsale-product .hover-area .button:hover, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:hover, .products-carousel .owl-item .product .hover-area .button:hover, li.product .hover-area .button:active, .section-onsale-product .onsale-product .hover-area .button:active, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:active, .products-carousel .owl-item .product .hover-area .button:active, li.product .hover-area .button:focus, .section-onsale-product .onsale-product .hover-area .button:focus, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:focus, .products-carousel .owl-item .product .hover-area .button:focus { color: #fff; } li.product .hover-area .action-buttons, .section-onsale-product .onsale-product .hover-area .action-buttons, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons, .products-carousel .owl-item .product .hover-area .action-buttons { width: 100%; text-align: center; font-size: 0.929em; line-height: 1.385em; } li.product .hover-area .action-buttons .clear, .section-onsale-product .onsale-product .hover-area .action-buttons .clear, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons .clear, .products-carousel .owl-item .product .hover-area .action-buttons .clear { display: none; } li.product .hover-area .action-buttons div, .section-onsale-product .onsale-product .hover-area .action-buttons div, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons div, .products-carousel .owl-item .product .hover-area .action-buttons div, li.product .hover-area .action-buttons a, .section-onsale-product .onsale-product .hover-area .action-buttons a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons a, .products-carousel .owl-item .product .hover-area .action-buttons a, li.product .hover-area .action-buttons span, .section-onsale-product .onsale-product .hover-area .action-buttons span, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons span, .products-carousel .owl-item .product .hover-area .action-buttons span, li.product .hover-area .action-buttons p, .section-onsale-product .onsale-product .hover-area .action-buttons p, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons p, .products-carousel .owl-item .product .hover-area .action-buttons p { margin: 0; padding: 0; color: #949494; } li.product .hover-area .action-buttons > div, .section-onsale-product .onsale-product .hover-area .action-buttons > div, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons > div, .products-carousel .owl-item .product .hover-area .action-buttons > div, li.product .hover-area .action-buttons > a, .section-onsale-product .onsale-product .hover-area .action-buttons > a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons > a, .products-carousel .owl-item .product .hover-area .action-buttons > a { display: inline-block; margin: 0 5px; padding-top: 0.571em; } li.product .hover-area .action-buttons a:hover, .section-onsale-product .onsale-product .hover-area .action-buttons a:hover, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons a:hover, .products-carousel .owl-item .product .hover-area .action-buttons a:hover { color: #3b3b3b; } li.product .loop-product-categories, .section-onsale-product .onsale-product .loop-product-categories, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories, .products-carousel .owl-item .product .loop-product-categories { display: block; margin-bottom: 1em; font-size: 0.857em; line-height: 1.05em; height: 1.05em; color: #878787; overflow: hidden; } li.product .loop-product-categories a, .section-onsale-product .onsale-product .loop-product-categories a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a, .products-carousel .owl-item .product .loop-product-categories a { color: #878787; } li.product .loop-product-categories a:focus, .section-onsale-product .onsale-product .loop-product-categories a:focus, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a:focus, .products-carousel .owl-item .product .loop-product-categories a:focus, li.product .loop-product-categories a:hover, .section-onsale-product .onsale-product .loop-product-categories a:hover, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a:hover, .products-carousel .owl-item .product .loop-product-categories a:hover { text-decoration: none; color: #333; } li.product a, .section-onsale-product .onsale-product a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a, .products-carousel .owl-item .product a { color: #2e6cc1; } li.product a:focus, .section-onsale-product .onsale-product a:focus, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a:focus, .products-carousel .owl-item .product a:focus, li.product a:hover, .section-onsale-product .onsale-product a:hover, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a:hover, .products-carousel .owl-item .product a:hover { text-decoration: none; } li.product h3, .section-onsale-product .onsale-product h3, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content h3, .products-carousel .owl-item .product h3 { font-size: 1.071em; line-height: 1.286em; font-weight: bold; height: 2.572em; overflow: hidden; } li.product .product-thumbnail, .section-onsale-product .onsale-product .product-thumbnail, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-thumbnail, .products-carousel .owl-item .product .product-thumbnail { margin-bottom: 0.714em; position: relative; width: 100%; padding-bottom: 93.01%; float: left; height: 0; } li.product .product-thumbnail img, .section-onsale-product .onsale-product .product-thumbnail img, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-thumbnail img, .products-carousel .owl-item .product .product-thumbnail img { transform-style: flat; } li.product .product-rating, .section-onsale-product .onsale-product .product-rating, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating, .products-carousel .owl-item .product .product-rating { clear: both; margin-bottom: 1.667em; font-size: 0.857em; color: #7d7d7d; } li.product .product-rating::after, .section-onsale-product .onsale-product .product-rating::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating::after, .products-carousel .owl-item .product .product-rating::after { content: ""; display: table; clear: both; } li.product .product-rating .star-rating, .section-onsale-product .onsale-product .product-rating .star-rating, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating .star-rating, .products-carousel .owl-item .product .product-rating .star-rating { display: inline-block; } li.product .product-short-description, .section-onsale-product .onsale-product .product-short-description, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description, .products-carousel .owl-item .product .product-short-description { clear: both; color: #7d7d7d; font-size: 0.857em; line-height: 1.75em; margin-bottom: 3em; height: 7em; overflow: hidden; } li.product .product-short-description::after, .section-onsale-product .onsale-product .product-short-description::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description::after, .products-carousel .owl-item .product .product-short-description::after { content: ""; display: table; clear: both; } li.product .product-short-description ul, .section-onsale-product .onsale-product .product-short-description ul, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description ul, .products-carousel .owl-item .product .product-short-description ul { padding-left: 15px; } li.product .product-sku, .section-onsale-product .onsale-product .product-sku, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-sku, .products-carousel .owl-item .product .product-sku { font-size: 0.857em; color: #7d7d7d; margin-bottom: 0.5em; } li.product .wp-post-image, .section-onsale-product .onsale-product .wp-post-image, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .wp-post-image, .products-carousel .owl-item .product .wp-post-image { width: 100%; position: absolute; left: 0; display: inline-block; max-width: 100%; height: auto; margin: 0 auto; vertical-align: middle; max-height: 100%; } li.product .price-add-to-cart, .section-onsale-product .onsale-product .price-add-to-cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart, .products-carousel .owl-item .product .price-add-to-cart { clear: both; margin-bottom: 0.929em; position: relative; } li.product .price-add-to-cart::after, .section-onsale-product .onsale-product .price-add-to-cart::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart::after, .products-carousel .owl-item .product .price-add-to-cart::after { content: ""; display: table; clear: both; } li.product .price-add-to-cart .electro-price, .section-onsale-product .onsale-product .price-add-to-cart .electro-price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart .electro-price, .products-carousel .owl-item .product .price-add-to-cart .electro-price { line-height: 36px; } li.product .price-add-to-cart > .price, .section-onsale-product .onsale-product .price-add-to-cart > .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart > .price, .products-carousel .owl-item .product .price-add-to-cart > .price { display: block; float: left; width: calc( 100% - 41px); white-space: nowrap; } li.product .price, .section-onsale-product .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price, .products-carousel .owl-item .product .price { color: #343f49; font-size: 1.429em; line-height: 1.286em; font-weight: normal; } li.product .price ins, .section-onsale-product .onsale-product .price ins, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price ins, .products-carousel .owl-item .product .price ins, li.product .price del, .section-onsale-product .onsale-product .price del, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del, .products-carousel .owl-item .product .price del { text-decoration: none; } li.product .price ins, .section-onsale-product .onsale-product .price ins, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price ins, .products-carousel .owl-item .product .price ins { color: #ee0000; } li.product .price del, .section-onsale-product .onsale-product .price del, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del, .products-carousel .owl-item .product .price del { color: #848484; font-size: 0.6em; line-height: 1.5em; } li.product .price del .amount, .section-onsale-product .onsale-product .price del .amount, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del .amount, .products-carousel .owl-item .product .price del .amount { text-decoration: line-through; } li.product .added_to_cart, .section-onsale-product .onsale-product .added_to_cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart, .products-carousel .owl-item .product .added_to_cart, li.product .button, .section-onsale-product .onsale-product .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button, .products-carousel .owl-item .product .button { width: 35px; text-indent: -9999px; height: 35px; position: relative; padding: 0; border-radius: 50%; } li.product .added_to_cart::before, .section-onsale-product .onsale-product .added_to_cart::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart::before, .products-carousel .owl-item .product .added_to_cart::before, li.product .button::before, .section-onsale-product .onsale-product .button::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button::before, .products-carousel .owl-item .product .button::before { display: inline-block; color: #fff; } li.product .added_to_cart::before, .section-onsale-product .onsale-product .added_to_cart::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart::before, .products-carousel .owl-item .product .added_to_cart::before { content: "\f178"; padding: 0.5em 0.504em; float: right; text-indent: 0; } li.product .button.add_to_cart_button::before, .section-onsale-product .onsale-product .button.add_to_cart_button::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.add_to_cart_button::before, .products-carousel .owl-item .product .button.add_to_cart_button::before { content: "\61"; font-family: "font-electro"; float: right; text-indent: 0; background: none; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; font-size: 18px; padding: 0; } li.product .button.product_type_variable::before, .section-onsale-product .onsale-product .button.product_type_variable::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.product_type_variable::before, .products-carousel .owl-item .product .button.product_type_variable::before { content: "\f0a6"; padding: 0.5em 0.575em; font-family: 'FontAwesome'; } li.product .button.product_type_external::before, .section-onsale-product .onsale-product .button.product_type_external::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.product_type_external::before, .products-carousel .owl-item .product .button.product_type_external::before { content: "\f08e"; padding: 0.5em 0.504em; } li.product .button.added, .section-onsale-product .onsale-product .button.added, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.added, .products-carousel .owl-item .product .button.added { display: none; } .action-buttons a:hover { color: #3b3b3b; } /*===================================================================================*/ /* PRODUCT-LIST-VIEW /*===================================================================================*/ .columns-4 ul.products > li.product.list-view, .columns-4 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-4 ul.products > .list-view.onsale-product, .columns-4 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-4 ul.products > .list-view.onsale-product-content, .columns-4 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-4 ul.products > .list-view.product, .columns-5 ul.products > li.product.list-view, .columns-5 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-5 ul.products > .list-view.onsale-product, .columns-5 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-5 ul.products > .list-view.onsale-product-content, .columns-5 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-5 ul.products > .list-view.product, .columns-6 ul.products > li.product.list-view, .columns-6 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-6 ul.products > .list-view.onsale-product, .columns-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6 ul.products > .list-view.onsale-product-content, .columns-6 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-6 ul.products > .list-view.product, ul.products > li.product.list-view, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .products-carousel .owl-item ul.products > .list-view.product { float: none; position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .columns-4 ul.products > li.product.list-view, .columns-4 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-4 ul.products > .list-view.onsale-product, .columns-4 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-4 ul.products > .list-view.onsale-product-content, .columns-4 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-4 ul.products > .list-view.product, .columns-5 ul.products > li.product.list-view, .columns-5 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-5 ul.products > .list-view.onsale-product, .columns-5 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-5 ul.products > .list-view.onsale-product-content, .columns-5 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-5 ul.products > .list-view.product, .columns-6 ul.products > li.product.list-view, .columns-6 .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product .columns-6 ul.products > .list-view.onsale-product, .columns-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6 ul.products > .list-view.onsale-product-content, .columns-6 .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item .columns-6 ul.products > .list-view.product, ul.products > li.product.list-view, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .products-carousel .owl-item ul.products > .list-view.product { width: 100%; } } ul.products > li.product.list-view, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .products-carousel .owl-item ul.products > .list-view.product { padding-bottom: 2.143em; margin-bottom: 2.143em; border-bottom: 1px solid #ddd; } ul.products > li.product.list-view:last-child, .section-onsale-product ul.products > .list-view.onsale-product:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:last-child, .products-carousel .owl-item ul.products > .list-view.product:last-child { margin-bottom: -1.286em; border-bottom: none; } ul.products > li.product.list-view .media-left, .section-onsale-product ul.products > .list-view.onsale-product .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-left, .products-carousel .owl-item ul.products > .list-view.product .media-left { padding-right: 2.5em; } ul.products > li.product.list-view .media-left .wp-post-image, .section-onsale-product ul.products > .list-view.onsale-product .media-left .wp-post-image, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-left .wp-post-image, .products-carousel .owl-item ul.products > .list-view.product .media-left .wp-post-image { position: static; display: block; max-width: none; height: auto; width: 270px; } ul.products > li.product.list-view .media-body .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:first-child { padding-right: 45px; overflow: hidden; } @media (min-width: 768px) { ul.products > li.product.list-view .media-body .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:first-child { width: 65.926%; } } @media (min-width: 768px) { ul.products > li.product.list-view .media-body .col-xs-12:last-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:last-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:last-child { width: 34.074%; } } ul.products > li.product.list-view .product-rating, .section-onsale-product ul.products > .list-view.onsale-product .product-rating, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .product-rating, .products-carousel .owl-item ul.products > .list-view.product .product-rating { margin-bottom: 1em; } ul.products > li.product.list-view .product-short-description, .section-onsale-product ul.products > .list-view.onsale-product .product-short-description, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .product-short-description, .products-carousel .owl-item ul.products > .list-view.product .product-short-description { height: 5.25em; font-size: 0.929em; } ul.products > li.product.list-view .price, .section-onsale-product ul.products > .list-view.onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .price, .products-carousel .owl-item ul.products > .list-view.product .price { margin-bottom: 0.714em; display: block; } ul.products > li.product.list-view .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .hover-area, .products-carousel .owl-item ul.products > .list-view.product .hover-area { display: block; position: static; background-color: transparent; } ul.products > li.product.list-view div.availability, .section-onsale-product ul.products > .list-view.onsale-product div.availability, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content div.availability, .products-carousel .owl-item ul.products > .list-view.product div.availability { display: block; padding-bottom: 0.714em; border-bottom: 1px solid #ddd; margin-bottom: 1.429em; } ul.products > li.product.list-view:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:hover .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product:hover .hover-area { padding-top: 0; border-top: none; } ul.products > li.product.list-view::after, .section-onsale-product ul.products > .list-view.onsale-product::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content::after, .products-carousel .owl-item ul.products > .list-view.product::after { content: none; } ul.products > li.product.list-view:not(.list-view-small) .button, .section-onsale-product ul.products > .list-view.onsale-product:not(.list-view-small) .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:not(.list-view-small) .button, .products-carousel .owl-item ul.products > .list-view.product:not(.list-view-small) .button { font-size: inherit; float: none; background-color: inherit; display: block; padding: 0.643em; text-align: center; font-weight: bold; text-indent: 0; background-color: #e6e6e6; color: #fff; margin-bottom: 1.143em; border-radius: 20px; height: inherit; } ul.products > li.product.list-view:not(.list-view-small) .button::before, .section-onsale-product ul.products > .list-view.onsale-product:not(.list-view-small) .button::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:not(.list-view-small) .button::before, .products-carousel .owl-item ul.products > .list-view.product:not(.list-view-small) .button::before { background-color: transparent; padding: 0; position: relative; left: -8px; font-size: 21px; top: 4px; } ul.products > li.product.list-view:not(.list-view-small) .button.add_to_cart_button::before, .section-onsale-product ul.products > .list-view.onsale-product:not(.list-view-small) .button.add_to_cart_button::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:not(.list-view-small) .button.add_to_cart_button::before, .products-carousel .owl-item ul.products > .list-view.product:not(.list-view-small) .button.add_to_cart_button::before { transform: none; font-weight: 100; } ul.products > li.product.list-view:not(.list-view-small) .button, .section-onsale-product ul.products > .list-view.onsale-product:not(.list-view-small) .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:not(.list-view-small) .button, .products-carousel .owl-item ul.products > .list-view.product:not(.list-view-small) .button, ul.products > li.product.list-view:not(.list-view-small) .added_to_cart, .section-onsale-product ul.products > .list-view.onsale-product:not(.list-view-small) .added_to_cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:not(.list-view-small) .added_to_cart, .products-carousel .owl-item ul.products > .list-view.product:not(.list-view-small) .added_to_cart { width: initial; } @media (min-width: 768px) { ul.products > li.product.list-view-small .media-body .col-xs-12:first-child, .section-onsale-product ul.products > .list-view-small.onsale-product .media-body .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .media-body .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view-small.product .media-body .col-xs-12:first-child { width: 71.926%; } } @media (min-width: 768px) { ul.products > li.product.list-view-small .media-body .col-xs-12:last-child, .section-onsale-product ul.products > .list-view-small.onsale-product .media-body .col-xs-12:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .media-body .col-xs-12:last-child, .products-carousel .owl-item ul.products > .list-view-small.product .media-body .col-xs-12:last-child { width: 28.074%; } } ul.products > li.product.list-view-small .media-left, .section-onsale-product ul.products > .list-view-small.onsale-product .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .media-left, .products-carousel .owl-item ul.products > .list-view-small.product .media-left { padding-right: 1.786em; } ul.products > li.product.list-view-small .media-left .wp-post-image, .section-onsale-product ul.products > .list-view-small.onsale-product .media-left .wp-post-image, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .media-left .wp-post-image, .products-carousel .owl-item ul.products > .list-view-small.product .media-left .wp-post-image { width: 120px; } ul.products > li.product.list-view-small .loop-product-categories, .section-onsale-product ul.products > .list-view-small.onsale-product .loop-product-categories, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .loop-product-categories, .products-carousel .owl-item ul.products > .list-view-small.product .loop-product-categories { margin-bottom: 0.833em; } ul.products > li.product.list-view-small h3, .section-onsale-product ul.products > .list-view-small.onsale-product h3, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content h3, .products-carousel .owl-item ul.products > .list-view-small.product h3 { height: 1.286em; margin-bottom: 0; } ul.products > li.product.list-view-small .product-short-description, .section-onsale-product ul.products > .list-view-small.onsale-product .product-short-description, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .product-short-description, .products-carousel .owl-item ul.products > .list-view-small.product .product-short-description { height: 1.75em; margin-bottom: 0.714em; } ul.products > li.product.list-view-small .product-rating, .section-onsale-product ul.products > .list-view-small.onsale-product .product-rating, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .product-rating, .products-carousel .owl-item ul.products > .list-view-small.product .product-rating { line-height: 1; margin-bottom: 0; } ul.products > li.product.list-view-small .price-add-to-cart, .section-onsale-product ul.products > .list-view-small.onsale-product .price-add-to-cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .price-add-to-cart, .products-carousel .owl-item ul.products > .list-view-small.product .price-add-to-cart { border-bottom: 1px solid #ddd; } ul.products > li.product.list-view-small .price-add-to-cart .button::before, .section-onsale-product ul.products > .list-view-small.onsale-product .price-add-to-cart .button::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view-small.onsale-product-content .price-add-to-cart .button::before, .products-carousel .owl-item ul.products > .list-view-small.product .price-add-to-cart .button::before { margin-bottom: 0.778em; } /*===================================================================================*/ /* WC-PAGINATION /*===================================================================================*/ .woocommerce-pagination ul.page-numbers, .pagination ul.page-numbers { padding-left: 0; margin-bottom: 0; list-style: none; } .woocommerce-pagination ul.page-numbers::after, .pagination ul.page-numbers::after { content: ""; display: table; clear: both; } .woocommerce-pagination ul.page-numbers > li, .pagination ul.page-numbers > li { float: left; margin-right: 0.286em; } .woocommerce-pagination ul.page-numbers > li a, .woocommerce-pagination ul.page-numbers > li span, .pagination ul.page-numbers > li a, .pagination ul.page-numbers > li span { color: #7e7e7e; display: block; padding: 0.643em 1.429em; border: 1px solid #e3e3e3; border-radius: 1.143em; } .woocommerce-pagination ul.page-numbers > li a:focus, .woocommerce-pagination ul.page-numbers > li a:hover, .woocommerce-pagination ul.page-numbers > li span:focus, .woocommerce-pagination ul.page-numbers > li span:hover, .pagination ul.page-numbers > li a:focus, .pagination ul.page-numbers > li a:hover, .pagination ul.page-numbers > li span:focus, .pagination ul.page-numbers > li span:hover { text-decoration: none; } .woocommerce-pagination ul.page-numbers > li a.current, .woocommerce-pagination ul.page-numbers > li span.current, .pagination ul.page-numbers > li a.current, .pagination ul.page-numbers > li span.current { color: #262626; font-weight: bold; border: none; } .woocommerce-pagination ul.page-numbers > li a.dots, .woocommerce-pagination ul.page-numbers > li span.dots, .pagination ul.page-numbers > li a.dots, .pagination ul.page-numbers > li span.dots { border: none; padding: 0.642em; } .woocommerce-pagination ul.page-numbers > li a:hover, .pagination ul.page-numbers > li a:hover { background-color: #e3e3e3; } .woocommerce-pagination ul.page-numbers > li:last-child, .pagination ul.page-numbers > li:last-child { margin-right: 0; } /*===================================================================================*/ /* STAR-RATING /*===================================================================================*/ @font-face { font-family: 'star'; src: url("../../assets/fonts/star.eot"); src: url("../../assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/star.woff") format("woff"), url("../../assets/fonts/star.ttf") format("truetype"), url("../../assets/fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.5em; font-family: 'star'; } .star-rating:before { content: "\73\73\73\73\73"; color: rgba(0, 0, 0, 0.2); float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #fed700; } p.stars { display: inline-block; margin: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "WooCommerce"; content: "\e021"; text-indent: 0; } p.stars a:hover ~ a:before { content: "\e021"; } p.stars:hover a:before { content: "\e020"; } p.stars.selected a.active:before { content: "\e020"; } p.stars.selected a.active ~ a:before { content: "\e021"; } p.stars.selected a:not(.active):before { content: "\e020"; } /*===================================================================================*/ /* OWL-CAROUSEL-CORE /*===================================================================================*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; display: block; width: 100%; height: auto; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-dots { text-align: center; } .owl-dots .owl-dot { width: 8px; height: 8px; background-color: #bcbcbc; display: inline-block; border-radius: 50%; } .owl-dots .owl-dot.active { width: 30px; height: 8px; border-radius: 3px; } .owl-dots .owl-dot + .owl-dot { margin-left: 1em; } /*===================================================================================*/ /* POST-ITEM /*===================================================================================*/ article.post { margin-bottom: 6.786em; position: relative; } article.post .media-attachment { margin-bottom: 2.143em; } article.post .media-attachment .media-attachment-gallery .owl-carousel .owl-item figure { margin-bottom: 0; } article.post .media-attachment .media-attachment-gallery .owl-carousel .owl-dots { position: relative; margin-top: -1.643em; top: 0.714em; transition: all 200ms ease-out 0s; opacity: 0; margin-left: 2.500em; text-align: left; } article.post .media-attachment .media-attachment-gallery .owl-carousel:hover .owl-dots, article.post .media-attachment .media-attachment-gallery .owl-carousel:focus .owl-dots { top: -2em; opacity: 1; } article.post .media-attachment .media-attachment-gallery .owl-carousel .owl-stage-outer { height: 620px; } article.post .media-attachment .electro-img-placeholder { position: relative; } article.post .media-attachment .electro-img-placeholder img { display: block; max-width: 100%; height: auto; } article.post .media-attachment .electro-img-placeholder i { color: #fff; font-size: 3.571em; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } article.post .entry-header { border-bottom: 1px solid #ececec; margin-bottom: 1.429em; } article.post .entry-header h1.entry-title { font-size: 1.786em; letter-spacing: -0.025em; font-weight: 400; margin-bottom: 0.360em; padding-bottom: 0.360em; } article.post .entry-header h1.entry-title a { color: #434343; text-decoration: none; } article.post .entry-header h1.entry-title a:hover, article.post .entry-header h1.entry-title a:focus { color: #000; } article.post .entry-header .entry-meta { padding-bottom: 1.071em; } article.post .entry-header .entry-meta div, article.post .entry-header .entry-meta span { display: inline-block; font-size: 0.929em; line-height: 1.231em; padding-right: 0.769em; color: #878787; } article.post .entry-header .entry-meta div:after, article.post .entry-header .entry-meta span:after { color: #9f9f9f; content: "\f111"; display: inline-block; font-family: fontawesome; font-size: 0.385em; line-height: 0.385em; padding-left: 2.000em; position: relative; top: -0.600em; } article.post .entry-header .entry-meta div:last-child:after, article.post .entry-header .entry-meta span:last-child:after { display: none; } article.post .entry-header .entry-meta .meta-label, article.post .entry-header .entry-meta .tags-links { display: none; } article.post .entry-header .entry-meta a { color: #878787; } article.post .entry-content { color: #747474; } article.post .entry-content .page-links { color: #262626; font-weight: 700; } article.post .entry-content .page-links .page-links-label { font-weight: 400; background-color: transparent; border: none; padding: 0; } article.post .entry-content .page-links a { color: #7e7e7e; font-weight: 400; } article.post .entry-content .page-links a:hover, article.post .entry-content .page-links a:focus { color: #262626; } article.post .entry-content .page-links > a, article.post .entry-content .page-links > span { display: inline-block; border: 1px solid #e3e3e3; padding: 0.357em 0.714em; line-height: 1em; } article.post .entry-content .page-links > span { background-color: #fed700; } article.post .entry-content dl, article.post .entry-content ol, article.post .entry-content ul { margin-bottom: 2.143em; } article.post .entry-content iframe { width: 100%; border: none; } article.post .post-readmore { position: relative; display: inline-block; margin-right: 1.143em; } article.post .post-readmore .btn-primary { color: #333e48; background-color: #efecec; border-color: #efecec; padding: 0.786em 3.000em; font-weight: 400; } article.post .post-readmore .btn-primary:hover { color: #fff; background-color: black; border-color: black; } article.post .post-readmore .btn-primary:focus, article.post .post-readmore .btn-primary.focus { color: #fff; background-color: black; border-color: black; } article.post .post-readmore .btn-primary:active, article.post .post-readmore .btn-primary.active, .open > article.post .post-readmore .btn-primary.dropdown-toggle { color: #333e48; background-color: black; border-color: black; background-image: none; } article.post .post-readmore .btn-primary:active:hover, article.post .post-readmore .btn-primary:active:focus, article.post .post-readmore .btn-primary:active.focus, article.post .post-readmore .btn-primary.active:hover, article.post .post-readmore .btn-primary.active:focus, article.post .post-readmore .btn-primary.active.focus, .open > article.post .post-readmore .btn-primary.dropdown-toggle:hover, .open > article.post .post-readmore .btn-primary.dropdown-toggle:focus, .open > article.post .post-readmore .btn-primary.dropdown-toggle.focus { color: #333e48; background-color: #c7bdbd; border-color: #b5a7a7; } article.post .post-readmore .btn-primary.disabled:focus, article.post .post-readmore .btn-primary.disabled.focus, article.post .post-readmore .btn-primary:disabled:focus, article.post .post-readmore .btn-primary:disabled.focus { background-color: #efecec; border-color: #efecec; } article.post .post-readmore .btn-primary.disabled:hover, article.post .post-readmore .btn-primary:disabled:hover { background-color: #efecec; border-color: #efecec; } article.post .comments-link a, article.post .likes a { position: relative; color: #878787; font-size: 0.857em; line-height: 1.500em; } article.post .comments-link a:before, article.post .comments-link a:after, article.post .likes a:before, article.post .likes a:after { color: #999999; font-family: FontAwesome; } article.post .comments-link a:hover, article.post .comments-link a:focus, article.post .likes a:hover, article.post .likes a:focus { color: #000; text-decoration: none; } article.post .comments-link a:hover:before, article.post .comments-link a:hover:after, article.post .comments-link a:focus:before, article.post .comments-link a:focus:after, article.post .likes a:hover:before, article.post .likes a:hover:after, article.post .likes a:focus:before, article.post .likes a:focus:after { color: #000; } article.post .comments-link a:before { content: "\f0e5"; margin-right: 0.429em; } article.post .likes a:before { content: "\f087"; } article.post.format-quote { background-color: #333e48; padding: 6.429em 6em 6.429em 7.143em; } article.post.format-quote .entry-content blockquote { letter-spacing: -0.025em; color: #fff; margin-left: 0; margin-bottom: 0; } article.post.format-quote .entry-content blockquote:before { display: none; } article.post.format-quote .entry-content blockquote p { font-size: 1.500em; font-style: italic; line-height: 1.429em; margin-bottom: 1.667em; } article.post.format-quote .entry-content blockquote ol:last-child, article.post.format-quote .entry-content blockquote p:last-child, article.post.format-quote .entry-content blockquote ul:last-child { margin-bottom: 0; } article.post.format-quote .entry-content blockquote cite { display: block; font-style: normal; } article.post.format-quote .entry-content blockquote cite:before { content: '-'; padding-right: 4px; } article.post.format-link { background: #f5f5f5; padding: 5.357em 7.143em; letter-spacing: 0.025em; } article.post.format-link .entry-content p { font-size: 1.786em; margin-bottom: 0.800em; color: #434343; line-height: 1.200em; } article.post.format-link .entry-content p:last-child { margin-bottom: 0; } article.post.format-link .entry-content p a { color: #2e6cc1; font-size: 0.875rem; line-height: 2.143em; } article.post.format-aside .entry-content p { font-size: 1.286em; margin-bottom: 1.889em; } article.post.format-status .entry-content p { font-size: 1.571em; margin-bottom: 1.545em; } .sticky h1.entry-title { font-size: 1.786em; letter-spacing: -0.025em; font-weight: 400; margin-bottom: 0.360em; padding-bottom: 0.360em; } .sticky h1.entry-title a { color: #434343; text-decoration: none; } .sticky h1.entry-title a:hover, .sticky h1.entry-title a:focus { color: #000; } /*===================================================================================*/ /* BLOG-PAGINATION /*===================================================================================*/ .pagination { display: block; border-top: 1px solid #eaeaea; padding-top: 1.5625rem; text-align: center; border-radius: 0; clear: both; } .pagination ul.page-numbers { display: inline-block; } .pagination ul.page-numbers > li a .meta-nav, .pagination ul.page-numbers > li span .meta-nav { display: none; } /*===================================================================================*/ /* TABLE-CART /*===================================================================================*/ table.cart { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } table.cart th, table.cart td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } table.cart thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } table.cart tbody + tbody { border-top: 2px solid #eceeef; } table.cart .table { background-color: #fff; } table.cart thead th { font-size: 1em; line-height: 1.714em; color: #747474; border-bottom: 1px solid #ddd; border-top: none; font-weight: normal; } table.cart td { vertical-align: middle; font-size: 1.214em; line-height: 1.147em; } table.cart tbody tr.cart_item:first-child td { padding-top: 2.059em; } table.cart tbody tr.cart_item td { border-top: none; padding-top: 1.029em; padding-bottom: 1.029em; } table.cart .product-remove a { color: #a7a7a7; font-size: 1.5em; } table.cart .product-remove a:focus, table.cart .product-remove a:hover { text-decoration: none; color: #ee0000; } table.cart .product-thumbnail { width: 136px; } table.cart .product-thumbnail a { display: block; } table.cart .product-thumbnail img { display: block; max-width: 100%; height: auto; max-width: 100px; margin: auto; height: 92px; width: auto; border: 1px solid #ddd; padding: 4px; } table.cart .product-name a { color: #3e3e3e; } table.cart .product-name a:focus, table.cart .product-name a:hover { color: #000; text-decoration: none; } table.cart .product-quantity .quantity { width: 5em; } table.cart .product-quantity .quantity.buttons_added { width: 8em; font-size: 0.824em; } table.cart .product-quantity .quantity.buttons_added .minus, table.cart .product-quantity .quantity.buttons_added .plus { bottom: 0.5em; } table.cart .product-quantity .input-text { padding: 0.5em 1em; border-radius: 1em; } table.cart .actions { text-align: right; font-size: 1em; padding-top: 5.714em; } table.cart .actions .wc-proceed-to-checkout { display: inline-block; margin-left: 0.5em; } table.cart .actions .wc-proceed-to-checkout .checkout-button { font-weight: bold; } table.cart .actions .wc-proceed-to-checkout .checkout-button::after { content: none; } table.cart .coupon { font-size: 1em; float: left; text-align: left; } @media (min-width: 768px) { table.cart .coupon { width: 41.6666666667%; } } table.cart .coupon label[for="coupon_code"] { display: none; } table.cart .coupon .input-text { border: 1px solid #dddddd; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.534em 1.8em; width: 60%; } table.cart .coupon .button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -4px; position: relative; top: -1px; } table.cart input[name="update_cart"] { color: #333e48; background-color: #efecec; border-color: #efecec; } table.cart input[name="update_cart"]:hover { color: #fff; background-color: black; border-color: black; } table.cart input[name="update_cart"]:focus, table.cart input[name="update_cart"].focus { color: #fff; background-color: black; border-color: black; } table.cart input[name="update_cart"]:active, table.cart input[name="update_cart"].active, .open > table.cart input[name="update_cart"].dropdown-toggle { color: #333e48; background-color: black; border-color: black; background-image: none; } table.cart input[name="update_cart"]:active:hover, table.cart input[name="update_cart"]:active:focus, table.cart input[name="update_cart"]:active.focus, table.cart input[name="update_cart"].active:hover, table.cart input[name="update_cart"].active:focus, table.cart input[name="update_cart"].active.focus, .open > table.cart input[name="update_cart"].dropdown-toggle:hover, .open > table.cart input[name="update_cart"].dropdown-toggle:focus, .open > table.cart input[name="update_cart"].dropdown-toggle.focus { color: #333e48; background-color: #c7bdbd; border-color: #b5a7a7; } table.cart input[name="update_cart"].disabled:focus, table.cart input[name="update_cart"].disabled.focus, table.cart input[name="update_cart"]:disabled:focus, table.cart input[name="update_cart"]:disabled.focus { background-color: #efecec; border-color: #efecec; } table.cart input[name="update_cart"].disabled:hover, table.cart input[name="update_cart"]:disabled:hover { background-color: #efecec; border-color: #efecec; } /*===================================================================================*/ /* CART-COLLATERALS /*===================================================================================*/ .cart-collaterals { margin-left: -0.9375rem; margin-right: -0.9375rem; padding-top: 5em; } .cart-collaterals::after { content: ""; display: table; clear: both; } .cart-collaterals h2 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; margin-bottom: 0.5em; } .cart-collaterals h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .cart-collaterals .cross-sells { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .cart-collaterals .cross-sells { width: 50%; } } .cart-collaterals .cross-sells ul.products > .product { width: 50%; } @media (min-width: 768px) { .cart-collaterals .cross-sells + .cart_totals { margin-left: 8.3333333333%; } } .cart-collaterals .cart_totals { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .cart-collaterals .cart_totals { width: 41.6666666667%; margin-left: 58.3333333333%; } } .cart-collaterals .cart_totals table.shop_table { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } .cart-collaterals .cart_totals table.shop_table th, .cart-collaterals .cart_totals table.shop_table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .cart-collaterals .cart_totals table.shop_table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .cart-collaterals .cart_totals table.shop_table tbody + tbody { border-top: 2px solid #eceeef; } .cart-collaterals .cart_totals table.shop_table .table { background-color: #fff; } .cart-collaterals .cart_totals table.shop_table tbody tr th { padding-left: 0; } .cart-collaterals .cart_totals table.shop_table tbody tr td { padding-right: 0; text-align: right; } .cart-collaterals .cart_totals table.shop_table tbody tr:first-child td, .cart-collaterals .cart_totals table.shop_table tbody tr:first-child th { border-top-width: 0; } .cart-collaterals .cart_totals .wc-proceed-to-checkout { display: none; } /*===================================================================================*/ /* JPlayer Skin /*===================================================================================*/ div.jp-jplayer, div.jp-jplayer img { max-width: 100%; } div.jp-jplayer.jp-jplayer-video { background-color: #292a2b; } div.jp-jplayer video { margin-bottom: 0; } div.jp-jplayer img, div.jp-jplayer-video, div.jp-jplayer-video video { height: auto !important; vertical-align: top; } .jp-audio-container, .jp-video-container { background-color: #f1f1f1; box-shadow: 1px 1px 1px #ddd; } /* no margin on player inside post header */ .post-header .jp-audio-container, .post-header .jp-video-container { margin-bottom: 0; } div.jp-interface { position: relative; width: 97%; z-index: 100; } .jp-video div.jp-interface { -webkit-border-radius: 0 0 2px; -moz-border-radius: 0 0 2px; border-radius: 0 0 2px; } .jp-interface, a.jp-play, a.jp-pause, .seperator-first, .seperator-second { height: 34px; } .jp-controls { list-style-type: none; padding: 0; margin: 0; } .jp-controls li { display: inline; margin: 0; } .jp-controls a { color: #404040; text-shadow: 1px 1px white; background: transparent !important; width: 24px; height: 34px; padding: 0 0 0 10px; display: inline-block; position: absolute; top: 0; border-bottom: none; font-size: 14px; line-height: 34px; text-decoration: none; outline: none; overflow: hidden; z-index: 1; opacity: .6; } .jp-controls a:hover { color: #262626; background: transparent !important; text-decoration: none; opacity: .8; } .jp-controls a span { text-indent: -9999px; display: block; } a.jp-play, a.jp-pause { left: 0; } a.jp-pause { display: none; } a.jp-pause:hover { background-position: -33px -30px; } a.jp-mute, a.jp-unmute { right: 55px; } .jp-progress-container, .jp-volume-bar-container { position: absolute; top: 0; height: 8px; padding: 13px 10px; } .jp-progress-container { left: 34px; right: 92px; } .jp-progress, .jp-volume-bar { height: 9px; background: #E7E7E7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.09); -moz-box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.09); box-shadow: inset 0 1px 2px rgba(34, 34, 34, 0.09); } .jp-seek-bar { width: 0; height: 9px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background: #E0E0E0; } .jp-progress, .jp-seek-bar { background: rgba(102, 102, 102, 0.05); } .jp-play-bar, .jp-volume-bar-value { width: 0; height: 9px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background: #BABABA; } .jp-volume-bar-container { right: 2px; width: 40px; } .jp-volume-bar { position: relative; overflow: hidden; width: 40px; cursor: pointer; background: rgba(102, 102, 102, 0.1); } .jp-volume-bar-value { width: 0; } .seperator-first, .seperator-second { width: 0; position: absolute; top: 0; left: 33px; border: 1px solid #fff; border-left-color: #ddd; border-width: 0 1px; } .seperator-second { left: auto; right: 89px; } /* volume controls taken over by mobile devices so don't need to see them */ .no-volume .jp-progress-container { right: 0px; } .no-volume .jp-volume-bar-container, .no-volume .seperator-second, .no-volume .jp-mute, .no-volume .jp-unmute { display: none; } /*===================================================================================*/ /* POST-FORMAT-GALLERY /*===================================================================================*/ .gallery { margin-bottom: 2.143em; } .gallery::after { content: ""; display: table; clear: both; } figure.gallery-item { display: block; position: relative; float: left; overflow: hidden; margin: 0; } figure.gallery-item::after { content: ""; display: table; clear: both; } figure.gallery-item .gallery-caption { position: absolute; background: black; background: rgba(0, 0, 0, 0.75); color: white; padding: 0.625rem 1.25rem; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; bottom: 0; right: -30%; } figure.gallery-item img { display: block; width: 100%; height: auto; } figure.gallery-item:hover .gallery-caption { opacity: 1; right: 0; } .gallery dl dt { padding: 0; margin: 0; } .gallery .gallery-item { width: 25%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16%; } .gallery-columns-7 .gallery-item { width: 14%; } .gallery-columns-8 .gallery-item { width: 12%; } .gallery-columns-9 .gallery-item { width: 11%; } .gallery-columns-10 .gallery-item { width: 10%; } .gallery-columns-8 figure.gallery-item .gallery-caption, .gallery-columns-9 figure.gallery-item .gallery-caption, .gallery-columns-10 figure.gallery-item .gallery-caption { display: none; } article.post .entry-content figure.gallery-item img { margin-bottom: 0; } /*===================================================================================*/ /* WC-REVIEWS /*===================================================================================*/ #reviews:not(.electro-advanced-reviews) #comments { padding-top: 0; } #reviews:not(.electro-advanced-reviews) #comments > h2 { font-size: 1.786em; line-height: 1.6em; color: #333e48; position: relative; margin-bottom: 1.5em; border-bottom: 1px solid #dddddd; padding-bottom: 0.6em; } #reviews:not(.electro-advanced-reviews) #comments > h2:after { border-bottom: 2px solid transparent; bottom: -1px; content: " "; display: block; position: absolute; width: 3.684em; } #reviews:not(.electro-advanced-reviews) .comment-form > p { margin-bottom: 1.714em; } #reviews:not(.electro-advanced-reviews) .comment-form > p label { display: block; } #reviews:not(.electro-advanced-reviews) .comment-form > p input[type="text"], #reviews:not(.electro-advanced-reviews) .comment-form > p textarea, #reviews:not(.electro-advanced-reviews) .comment-form > p input[type="email"], #reviews:not(.electro-advanced-reviews) .comment-form > p input[type="url"] { width: 100%; } #reviews:not(.electro-advanced-reviews) .comment-form-rating { clear: both; } #reviews:not(.electro-advanced-reviews) .comment-form-rating label { display: block; } #reviews:not(.electro-advanced-reviews) .comment-form-author, #reviews:not(.electro-advanced-reviews) .comment-form-email { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media (min-width: 768px) { #reviews:not(.electro-advanced-reviews) .comment-form-author, #reviews:not(.electro-advanced-reviews) .comment-form-email { width: 50%; } } #reviews:not(.electro-advanced-reviews) .comment-form-author { padding-left: 0; } #reviews:not(.electro-advanced-reviews) .comment-form-email { padding-right: 0; } #reviews:not(.electro-advanced-reviews) .comment-form-email { margin-right: 0; } #reviews:not(.electro-advanced-reviews) .form-submit { clear: both; } #reviews .commentlist { list-style: none; padding-left: 0; } #reviews .commentlist > li { border-bottom: 1px solid #ddd; margin-bottom: 1.5em; list-style: none; clear: both; padding-bottom: 1.5em; } #reviews .commentlist > li time { color: #aeaeae; font-size: 0.929em; } #reviews .commentlist > li .avatar { display: none; } #reviews .commentlist > li p.meta { margin-bottom: 0; } #reviews .commentlist > li ul.children { border-top: 1px solid #ddd; width: 82.4275362319%; float: right; margin-right: 0; padding-top: 2.618em; } #reviews .commentlist > li .star-rating { margin-bottom: 1em; } #reviews .commentlist > li .star-rating + .meta { display: none; } #reviews .commentlist > li .description { margin-bottom: 1.5em; line-height: 1.571em; } #reviews .commentlist > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .electro-advanced-reviews #reply-title, .electro-advanced-reviews h2 { font-size: 1.286em; line-height: 1.222em; font-weight: normal; border: none; padding-bottom: 0; } .electro-advanced-reviews #reply-title::after, .electro-advanced-reviews h2::after { content: none; } .electro-advanced-reviews .comment-form > p { margin-bottom: 1.143em; display: table; width: 100%; } .electro-advanced-reviews .comment-form > p label { display: table-cell; font-weight: normal; width: 30%; vertical-align: middle; } .electro-advanced-reviews .comment-form > p input[type="text"], .electro-advanced-reviews .comment-form > p textarea { display: table-cell; } .electro-advanced-reviews .comment-form > p p.stars { display: table-cell; } .electro-advanced-reviews .comment-form > p textarea { height: 7.857em; } .electro-advanced-reviews .comment-form .form-submit input[type="submit"] { font-size: 0.929em; color: #fff; line-height: 1.385em; padding: 1em 2.222em; margin-left: 30%; } .advanced-review { margin-bottom: 3.429em; } .advanced-review .based-title { margin-bottom: 2.571em; } .advanced-review .avg-rating { margin-bottom: 1.429em; } .advanced-review .avg-rating .avg-rating-number { display: block; font-size: 2.143em; font-weight: bold; line-height: 0.6em; } .advanced-review .rating-histogram .rating-bar { margin-bottom: 1.429em; } .advanced-review .rating-histogram .rating-bar::after { content: ""; display: table; clear: both; } .advanced-review .rating-histogram .rating-bar .rating-percentage-bar { float: left; } .advanced-review .rating-histogram .rating-bar .star-rating { float: left; } .advanced-review .rating-histogram .rating-percentage-bar { width: 14.286em; height: 0.714em; border-radius: 0.286em; background-color: #f3f3f3; margin-top: 0.143em; margin-left: 2.857em; } .advanced-review .rating-histogram .rating-percentage { height: 100%; background-color: #d8d8d8; display: block; border-radius: 0.286em; } .advanced-review .rating-histogram .rating-count { float: left; margin-left: 0.714em; line-height: 1em; } .advanced-review .rating-histogram .rating-count.zero { color: #b6b6b6; } /*===================================================================================*/ /* UTILITIES /*===================================================================================*/ .inner { padding-top: 8.571em; padding-bottom: 8.571em; } .inner-md { padding-top: 7.143em; padding-bottom: 7.143em; } .inner-sm { padding-top: 5.714em; padding-bottom: 5.714em; } .inner-xs { padding-top: 2.857em; padding-bottom: 2.857em; } .inner-top { padding-top: 8.571em; } .inner-top-md { padding-top: 7.143em; } .inner-top-sm { padding-top: 5.714em; } .inner-top-xs { padding-top: 2.857em; } .inner-bottom { padding-bottom: 8.571em; } .inner-bottom-md { padding-bottom: 7.143em; } .inner-bottom-sm { padding-bottom: 5.714em; } .inner-bottom-xs { padding-bottom: 2.857em; } .inner-left { padding-left: 5.357em; } .inner-left-md { padding-left: 4.286em; } .inner-left-sm { padding-left: 3.214em; } .inner-left-xs { padding-left: 2.143em; } .inner-right { padding-right: 5.357em; } .inner-right-md { padding-right: 4.286em; } .inner-right-sm { padding-right: 3.214em; } .inner-right-xs { padding-right: 2.143em; } .outer { margin-top: 8.571em; margin-bottom: 8.571em; } .outer-md { margin-top: 7.143em; margin-bottom: 7.143em; } .outer-sm { margin-top: 5.714em; margin-bottom: 5.714em; } .outer-xs { margin-top: 2.857em; margin-bottom: 2.857em; } .outer-top { margin-top: 8.571em; } .outer-top-md { margin-top: 7.143em; } .outer-top-sm { margin-top: 5.714em; } .outer-top-xs { margin-top: 2.857em; } .outer-bottom { margin-bottom: 8.571em; } .outer-bottom-md { margin-bottom: 7.143em; } .outer-bottom-sm { margin-bottom: 5.714em; } .outer-bottom-xs { margin-bottom: 2.857em; } .center-block { float: none; } .height-xs { height: 30vh; } .height-sm { height: 44vh; } .height-md { height: 61vh; } .height-lg { height: 90vh; } .no-margin { margin: 0; } .animate-in-view { opacity: 0; } .animated { opacity: 1; } /*===================================================================================*/ /* QTY-BUTTONS /*===================================================================================*/ div.quantity.buttons_added { position: relative; } div.quantity.buttons_added .minus, div.quantity.buttons_added .plus { width: 1.429em; height: 1.429em; border-radius: 50%; font-size: 1em; font-weight: bold; color: #333e48; padding: 0; text-align: center; line-height: 1.429em; position: absolute; bottom: 0.536em; right: 0.536em; display: inline-block; } div.quantity.buttons_added .minus:hover, div.quantity.buttons_added .plus:hover { color: #fff; } div.quantity.buttons_added input[type="number"] { -moz-appearance: textfield; } div.quantity.buttons_added input[type=number]::-webkit-inner-spin-button, div.quantity.buttons_added input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; /* Removes leftover margin */ } div.quantity.buttons_added .plus { right: 1.965em; margin-right: 0.357em; } /*===================================================================================*/ /* MEGA-MENU /*===================================================================================*/ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm ul.navbar-nav > li.dropdown, .yamm > .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .no-yamm-content-padding .yamm-content { padding: 0; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; position: absolute; padding: 0; animation-duration: 200ms; } .yamm .dropdown.yamm-fw .dropdown-menu .menu-item { list-style: none; } .yamm .dropdown.yamm-fw .dropdown-menu .menu { padding: 0; } .yamm .yamm-content { padding: 2.143em; } .yamm .yamm-content .wpb_content_element { margin: 0; } .yamm .yamm-content .bg-yamm-content { position: absolute; right: 0; bottom: 0; } .yamm h1, .yamm h2, .yamm h3, .yamm h4, .yamm h5, .yamm h6, .yamm .nav-title { font-weight: bold; font-size: 1.071em; padding: 0.571em 0; min-height: 2.667em; } .yamm h1 a, .yamm h1 > a, .yamm h2 a, .yamm h2 > a, .yamm h3 a, .yamm h3 > a, .yamm h4 a, .yamm h4 > a, .yamm h5 a, .yamm h5 > a, .yamm h6 a, .yamm h6 > a, .yamm .nav-title a, .yamm .nav-title > a { padding: 0; font-weight: bold; } .yamm .nav-divider { height: 1px; border-top: 1px solid #ddd; margin: 0.5em 0; } .yamm .nav-text, .yamm .nav-subtext { display: block; } .yamm .nav-subtext { font-size: 0.8em; color: #aaa; line-height: 1; } .primary-nav .nav-inline .yamm-fw .dropdown-menu { width: 900px; } .primary-nav .nav-inline .yamm-tfw .dropdown-menu { width: 600px; } .primary-nav .nav-inline .yamm-hw .dropdown-menu { width: 450px; } .vertical-menu .yamm .dropdown.yamm-fw .dropdown-menu, .departments-menu .yamm .dropdown.yamm-fw .dropdown-menu { left: 100%; } .vertical-menu .yamm-fw .dropdown-menu > li, .departments-menu .yamm-fw .dropdown-menu > li { width: 900px; } .vertical-menu .yamm-tfw .dropdown-menu > li, .departments-menu .yamm-tfw .dropdown-menu > li { width: 600px; } .vertical-menu .yamm-hw .dropdown-menu > li, .departments-menu .yamm-hw .dropdown-menu > li { width: 450px; } .vertical-menu .menu-item-has-children a[data-toggle="dropdown"]::after, .departments-menu .menu-item-has-children a[data-toggle="dropdown"]::after { content: '\62'; color: #aeaeae; font-size: 1.214em; float: right; } .vertical-menu .menu-item-has-children > .dropdown-menu, .departments-menu .menu-item-has-children > .dropdown-menu { opacity: 0; visibility: hidden; left: 100%; border-top-width: 2px; border-top-style: solid; width: 0; min-width: 0; } .vertical-menu .dropdown:not(.list-group-item) > .dropdown-menu > li { width: 240px; } .vertical-menu.yamm .dropdown.yamm-fw .dropdown-menu { left: 100%; } .vertical-menu.yamm .dropdown.yamm-fw .dropdown-menu > li { width: 900px; } .vertical-menu .list-group-item > .dropdown.yamm-tfw .dropdown-menu > li, .vertical-menu .dropdown.yamm-tfw .dropdown-menu > li { width: 540px; position: relative; } .vertical-menu .yamm-content { padding: 1.143em 1.143em 0 1.143em; } .bg-yamm-extend-outside { position: relative; right: -50px; } .vertical-menu .yamm-content ul, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul, .primary-nav .nav-inline .dropdown-menu .yamm-content ul, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul { padding: 0; list-style: none; margin: 0; } .vertical-menu .yamm-content ul + ul, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + ul, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + ul, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + ul { margin-top: 1.143em; } .vertical-menu .yamm-content ul > li > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul > li > a, .primary-nav .nav-inline .dropdown-menu .yamm-content ul > li > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul > li > a { padding: 0.35em 1.429em; display: block; padding-left: 0; color: #333e48; text-decoration: none; } .vertical-menu .yamm-content ul > li > a:hover, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul > li > a:hover, .primary-nav .nav-inline .dropdown-menu .yamm-content ul > li > a:hover, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul > li > a:hover { background-color: transparent; color: black; } .vertical-menu .yamm-content h1, .vertical-menu .yamm-content h2, .vertical-menu .yamm-content h3, .vertical-menu .yamm-content h4, .vertical-menu .yamm-content h5, .vertical-menu .yamm-content h6, .vertical-menu .yamm-content .nav-title, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h1, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h2, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h3, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h4, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h5, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h6, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content .nav-title, .primary-nav .nav-inline .dropdown-menu .yamm-content h1, .primary-nav .nav-inline .dropdown-menu .yamm-content h2, .primary-nav .nav-inline .dropdown-menu .yamm-content h3, .primary-nav .nav-inline .dropdown-menu .yamm-content h4, .primary-nav .nav-inline .dropdown-menu .yamm-content h5, .primary-nav .nav-inline .dropdown-menu .yamm-content h6, .primary-nav .nav-inline .dropdown-menu .yamm-content .nav-title, .navbar-primary .departments-menu .dropdown-menu .yamm-content h1, .navbar-primary .departments-menu .dropdown-menu .yamm-content h2, .navbar-primary .departments-menu .dropdown-menu .yamm-content h3, .navbar-primary .departments-menu .dropdown-menu .yamm-content h4, .navbar-primary .departments-menu .dropdown-menu .yamm-content h5, .navbar-primary .departments-menu .dropdown-menu .yamm-content h6, .navbar-primary .departments-menu .dropdown-menu .yamm-content .nav-title { font-weight: bold; font-size: 1.071em; padding: 0.571em 0; min-height: 2.667em; } .vertical-menu .yamm-content h1 a, .vertical-menu .yamm-content h1 > a, .vertical-menu .yamm-content h2 a, .vertical-menu .yamm-content h2 > a, .vertical-menu .yamm-content h3 a, .vertical-menu .yamm-content h3 > a, .vertical-menu .yamm-content h4 a, .vertical-menu .yamm-content h4 > a, .vertical-menu .yamm-content h5 a, .vertical-menu .yamm-content h5 > a, .vertical-menu .yamm-content h6 a, .vertical-menu .yamm-content h6 > a, .vertical-menu .yamm-content .nav-title a, .vertical-menu .yamm-content .nav-title > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h1 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h1 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h2 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h2 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h3 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h3 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h4 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h4 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h5 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h5 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h6 a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content h6 > a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content .nav-title a, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content .nav-title > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h1 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h1 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h2 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h2 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h3 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h3 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h4 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h4 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h5 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h5 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content h6 a, .primary-nav .nav-inline .dropdown-menu .yamm-content h6 > a, .primary-nav .nav-inline .dropdown-menu .yamm-content .nav-title a, .primary-nav .nav-inline .dropdown-menu .yamm-content .nav-title > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h1 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h1 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h2 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h2 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h3 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h3 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h4 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h4 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h5 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h5 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h6 a, .navbar-primary .departments-menu .dropdown-menu .yamm-content h6 > a, .navbar-primary .departments-menu .dropdown-menu .yamm-content .nav-title a, .navbar-primary .departments-menu .dropdown-menu .yamm-content .nav-title > a { padding: 0; font-weight: bold; } .vertical-menu .yamm-content ul + h1, .vertical-menu .yamm-content ul + h2, .vertical-menu .yamm-content ul + h3, .vertical-menu .yamm-content ul + h4, .vertical-menu .yamm-content ul + h5, .vertical-menu .yamm-content ul + h6, .vertical-menu .yamm-content li + .nav-title, .vertical-menu .yamm-content .menu-item + .nav-title, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h1, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h2, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h3, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h4, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h5, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content ul + h6, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content li + .nav-title, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .yamm-content .menu-item + .nav-title, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h1, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h2, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h3, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h4, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h5, .primary-nav .nav-inline .dropdown-menu .yamm-content ul + h6, .primary-nav .nav-inline .dropdown-menu .yamm-content li + .nav-title, .primary-nav .nav-inline .dropdown-menu .yamm-content .menu-item + .nav-title, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h1, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h2, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h3, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h4, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h5, .navbar-primary .departments-menu .dropdown-menu .yamm-content ul + h6, .navbar-primary .departments-menu .dropdown-menu .yamm-content li + .nav-title, .navbar-primary .departments-menu .dropdown-menu .yamm-content .menu-item + .nav-title { margin-top: 1.143em; } .departments-menu .yamm-fw .dropdown-menu > li { width: 896px; } .departments-menu .yamm-tfw .dropdown-menu > li { width: 596px; } .departments-menu .yamm-hw .dropdown-menu > li { width: 446px; } .animate-dropdown .open > .dropdown-menu, .animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } /*===================================================================================*/ /* SCROLL-UP /*===================================================================================*/ #scrollUp { border-radius: 3px; bottom: 1.25rem; color: #fff; font-size: 2.25rem; height: 2.625rem; line-height: 100%; opacity: 0.5; padding: 3px; right: 1.25rem; text-align: center; width: 2.625rem; } #scrollUp:hover, #scrollUp:focus, #scrollUp:active { opacity: 1; } #scrollUp i { display: inline-block; vertical-align: top; } /*===================================================================================*/ /* ELECTRO-RECENT-POST-WIDGET /*===================================================================================*/ .electro_recent_posts_widget ul > li { margin-bottom: 1.429em; } .electro_recent_posts_widget ul > li .post-thumbnail { float: left; padding-right: 0.929em; } .electro_recent_posts_widget ul > li .post-thumbnail img { display: block; max-width: 100%; height: auto; width: 75px; height: 75px; } .electro_recent_posts_widget ul > li .post-content::after { content: ""; display: table; clear: both; } .electro_recent_posts_widget ul > li .post-content > a { color: #434343; display: block; } .electro_recent_posts_widget ul > li .post-content > a:hover, .electro_recent_posts_widget ul > li .post-content > a:focus { text-decoration: none; color: #000; } .electro_recent_posts_widget ul > li .post-content .post-date { color: #878787; font-size: 0.857em; line-height: 1.000em; } .electro_recent_posts_widget ul > li:last-child { margin-bottom: 0; } .electro_recent_posts_widget .electro-img-placeholder { position: relative; } .electro_recent_posts_widget .electro-img-placeholder .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } /*===================================================================================*/ /* PACE /*===================================================================================*/ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } /*===================================================================================*/ /* TYPEAHEAD /*===================================================================================*/ .live-search-media { display: block; color: #333; } .twitter-typeahead { z-index: 1051; width: 100%; } .tt-hint { color: #999; } .tt-menu { margin-top: 2px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); width: calc( 100% - 2.134em); margin-left: 2.134em; text-align: left; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .tt-suggestion, .empty-message { padding: 3px 20px; font-size: 14px; line-height: 24px; margin: 0; cursor: pointer; } .tt-suggestion:focus, .tt-suggestion:hover, .empty-message:focus, .empty-message:hover { color: #333e48; background-color: #f5f5f5; cursor: pointer; } .tt-suggestion.tt-cursor { color: #333e48; background-color: #f5f5f5; cursor: pointer; } .tt-suggestion p { margin: 0; } /*===================================================================================*/ /* TopBar /*===================================================================================*/ .top-bar { background-color: black; border-bottom: 1px solid #dddddd; padding: 0.786em 0; } .top-bar .nav-inline .menu-item { display: inline-block; color: #959595; font-size: 0.929em; } .top-bar .nav-inline .menu-item + .menu-item:before { content: '|'; color: #cad5d5; display: inline-block; margin: 0 1em; } .top-bar .nav-inline .menu-item > a { display: inline-block; color: white; } .top-bar .nav-inline .menu-item > a i { margin-right: 6px; font-size: 1rem; } .top-bar .nav-inline .menu-item > a:focus, .top-bar .nav-inline .menu-item > a:hover { text-decoration: none; } .top-bar .nav-inline .menu-item > a.disabled { color: #818a91; } .top-bar .nav-inline .menu-item > a.disabled, .top-bar .nav-inline .menu-item > a.disabled:focus, .top-bar .nav-inline .menu-item > a.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .top-bar .nav-inline .menu-item .dropdown-menu { top: 30px; } .top-bar .nav-inline .menu-item .dropdown-menu .menu-item { display: block; } /*===================================================================================*/ /* Header /*===================================================================================*/ .site-header { padding: 2.893em 0; } .site-header .dropdown-menu { z-index: 1001; } .header-logo { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media (min-width: 768px) { .header-logo { width: 25%; } } .header-logo .header-logo-link { display: block; } .primary-nav { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 0.393em; padding-bottom: 0.393em; } @media (min-width: 768px) { .primary-nav { width: 50%; } } .header-support-info { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media (min-width: 768px) { .header-support-info { width: 25%; } } .header-support-info .support-icon { padding-right: 20px; padding-left: 15px; } .header-support-info .support-icon .fa { font-size: 3em; } .header-support-info .support-icon .ec { font-size: 3.571em; } .header-v1, .header-v3 { padding-bottom: 0; border-bottom: 1px solid #ddd; } .header-v1 .container > .row:first-child, .header-v3 .container > .row:first-child { margin-bottom: 1.786em; } .header-v1 .navbar-search .input-group .form-control, .header-v1 .navbar-search .input-group table.cart .coupon .input-text, table.cart .coupon .header-v1 .navbar-search .input-group .input-text, .header-v3 .navbar-search .input-group .form-control, .header-v3 .navbar-search .input-group table.cart .coupon .input-text, table.cart .coupon .header-v3 .navbar-search .input-group .input-text { border-width: 2px; border-style: solid; border-right: 0; } .header-v1 .navbar-search .input-group .input-group-addon, .header-v3 .navbar-search .input-group .input-group-addon { border-width: 2px; border-style: solid; border-left: 0; border-right: 0; } .header-v1 .navbar-search .input-group .btn, .header-v1 .navbar-search .input-group .hero-action-btn, .header-v3 .navbar-search .input-group .btn, .header-v3 .navbar-search .input-group .hero-action-btn { border-width: 2px; border-style: solid; border-left: 0; color: #333e48; } .header-v1 .navbar-search + .navbar-nav.pull-right, .header-v3 .navbar-search + .navbar-nav.pull-right { padding-right: 0.9375rem; } .header-v1 .navbar-nav .nav-link, .header-v3 .navbar-nav .nav-link { line-height: 2.53em; font-weight: bold; font-size: 1.142em; color: #333e48; } .header-v1 .navbar-nav + .navbar-nav, .header-v1 .navbar-search + .navbar-nav, .header-v3 .navbar-nav + .navbar-nav, .header-v3 .navbar-search + .navbar-nav { margin-left: 2.714em; } .home .header-v1, .page-template-template-homepage-v1 .header-v1, .header-v3 { border-bottom: 0; } .header-v3 + .navbar-primary { padding: 0; } .header-v3 + .navbar-primary .navbar-nav > .menu-item > a { padding: 1.429em 1.375em; } .full-color-background .header-v3, .full-color-background .top-bar { background-color: #fed700; } .full-color-background .header-v3 { padding-top: 1.4em; } .full-color-background .header-v3 .navbar-search .input-group .btn, .full-color-background .header-v3 .navbar-search .input-group .hero-action-btn { background-color: #333e48; color: #fff; border-color: #333e48; } .full-color-background .header-v3 .navbar-search .input-group .form-control, .full-color-background .header-v3 .navbar-search .input-group table.cart .coupon .input-text, table.cart .coupon .full-color-background .header-v3 .navbar-search .input-group .input-text, .full-color-background .header-v3 .navbar-search .input-group .input-group-addon { border-color: #fff; } .full-color-background .header-v3 .navbar-mini-cart .cart-items-count { background-color: #333e48; color: #fff; } .full-color-background .header-v3 .ellipse-bg { fill: #64c3f1; } .full-color-background .navbar-primary { border-top-width: 1px; border-top-style: solid; } .full-color-background .navbar-primary .navbar-nav { margin-left: -20px; } .full-color-background .header-v3 + .navbar-primary .navbar-nav > .menu-item > a { padding: 0.907em 1.375em; } .full-color-background .top-bar { border-bottom: none; } .header-v3 { padding-bottom: .64em; padding-top: 2.4em; } /*===================================================================================*/ /* Navbar /*===================================================================================*/ .navbar-primary { padding: 0.358em 1rem; } .navbar-primary a[data-toggle="dropdown"]::after { content: '\79'; font-family: 'font-electro'; color: #333e48; border-top: none; border-left: none; border-right: none; margin-left: 0.857em; width: auto; height: auto; } .navbar-primary .navbar-nav .nav-link { line-height: 2.143em; font-weight: bold; font-size: 1.142em; color: #333e48; } .navbar-primary .navbar-nav + .navbar-nav, .navbar-primary .navbar-search + .navbar-nav { margin-left: 2.714em; } .navbar-primary .navbar-nav + .navbar-nav.navbar-compare, .navbar-primary .navbar-search + .navbar-nav.navbar-compare { margin-left: 0; } .navbar-primary .navbar-nav > .menu-item { float: left; } .navbar-primary .navbar-nav > .menu-item > a { display: block; font-size: 1.143em; font-weight: bold; line-height: 1.125em; color: #333e48; padding: 1.358em 1.375em; border-right: 1px solid transparent; } .navbar-primary .navbar-nav > .menu-item > a:focus, .navbar-primary .navbar-nav > .menu-item > a:hover { color: #333e48; text-decoration: none; } .navbar-primary .navbar-nav > .menu-item:last-child > a { border-right: 0; } .navbar-primary .navbar-mini-cart .dropdown-menu-mini-cart { top: 108% !important; right: -25px; box-shadow: none; padding: 2.2em 2.1em 1.2em 2.1em; border: 2px solid transparent; } .navbar-primary .navbar-mini-cart .nav-link::after { content: none; } .navbar-primary .navbar-mini-cart .cart-items-count { background-color: #333e48; color: #fff; } .navbar-primary .nav:before, .navbar-primary .nav:after { display: none; } .header-v1 + .navbar-primary { padding: 0; } .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a, .primary-nav .nav-inline .dropdown-menu .menu-item > a, .top-bar .nav-inline .dropdown-menu .menu-item > a { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; padding: 0.571em 1.429em; } .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a:focus, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a:hover, .primary-nav .nav-inline .dropdown-menu .menu-item > a:focus, .primary-nav .nav-inline .dropdown-menu .menu-item > a:hover, .top-bar .nav-inline .dropdown-menu .menu-item > a:focus, .top-bar .nav-inline .dropdown-menu .menu-item > a:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.active, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.active:focus, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.active:hover, .primary-nav .nav-inline .dropdown-menu .menu-item > a.active, .primary-nav .nav-inline .dropdown-menu .menu-item > a.active:focus, .primary-nav .nav-inline .dropdown-menu .menu-item > a.active:hover, .top-bar .nav-inline .dropdown-menu .menu-item > a.active, .top-bar .nav-inline .dropdown-menu .menu-item > a.active:focus, .top-bar .nav-inline .dropdown-menu .menu-item > a.active:hover { color: #fff; text-decoration: none; background-color: #efecec; outline: 0; } .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.disabled, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.disabled:focus, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.disabled:hover, .primary-nav .nav-inline .dropdown-menu .menu-item > a.disabled, .primary-nav .nav-inline .dropdown-menu .menu-item > a.disabled:focus, .primary-nav .nav-inline .dropdown-menu .menu-item > a.disabled:hover, .top-bar .nav-inline .dropdown-menu .menu-item > a.disabled, .top-bar .nav-inline .dropdown-menu .menu-item > a.disabled:focus, .top-bar .nav-inline .dropdown-menu .menu-item > a.disabled:hover { color: #818a91; } .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.disabled:focus, .navbar-primary #header-v3 .navbar-nav .dropdown-menu .menu-item > a.disabled:hover, .primary-nav .nav-inline .dropdown-menu .menu-item > a.disabled:focus, .primary-nav .nav-inline .dropdown-menu .menu-item > a.disabled:hover, .top-bar .nav-inline .dropdown-menu .menu-item > a.disabled:focus, .top-bar .nav-inline .dropdown-menu .menu-item > a.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-primary #header-v3 .navbar-nav .menu-item .dropdown-menu, .primary-nav .nav-inline .menu-item .dropdown-menu, .top-bar .nav-inline .menu-item .dropdown-menu { opacity: 0; position: absolute; display: block; visibility: hidden; border-radius: 0; border-top-width: 2px; border-top-style: solid; } .navbar-primary #header-v3 .navbar-nav > .menu-item.open > .dropdown-menu, .navbar-primary #header-v3 .navbar-nav > .menu-item .dropdown-menu .menu-item-has-children:hover > .dropdown-menu, .primary-nav .nav-inline > .menu-item.open > .dropdown-menu, .primary-nav .nav-inline > .menu-item .dropdown-menu .menu-item-has-children:hover > .dropdown-menu, .top-bar .nav-inline > .menu-item.open > .dropdown-menu, .top-bar .nav-inline > .menu-item .dropdown-menu .menu-item-has-children:hover > .dropdown-menu { opacity: 1; visibility: visible; transition-delay: 0s; } .navbar-primary #header-v3 .navbar-nav > .menu-item .dropdown-menu .menu-item-has-children .dropdown-menu, .primary-nav .nav-inline > .menu-item .dropdown-menu .menu-item-has-children .dropdown-menu, .top-bar .nav-inline > .menu-item .dropdown-menu .menu-item-has-children .dropdown-menu { top: 0; left: 100%; } .navbar-primary #header-v3 .navbar-nav .menu-item .dropdown-menu { top: 100%; } .primary-nav .nav-inline .menu-item .dropdown-menu { top: 46px; } .navbar-primary #header-v3 .navbar-nav > .menu-item > a[data-toggle="dropdown"]::after { display: none; } .navbar-primary #header-v3 .navbar-nav > .menu-item.open .dropdown-menu { transform: translateY(0%); } .navbar-mini-cart i.ec, .navbar-search i.ec, .navbar-wishlist i.ec, .navbar-compare i.ec { line-height: 0.9em; font-size: 1.429em; } .primary-nav .nav-inline .yamm-fw.open > a { position: relative; } .primary-nav .nav-inline .yamm-fw.open > a::before { position: absolute; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; animation: fadeIn 2s; content: " "; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -16px; left: 50%; border-bottom-width: 8px; border-bottom-style: solid; transform: translate(-50%, -50%); } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*===================================================================================*/ /* Sliders /*===================================================================================*/ .home-v1-slider, .home-v2-slider, .home-v3-slider { background-color: #f9f9f9; width: 100vw; position: relative; margin-left: -50vw; left: 50%; margin-bottom: 3em; height: 485px; } .home-v1-slider .item, .home-v2-slider .item, .home-v3-slider .item { height: 485px; } .home-v1-slider .owl-dots, .home-v2-slider .owl-dots, .home-v3-slider .owl-dots { position: absolute; bottom: 20px; display: block; text-align: center; width: 100%; } .hero-action-btn a { color: #333e48; font-weight: 100; } .home-v2-slider { left: 33.33%; } .hero-1 { font-size: 50px; color: #2e6cc1; font-weight: bold; line-height: 50px; margin-bottom: 10px; text-transform: uppercase; -webkit-text-stroke: 1px white; } .hero-2 { font-size: 3.000em; color: #333e48; font-weight: 300; line-height: 1.000em; margin-bottom: 30px; text-transform: uppercase; } .hero-v2 { font-size: 4.143em !important; } .hero-subtitle { font-size: 19px; font-weight: bold; line-height: 1.467em; margin-bottom: 40px; text-transform: uppercase;} .hero-subtitle-v2 { font-weight: 600; color: #34bcec; font-size: 1.125em; line-height: 1.222em; margin-bottom: 20px; text-transform: uppercase; } .hero-action-btn { color: #333e48 !important; font-size: 1.286em !important; padding: 0.611em 3.172em !important; border-radius: 0.714em !important; line-height: 1.3em !important; } .image { position: absolute; right: 0; overflow: hidden; height: 485px; } .hero-v2-price { font-weight: 300; margin-bottom: 20px; text-transform: uppercase; } .hero-v2-price span { font-size: 3.500em; line-height: 0.929em; font-weight: 700; } #owl-main .item { background-position: center 55%; background-size: cover; height: 485px; width: 100%; } #owl-main .item .container { display: table; height: inherit; width: 100%; } #owl-main .item .caption { padding-top: 85px; display: table-cell; } /*===================================================================================*/ /* Home Full Width Slider /*===================================================================================*/ .home-full-width-slider { margin-bottom: 2em; } /*===================================================================================*/ /* Features List /*===================================================================================*/ .features-list { border: 1px solid #2e6cc1; border-radius: 8px; margin-bottom: 2.5em; margin-left: 0; margin-right: 0; } .features-list::after { content: ""; display: table; clear: both; } .features-list .media { width: 150px; margin: 0 auto; } .features-list .media-left i { font-size: 2.571em; } .features-list .media-left i.ec-customers { font-size: 3.386em; } .features-list .media-body { text-align: center; font-size: 1.071em; } .features-list .feature { padding-top: 2.143em; padding-bottom: 2.143em; } .features-list .feature + .feature { border-left: 1px solid #2e6cc1; } .features-list .feature-text strong { display: block; } .features-list.columns-4 .feature { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 992px) { .features-list.columns-4 .feature { width: 33.3333333333%; } } .features-list.columns-5 .feature { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 992px) { .features-list.columns-5 .feature { width: 20%; } } /*===================================================================================*/ /* Ads Block /*===================================================================================*/ .ads-block { margin-bottom: 5.286em; } .ad .media { background-color: #f5f5f5; } .ad .media-left, .ad .media-body { width: 50%; } .ad .media-body { padding: 1.571em; } .ad .ad-text { font-size: 1.286em; line-height: 1.278em; font-weight: 200; text-transform: uppercase; margin-bottom: 1.429em; } .ad .ad-action > a { font-size: 1.071em; font-weight: bold; line-height: 2em; color: #333e48; } .ad .ad-action > a:focus, .ad .ad-action > a:hover { color: #333e48; text-decoration: none; } .ad .ad-action > a::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 17px; height: 17px; border-radius: 50%; content: ""; font-weight: bold; margin-left: 8px; color: #fff; text-align: center; } .ad .ad-action > a .upto, .ad .ad-action > a .from { text-transform: uppercase; font-weight: 300; } .ad .ad-action > a .upto .prefix, .ad .ad-action > a .from .prefix { font-size: 0.919em; line-height: 0.909em; display: inline-block; width: 1.321em; margin-right: 4px; } .ad .ad-action > a .upto .value, .ad .ad-action > a .from .value { font-weight: bold; font-size: 2.173em; letter-spacing: -0.025em; line-height: 0.592em; } .ad .ad-action > a .upto .value sup, .ad .ad-action > a .from .value sup { top: -0.25em; } .ad .ad-action > a .upto .suffix, .ad .ad-action > a .from .suffix { top: -0.5em; position: relative; font-weight: bold; vertical-align: top; margin-left: 2px; } .ad .ad-action > a .from { position: relative; } .ad .ad-action > a .from .prefix { width: auto; position: absolute; top: -1.714em; } .home-v1-ads-block .media-left img, .home-v2-ads-block .media-left img, .home-v3-ads-block .media-left img { width: 100%; } .home-v1-ads-block .ad .media-body { padding: 3.286em 0 2.143em 0; } .home-v1-ads-block .ad .ad-text { margin-bottom: 0.357em; } .home-v1-ads-block .ad .media-left { width: 60%; } .home-v1-ads-block .ad .media-body { width: 40%; } .home-v1-ads-block .ad:nth-child(2) .media-body { padding-top: 3.113em; } .home-v2-ads-block .ad .media-body { padding: 3.286em 0 2.143em 0; } .home-v2-ads-block .ad .ad-text { font-size: 1.571em; letter-spacing: -1px; } .home-v2-ads-block .ad .media-left { width: 60%; } .home-v2-ads-block .ad .media-body { width: 40%; } .home-v3-ads-block .ad .media-body { padding: 2.857em 0 2.143em 0; } .home-v3-ads-block .ad .ad-text { font-size: 1.571em; letter-spacing: -1px; } .home-v3-ads-block .ad:last-child .media-body { padding-left: 12px; } .home-v3-ads-block .ad .media-left { width: 62%; } .home-v3-ads-block .ad .media-body { width: 38%; } /*===================================================================================*/ /* Section Onsale Product /*===================================================================================*/ .deal-and-tabs { margin-bottom: 5em; } .section-onsale-product header { border-bottom: none; margin-bottom: 1em; } .section-onsale-product header h1 { font-size: 2em; line-height: 1.214em; } .section-onsale-product header h1 .highlight { font-weight: 600; display: block; } .section-onsale-product header h1::after { content: none; } .section-onsale-product .savings { float: right; position: relative; } .section-onsale-product .onsale-product > a { display: block; } .section-onsale-product .onsale-product h3 { clear: both; text-align: center; margin-bottom: 1.214em; } .section-onsale-product .onsale-product .product-thumbnail { margin-bottom: 1.714em; } .section-onsale-product, .onsale-product-carousel { border-radius: 1.214em; border: 2px solid transparent; padding: 1.429em 1.571em; } .section-onsale-product-carousel header { margin-bottom: 1.071em; border-bottom: none; } .section-onsale-product-carousel header h1 { padding-bottom: 0; color: #343f49; } .section-onsale-product-carousel header h1::after { display: none; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product { display: inline-block; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails { width: 58.3333333333%; padding-left: 0; } } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images { display: block; width: 100%; position: relative; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images > a { width: 82.333333%; display: inline-block; padding-right: 4px; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails { width: 16.6666666667%; display: inline-block; padding-left: 4px; position: absolute; transform: translateY(-50%); top: 50%; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails a { display: inline-block; border: 1px solid #eaeaea; padding: 4px; margin-bottom: 0.571em; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails a:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails a:only-child { margin-bottom: 0; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .images .thumbnails a.current { border-bottom-width: 2px; border-bottom-style: solid; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .savings { position: absolute; z-index: 1; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; text-align: center; } @media (min-width: 768px) { .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content { width: 41.6666666667%; padding-right: 0; margin-top: 5.429em; } } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price { font-size: 2.143em; } .section-onsale-product-carousel .owl-nav { z-index: 100; } @media (min-width: 768px) { .section-onsale-product-carousel .owl-nav { margin-left: 58.3333333333%; border-bottom: 1px solid #eaeaea; position: absolute; width: 36%; padding-top: 28px; padding-bottom: 0.571em; } } .section-onsale-product-carousel .owl-nav .slider-prev, .section-onsale-product-carousel .owl-nav .slider-next { display: inline-block; color: #383838; text-decoration: none; } .section-onsale-product-carousel .owl-nav .slider-prev:hover, .section-onsale-product-carousel .owl-nav .slider-next:hover { color: #383838; } .section-onsale-product-carousel .owl-nav .slider-prev i, .section-onsale-product-carousel .owl-nav .slider-next i { font-size: 1.143em; } .section-onsale-product-carousel .owl-nav .slider-next { float: right; } .section-onsale-product-carousel .owl-nav .slider-next i { padding-left: 0.625em; } .section-onsale-product-carousel .owl-nav .slider-prev i { padding-right: 0.625em; } .section-onsale-product-carousel .owl-nav .disabled { color: #a0a0a0; } .section-onsale-product .onsale-product .deal-progress::after, .section-onsale-product-carousel .onsale-product .deal-progress::after { content: ""; display: table; clear: both; } .section-onsale-product .onsale-product .deal-progress .deal-stock, .section-onsale-product-carousel .onsale-product .deal-progress .deal-stock { font-size: 1.071em; line-height: 1.2em; margin-bottom: 0.867em; } .section-onsale-product .onsale-product .deal-progress .deal-stock::after, .section-onsale-product-carousel .onsale-product .deal-progress .deal-stock::after { content: ""; display: table; clear: both; } .section-onsale-product .onsale-product .deal-progress .deal-stock .stock-available, .section-onsale-product-carousel .onsale-product .deal-progress .deal-stock .stock-available { float: right; } .section-onsale-product .onsale-product .deal-progress .deal-stock .stock-sold, .section-onsale-product-carousel .onsale-product .deal-progress .deal-stock .stock-sold { float: left; } .section-onsale-product .onsale-product .deal-progress .progress, .section-onsale-product-carousel .onsale-product .deal-progress .progress { border-radius: 0.571em; background-color: #eee; height: 1.429em; margin-bottom: 1.875em; } .section-onsale-product .onsale-product .deal-progress .progress-bar, .section-onsale-product-carousel .onsale-product .deal-progress .progress-bar { display: block; text-indent: -999em; height: 100%; border-radius: 0.571em; } .section-onsale-product .onsale-product .price, .section-onsale-product-carousel .onsale-product .price { text-align: center; font-size: 2.143em; display: block; width: 100%; margin-bottom: 1em; } .section-onsale-product .onsale-product .deal-countdown-timer, .section-onsale-product-carousel .onsale-product .deal-countdown-timer { margin-bottom: 0.857em; } .section-onsale-product .onsale-product .deal-countdown-timer .marketing-text, .section-onsale-product-carousel .onsale-product .deal-countdown-timer .marketing-text { margin-bottom: 1.071em; } .section-onsale-product .onsale-product .countdown, .section-onsale-product-carousel .onsale-product .countdown { text-align: center; color: #383838; } .section-onsale-product .onsale-product .countdown span[data-value="0"], .section-onsale-product-carousel .onsale-product .countdown span[data-value="0"] { display: none; } .section-onsale-product .onsale-product .countdown > span, .section-onsale-product-carousel .onsale-product .countdown > span { display: inline-block; margin: 0 6px; } .section-onsale-product .onsale-product .countdown > span:last-child .value::after, .section-onsale-product-carousel .onsale-product .countdown > span:last-child .value::after { content: none; } .section-onsale-product .onsale-product .countdown > span .value, .section-onsale-product-carousel .onsale-product .countdown > span .value { font-size: 2.143em; line-height: 1.367em; width: 56px; height: 41px; border-radius: 4px; background-color: #e6e6e6; display: inline-block; text-align: center; position: relative; margin-bottom: 0.429em; } .section-onsale-product .onsale-product .countdown > span .value::after, .section-onsale-product-carousel .onsale-product .countdown > span .value::after { content: ':'; display: inline-block; position: absolute; right: -9px; font-size: 0.8em; line-height: 1.708em; } .section-onsale-product .onsale-product .countdown > span b, .section-onsale-product-carousel .onsale-product .countdown > span b { display: block; font-size: 0.857em; text-transform: uppercase; line-height: 1em; } .section-onsale-product .savings, .section-onsale-product-carousel .savings { width: 110px; height: 65px; border-radius: 8px; background-color: #343f49; color: #fff; font-size: 18px; line-height: 18px; font-weight: bold; } .section-onsale-product .savings .savings-text, .section-onsale-product-carousel .savings .savings-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; text-align: center; width: 100%; } .section-onsale-product .savings .amount, .section-onsale-product-carousel .savings .amount { display: block; } /*===================================================================================*/ /* Products Carousel Tabs /*===================================================================================*/ .products-carousel-tabs .nav-inline { text-align: center; border-bottom: 1px solid #ddd; } .products-carousel-tabs .nav-inline .nav-item + .nav-item { margin-left: 4em; } .products-carousel-tabs .nav-link { color: #2e6cc1; font-size: 1.429em; line-height: 0.9em; padding-bottom: 1em; } .products-carousel-tabs .nav-link:focus, .products-carousel-tabs .nav-link:hover { color: #333e48; } .products-carousel-tabs .nav-link.active { font-weight: bold; position: relative; } .products-carousel-tabs .nav-link.active::before { content: ' '; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .products-carousel-tabs .nav-link.active::after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } /*===================================================================================*/ /* Shop Control Bar /*===================================================================================*/ .shop-control-bar { background-color: #f5f5f5; padding: 0.714em 1.429em; border-radius: 9px; } .shop-control-bar::after { content: ""; display: table; clear: both; } .shop-control-bar .shop-view-switcher { float: left; min-height: 1px; position: relative; border: none; } @media (min-width: 992px) { .shop-control-bar .shop-view-switcher { width: 25%; } } .shop-control-bar .shop-view-switcher .nav-link { color: #d6dbe1; font-size: 1.286em; line-height: 2.24em; border: none; border-radius: 0; padding: 0; } .shop-control-bar .shop-view-switcher .nav-link:focus, .shop-control-bar .shop-view-switcher .nav-link:hover { text-decoration: none; color: #575560; } .shop-control-bar .shop-view-switcher .nav-link.active { text-decoration: none; color: #575560; background-color: transparent; } .shop-control-bar .shop-view-switcher .nav-item + .nav-item { margin-left: 0.714em; margin-left: 1.071em; } .shop-control-bar .woocommerce-ordering { float: left; width: auto; padding: 1px 0; } .shop-control-bar .form-electro-wc-ppp { float: left; margin-left: 1em; padding: 1px 0; } .shop-control-bar .electro-advanced-pagination { float: right; line-height: 2.43em; padding: 1px 0; } .shop-control-bar.product-filters-widgets { margin-bottom: 0.714em; } .shop-control-bar.product-filters-widgets .sidebar .widget { margin: 2em 1em; } .shop-control-bar.product-filters-widgets .sidebar .widget ul li a { padding: 0.2em 0; } .shop-control-bar.product-filters-widgets .sidebar .widget ul li a:hover { color: #000; } .shop-control-bar-bottom { border-top: 1px solid #eaeaea; padding: 1.714em 0; } .shop-control-bar-bottom::after { content: ""; display: table; clear: both; } .shop-control-bar-bottom .form-electro-wc-ppp { float: left; padding: 0.215em 0; } .shop-control-bar-bottom .woocommerce-result-count { margin-bottom: 0; float: left; line-height: 3em; margin-left: 2em; } .shop-control-bar-bottom .woocommerce-pagination { float: right; } .shop-control-bar-bottom .woocommerce-pagination .prev, .shop-control-bar-bottom .woocommerce-pagination .next { display: none; } /*===================================================================================*/ /* Product Categories /*===================================================================================*/ .jumbotron-product-category { background-color: #f5f5f5; margin-bottom: 2.143em; padding: 4.286em 4.286em 3.609em 4.286em; } .jumbotron-product-category .jumbo-title { color: #333e48; font-size: 3.214em; line-height: 1em; text-transform: uppercase; font-weight: 100; } .jumbotron-product-category .jumbo-subtitle { color: #7e7e7e; line-height: 1.5em; margin-bottom: 0; } .jumbotron-product-category .jumbo-image { margin-right: -3.143em; margin-top: -4.286em; } .product-loop-categories { padding-left: 0; margin-bottom: 0; list-style: none; margin-left: -0.9375rem; margin-right: -0.9375rem; } .product-loop-categories::after { content: ""; display: table; clear: both; } .product-loop-categories .product-category { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; margin-bottom: 5.357em; text-align: center; padding-top: 15px; padding-bottom: 15px; margin-top: -15px; } .product-loop-categories .product-category > a { display: block; color: #333e48; } .product-loop-categories .product-category > a:focus, .product-loop-categories .product-category > a:hover { color: #333e48; } .product-loop-categories .product-category img { display: block; max-width: 100%; height: auto; margin: 0 auto 1.429em auto; } .product-loop-categories .product-category h3 { font-size: 1.286em; font-weight: normal; height: 1.286em; margin-bottom: 0; } .product-loop-categories .product-category .count { background-color: transparent; color: inherit; display: none; } .product-loop-categories .product-category::after { content: ''; border-right: 1px solid #eaeaea; position: absolute; height: 100%; width: 1px; top: 0; right: 0; } .product-loop-categories .product-category.last::after, .product-loop-categories .product-category:last-child::after { content: none; } .product-loop-categories .product-category:hover { box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3); } .product-loop-categories .product-category:hover::after { content: none; } @media (min-width: 768px) { .columns-1 .product-loop-categories > .product-category { width: 100%; } } @media (min-width: 768px) { .columns-2 .product-loop-categories > .product-category { width: 50%; } } @media (min-width: 768px) { .columns-3 .product-loop-categories > .product-category { width: 33.3333333333%; } } @media (min-width: 768px) { .product-loop-categories > .product-category, .columns-4 .product-loop-categories > .product-category { width: 25%; } } @media (min-width: 768px) { .columns-5 .product-loop-categories > .product-category { width: 20%; } } @media (min-width: 768px) { .columns-6 .product-loop-categories > .product-category { width: 16.6666666667%; } } /*===================================================================================*/ /* Products /*===================================================================================*/ ul.products { padding-left: 0; margin-bottom: 1.286em; list-style: none; } ul.products::after { content: ""; display: table; clear: both; } ul.products li.product, ul.products .section-onsale-product .onsale-product, .section-onsale-product ul.products .onsale-product, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content, ul.products .products-carousel .owl-item .product, .products-carousel .owl-item ul.products .product { position: relative; min-height: 1px; margin: 0.857em 0; padding: 0; } ul.products li.product::after, ul.products .section-onsale-product .onsale-product::after, .section-onsale-product ul.products .onsale-product::after, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content::after, ul.products .products-carousel .owl-item .product::after, .products-carousel .owl-item ul.products .product::after { content: ''; border-right: 1px solid #eaeaea; display: block; position: absolute; top: 50%; right: 0; height: 80%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } ul.products li.product:last-child::after, ul.products .section-onsale-product .onsale-product:last-child::after, .section-onsale-product ul.products .onsale-product:last-child::after, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:last-child::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content:last-child::after, ul.products .products-carousel .owl-item .product:last-child::after, .products-carousel .owl-item ul.products .product:last-child::after, ul.products li.product:hover::after, ul.products .section-onsale-product .onsale-product:hover::after, .section-onsale-product ul.products .onsale-product:hover::after, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content:hover::after, ul.products .products-carousel .owl-item .product:hover::after, .products-carousel .owl-item ul.products .product:hover::after, ul.products li.product.hover::after, ul.products .section-onsale-product .hover.onsale-product::after, .section-onsale-product ul.products .hover.onsale-product::after, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .hover.onsale-product-content::after, ul.products .products-carousel .owl-item .hover.product::after, .products-carousel .owl-item ul.products .hover.product::after { content: none; } ul.products > li.product, .section-onsale-product ul.products > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .products-carousel .owl-item ul.products > .product { float: left; } @media (min-width: 768px) { ul.products > li.product, .section-onsale-product ul.products > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .products-carousel .owl-item ul.products > .product { width: 33.3333333333%; } } ul.products > li.product.first, .section-onsale-product ul.products > .first.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .first.onsale-product-content, .products-carousel .owl-item ul.products > .first.product { clear: both; } ul.products > li.product.last:after, .section-onsale-product ul.products > .last.onsale-product:after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .last.onsale-product-content:after, .products-carousel .owl-item ul.products > .last.product:after { content: none; } .columns-6 ul.products > li.product .product-inner, .columns-6 .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .columns-6 ul.products > .onsale-product .product-inner, .columns-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6 ul.products > .onsale-product-content .product-inner, .columns-6 .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .columns-6 ul.products > .product .product-inner, .columns-5 ul.products > li.product .product-inner, .columns-5 .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .columns-5 ul.products > .onsale-product .product-inner, .columns-5 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-5 ul.products > .onsale-product-content .product-inner, .columns-5 .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .columns-5 ul.products > .product .product-inner, .page-template-template-homepage-v2 .columns-4 ul.products > li.product .product-inner, .page-template-template-homepage-v2 .columns-4 .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .page-template-template-homepage-v2 .columns-4 ul.products > .onsale-product .product-inner, .page-template-template-homepage-v2 .columns-4 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .page-template-template-homepage-v2 .columns-4 ul.products > .onsale-product-content .product-inner, .page-template-template-homepage-v2 .columns-4 .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .page-template-template-homepage-v2 .columns-4 ul.products > .product .product-inner { padding: 1.071em; } @media (min-width: 768px) { .columns-6 ul.products > li.product, .columns-6 .section-onsale-product ul.products > .onsale-product, .section-onsale-product .columns-6 ul.products > .onsale-product, .columns-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6 ul.products > .onsale-product-content, .columns-6 .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .columns-6 ul.products > .product, .columns-5 ul.products > li.product, .columns-5 .section-onsale-product ul.products > .onsale-product, .section-onsale-product .columns-5 ul.products > .onsale-product, .columns-5 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-5 ul.products > .onsale-product-content, .columns-5 .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .columns-5 ul.products > .product, .page-template-template-homepage-v2 .columns-4 ul.products > li.product, .page-template-template-homepage-v2 .columns-4 .section-onsale-product ul.products > .onsale-product, .section-onsale-product .page-template-template-homepage-v2 .columns-4 ul.products > .onsale-product, .page-template-template-homepage-v2 .columns-4 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .page-template-template-homepage-v2 .columns-4 ul.products > .onsale-product-content, .page-template-template-homepage-v2 .columns-4 .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .page-template-template-homepage-v2 .columns-4 ul.products > .product { width: 25%; } } .columns-6 .product .hover-area .action-buttons::after, .columns-5 .product .hover-area .action-buttons::after, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons::after { content: ""; display: table; clear: both; } .columns-6 .product .hover-area .action-buttons > div:first-child, .columns-6 .product .hover-area .action-buttons > a:first-child, .columns-5 .product .hover-area .action-buttons > div:first-child, .columns-5 .product .hover-area .action-buttons > a:first-child, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons > div:first-child, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons > a:first-child { float: left; margin: 0; font-size: 12px; } .columns-6 .product .hover-area .action-buttons > div:last-child, .columns-6 .product .hover-area .action-buttons > a:last-child, .columns-5 .product .hover-area .action-buttons > div:last-child, .columns-5 .product .hover-area .action-buttons > a:last-child, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons > div:last-child, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons > a:last-child { float: right; margin: 0; font-size: 12px; } .columns-6 .product .hover-area .action-buttons .add-to-compare-link::before, .columns-5 .product .hover-area .action-buttons .add-to-compare-link::before, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons .add-to-compare-link::before { margin-right: 5px; } .columns-6 .product .hover-area .action-buttons .add_to_wishlist::before, .columns-5 .product .hover-area .action-buttons .add_to_wishlist::before, .page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons .add_to_wishlist::before { margin-right: 0; } /*===================================================================================*/ /* PRODUCTS /*===================================================================================*/ ul.products.columns-2 > li { width: 100%; } @media (min-width: 992px) { ul.products.columns-2 > li { width: 50%; } } @media (min-width: 768px) { ul.products.columns-2 > li { width: 50%; } } @media (min-width: 544px) { ul.products.columns-2 > li { width: 50%; } } ul.products.columns-3 > li, ul.products > li { width: 100%; } @media (min-width: 992px) { ul.products.columns-3 > li, ul.products > li { width: 33.3333333333%; } } @media (min-width: 768px) { ul.products.columns-3 > li, ul.products > li { width: 33.3333333333%; } } @media (min-width: 544px) { ul.products.columns-3 > li, ul.products > li { width: 33.3333333333%; } } ul.products.columns-4 > li { width: 100%; } @media (min-width: 992px) { ul.products.columns-4 > li { width: 25%; } } @media (min-width: 768px) { ul.products.columns-4 > li { width: 25%; } } @media (min-width: 544px) { ul.products.columns-4 > li { width: 25%; } } ul.products.columns-5 > li .product-inner { padding: 1.071em; } @media (min-width: 768px) { ul.products.columns-5 > li { width: 25%; width: 20%; } } ul.products.columns-6 > li { width: 100%; } @media (min-width: 992px) { ul.products.columns-6 > li { width: 16.6666666667%; } } @media (min-width: 768px) { ul.products.columns-6 > li { width: 16.6666666667%; } } @media (min-width: 544px) { ul.products.columns-6 > li { width: 16.6666666667%; } } /*===================================================================================*/ /* Products Carousel /*===================================================================================*/ section.section-products-carousel header, section.section-posts-carousel header { margin-bottom: 0.857em; } section.section-products-carousel header .owl-nav, section.section-posts-carousel header .owl-nav { float: right; line-height: 3.607em; } section.section-products-carousel header a, section.section-posts-carousel header a { color: #aeaeae; font-size: 1.429em; } section.section-products-carousel header a:focus, section.section-products-carousel header a:hover, section.section-posts-carousel header a:focus, section.section-posts-carousel header a:hover { color: #333e48; text-decoration: none; } section.section-products-carousel header a + a, section.section-posts-carousel header a + a { margin-left: 0.400em; } .products-carousel .owl-stage-outer { width: 100.3%; padding: 0 0 25px 0; margin-bottom: 0; } .products-carousel .owl-item .product { position: relative; min-height: 1px; margin: 0.857em 0; padding: 0; } .products-carousel .owl-item .product::after { content: ''; border-right: 1px solid #eaeaea; display: block; position: absolute; top: 50%; right: 0; height: 80%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .products-carousel .owl-item .product:hover::after, .products-carousel .owl-item .product.hover::after { content: none; } .products-carousel .owl-stage .owl-item:not(.active) + .owl-item.active .product, .products-carousel .owl-stage .owl-item.active:first-child .product { margin-left: 3px; } .products-carousel .owl-stage .owl-item:not(.active) + .owl-item.active .product .product-inner, .products-carousel .owl-stage .owl-item.active:first-child .product .product-inner { padding-left: calc( 1.714em - 10px); } .products-carousel .owl-stage .owl-item.last-active .product::after { content: none; } .columns-6 .owl-item .product .product-inner, .columns-5 .owl-item .product .product-inner, .page-template-template-homepage-v2 .columns-4 .owl-item .product .product-inner { padding: 1.071em; } /*===================================================================================*/ /* Products Carousel With Image /*===================================================================================*/ .products-carousel-with-image { background-color: #f9f9f9; padding: 58px 0 0; width: 100vw; position: relative; margin-left: -50vw; left: 50%; margin-bottom: 85px; } .products-carousel-with-image .products-carousel .owl-item .product::after { content: none; } .products-carousel-with-image .products-carousel .owl-item .product-inner { background-color: #fff; } .products-carousel-with-image .products-carousel .owl-dots { display: none; } .products-carousel-with-image section.section-products-carousel header { margin-bottom: 1.357em; } .products-carousel-with-image section { margin-bottom: 2.857em; } /*===================================================================================*/ /* Product Card /*===================================================================================*/ .products .product-card { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } .products .product-card .wp-post-image { position: static; } @media (min-width: 768px) { .columns-2 .products .product-card { width: 50%; } } @media (min-width: 768px) { .columns-3 .products .product-card { width: 33.3333333333%; } } .columns-3 .products .product-card .hover-area .action-buttons::after { content: ""; display: table; clear: both; } .columns-3 .products .product-card .hover-area .action-buttons > div:first-child, .columns-3 .products .product-card .hover-area .action-buttons > a:first-child { float: left; margin: 0; font-size: 12px; } .columns-3 .products .product-card .hover-area .action-buttons > div:last-child, .columns-3 .products .product-card .hover-area .action-buttons > a:last-child { float: right; margin: 0; font-size: 12px; } .columns-3 .products .product-card .hover-area .action-buttons .add-to-compare-link::before { margin-right: 5px; } .columns-3 .products .product-card .hover-area .action-buttons .add_to_wishlist::before { margin-right: 0; } .products .product.product-card { margin-bottom: 0; } .products .product.product-card .product-inner { padding: 1.786em 1.429em; } .products .product.product-card .media-left { padding-right: 0; width: 42.35%; } .products .product.product-card h3 { margin-bottom: 1.6em; } .products .product.product-card .media-body { padding-left: 1.929em; overflow: visible; vertical-align: middle; } .products .product.product-card .media-body .hover-area { display: block; visibility: hidden; opacity: 0; padding-top: 0.214em; border-top: 1px solid #eaeaea; } .products .product.product-card .media-body .hover-area .action-buttons > div { margin-right: 15px; } .products .product.product-card .media-body .hover-area .action-buttons > a { margin-left: 15px; } .products .product.product-card:hover .media-body .hover-area { visibility: visible; opacity: 1; } .products .product.product-card .media-object { max-width: none; } /*===================================================================================*/ /* Product cards Carousel /*===================================================================================*/ section.section-product-cards-carousel header { margin-bottom: 0; } section.section-product-cards-carousel header ul.nav { float: right; line-height: 3.571em; } section.section-product-cards-carousel header ul.nav .nav-link { font-size: 1.071em; line-height: 1.2em; color: #000273; } section.section-product-cards-carousel header ul.nav .nav-link + .nav-link { margin-left: 1.429em; } section.section-product-cards-carousel header ul.nav .nav-link:focus, section.section-product-cards-carousel header ul.nav .nav-link:hover { color: #ffdb13; } section.section-product-cards-carousel header ul.nav .active .nav-link { color: #000273; border-radius: 1em; padding: 0.301em 1.429em; border: 2px solid transparent; } section.section-product-cards-carousel header .owl-nav { float: right; line-height: 3.407em; } section.section-product-cards-carousel header .owl-nav a { color: #aeaeae; font-size: 1.429em; } section.section-product-cards-carousel header .owl-nav a:focus, section.section-product-cards-carousel header .owl-nav a:hover { color: #333e48; text-decoration: none; } section.section-product-cards-carousel header .owl-nav a + a { margin-left: 0.400em; } section.section-product-cards-carousel .owl-carousel .owl-stage-outer { padding-bottom: 2.857em; } .product-cards-carousel .owl-item ul.products { padding: 0 4px; } #homev3-products-cards-carousel .home-v3 .products .product.product-card .media { overflow: visible; } /*===================================================================================*/ /* Products 2-1-2 /*===================================================================================*/ .products-2-1-2 { background-color: #f9f9f9; padding: 58px 0; width: 100vw; position: relative; margin-left: -50vw; left: 50%; margin-bottom: 85px; } .products-2-1-2 .nav-inline { font-size: 1.214em; line-height: 1.059em; border-bottom: 1px solid #ddd; margin-bottom: 2.143em; text-align: justify; white-space: nowrap; } .products-2-1-2 .nav-inline .nav-item:first-child { margin-left: 1em; } .products-2-1-2 .nav-inline .nav-item + .nav-item { margin-left: 2.353em; } .products-2-1-2 .nav-link { color: #010374; display: block; text-align: center; padding-bottom: 1.176em; position: relative; } .products-2-1-2 .nav-link:focus, .products-2-1-2 .nav-link:hover { color: #ffdb13; } .products-2-1-2 .nav-link.active { font-weight: bold; position: relative; } .products-2-1-2 .nav-link.active::before { content: ' '; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .products-2-1-2 .nav-link.active::after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } .products-2-1-2 .nav-link:hover::after { content: ' '; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; width: 100%; } .products-2-1-2 .nav-link:hover::before { content: ' '; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .products-2-1-2 .columns-2-1-2 { margin-left: -0.9375rem; margin-right: -0.9375rem; } .products-2-1-2 .columns-2-1-2::after { content: ""; display: table; clear: both; } .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 992px) { .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) { padding-left: 7px; padding-right: 7px; width: 52.63%; } } .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > li.product .product-thumbnail, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .product-thumbnail, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .product-thumbnail, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .product-thumbnail, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .product-thumbnail, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:nth-child(2) > .product .product-thumbnail, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .product .product-thumbnail { margin-bottom: 2.143em; } .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > li.product .wp-post-image, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .wp-post-image, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .wp-post-image, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .wp-post-image, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .wp-post-image, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:nth-child(2) > .product .wp-post-image, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .product .wp-post-image { max-height: 100%; } .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > li.product .price, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .price, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .price, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .price, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:nth-child(2) > .product .price, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .product .price { font-size: 1.786em; } .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > li.product .price-add-to-cart, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .price-add-to-cart, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product .price-add-to-cart, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .price-add-to-cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .onsale-product-content .price-add-to-cart, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:nth-child(2) > .product .price-add-to-cart, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:nth-child(2) > .product .price-add-to-cart { margin-bottom: 2.4em; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child, .products-2-1-2 .columns-2-1-2 > ul.products:last-child { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 992px) { .products-2-1-2 .columns-2-1-2 > ul.products:first-child, .products-2-1-2 .columns-2-1-2 > ul.products:last-child { width: 23.685%; } } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product { margin-bottom: 7px; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product .product-inner, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product .product-inner, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product .product-inner, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content .product-inner, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product .product-inner, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product .product-inner, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product .product-inner, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product .product-inner, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product .product-inner, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content .product-inner, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product .product-inner, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product .product-inner { padding-bottom: 0.1px; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child { padding-right: 0; } .products-2-1-2 .columns-2-1-2 > ul.products:last-child { padding-left: 0; } .products-2-1-2 ul.products > li.product, .products-2-1-2 .section-onsale-product ul.products > .onsale-product, .section-onsale-product .products-2-1-2 ul.products > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 ul.products > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .products-2-1-2 ul.products > .product { margin-top: 0; width: 100%; } .products-2-1-2 ul.products > li.product .product-inner, .products-2-1-2 .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .products-2-1-2 ul.products > .onsale-product .product-inner, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 ul.products > .onsale-product-content .product-inner, .products-2-1-2 .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .products-2-1-2 ul.products > .product .product-inner { background-color: #fff; padding-bottom: 0.1px; } .products-2-1-2 ul.products > li.product .hover-area, .products-2-1-2 .section-onsale-product ul.products > .onsale-product .hover-area, .section-onsale-product .products-2-1-2 ul.products > .onsale-product .hover-area, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 ul.products > .onsale-product-content .hover-area, .products-2-1-2 .products-carousel .owl-item ul.products > .product .hover-area, .products-carousel .owl-item .products-2-1-2 ul.products > .product .hover-area { padding-bottom: 1.429em; } .products-2-1-2 ul.products > li.product::after, .products-2-1-2 .section-onsale-product ul.products > .onsale-product::after, .section-onsale-product .products-2-1-2 ul.products > .onsale-product::after, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 ul.products > .onsale-product-content::after, .products-2-1-2 .products-carousel .owl-item ul.products > .product::after, .products-carousel .owl-item .products-2-1-2 ul.products > .product::after { content: none; } .products-2-1-2 .product-main-2-1-2 .hover-area .action-buttons > div { margin-right: 15px; } .products-2-1-2 .product-main-2-1-2 .hover-area .action-buttons > a { margin-left: 15px; } /*===================================================================================*/ /* Products 6-1 /*===================================================================================*/ .products-6-1 { background-color: #f9f9f9; padding: 58px 0; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .products-6-1 ul.nav { float: right; line-height: 3.571em; } .products-6-1 ul.nav .nav-link { font-size: 1.071em; line-height: 1.2em; color: #010374; } .products-6-1 ul.nav .nav-link + .nav-link { margin-left: 1.429em; } .products-6-1 ul.nav .nav-link:focus, .products-6-1 ul.nav .nav-link:hover { color: #ffdb13; } .products-6-1 ul.nav .active .nav-link { color: #010374; border-radius: 1em; padding: 0.301em 1.429em; border: 2px solid transparent; } .columns-6-1 { margin-left: -0.9375rem; margin-right: -0.9375rem; } .columns-6-1::after { content: ""; display: table; clear: both; } .columns-6-1 > ul.products { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } .columns-6-1 > ul.products > li.product, .section-onsale-product .columns-6-1 > ul.products > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content, .products-carousel .owl-item .columns-6-1 > ul.products > .product { margin-top: 0; margin-bottom: 5px; } .columns-6-1 > ul.products > li.product .product-inner, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products > .product .product-inner { background-color: #fff; padding-bottom: 0.1px; } .columns-6-1 > ul.products > li.product .hover-area, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products > .product .hover-area { padding-bottom: 1.429em; } .columns-6-1 > ul.products > li.product::after, .section-onsale-product .columns-6-1 > ul.products > .onsale-product::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content::after, .products-carousel .owl-item .columns-6-1 > ul.products > .product::after { content: none; } .columns-6-1 > ul.products > li.product .price, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products > .product .price { font-size: 1.786em; } .columns-6-1 > ul.products > li.product .price-add-to-cart, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price-add-to-cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price-add-to-cart, .products-carousel .owl-item .columns-6-1 > ul.products > .product .price-add-to-cart { margin-bottom: 1.214em; } .columns-6-1 > ul.products > li.product .thumbnails, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails, .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails { clear: both; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-bottom: 1.56em; margin-left: 0; } .columns-6-1 > ul.products > li.product .thumbnails::after, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails::after, .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails::after { content: ""; display: table; clear: both; } .columns-6-1 > ul.products > li.product .thumbnails > a, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails > a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails > a, .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails > a { display: block; position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; padding: 0.2em; margin-right: 10px; border-width: 1px; border-style: solid; border-color: #e9e9e9; border-bottom-width: 2px; } @media (min-width: 768px) { .columns-6-1 > ul.products > li.product .thumbnails > a, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails > a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails > a, .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails > a { width: 17.17%; } } .columns-6-1 > ul.products > li.product .thumbnails > a img, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails > a img, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails > a img, .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails > a img { display: block; max-width: 100%; height: auto; } .columns-6-1 > ul.products > li.product .thumbnails > a:nth-child(n+5), .section-onsale-product .columns-6-1 > ul.products > .onsale-product .thumbnails > a:nth-child(n+5), .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .thumbnails > a:nth-child(n+5), .products-carousel .owl-item .columns-6-1 > ul.products > .product .thumbnails > a:nth-child(n+5) { display: none; } .columns-6-1 > ul.products.products-6 { width: 100%; } @media (min-width: 992px) { .columns-6-1 > ul.products.products-6 { width: 58.3333333333%; padding-right: 0; } } .columns-6-1 > ul.products.products-6 > li.product, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product { padding-right: 5px; } .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner { padding-right: 2.071em; } .columns-6-1 > ul.products.products-6 > li.product .price, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product .price { font-size: 1.143em; } .columns-6-1 > ul.products.product-main-6-1 { width: 100%; } @media (min-width: 992px) { .columns-6-1 > ul.products.product-main-6-1 { width: 41.6666666667%; padding-left: 0; } } .columns-6-1 > ul.products.product-main-6-1 > li.product, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product { width: 100%; } .columns-6-1 > ul.products.product-main-6-1 > li.product .price-add-to-cart, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product .price-add-to-cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content .price-add-to-cart, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product .price-add-to-cart { margin-bottom: 1.643em; } .columns-6-1 > ul.products.product-main-6-1 > li.product .product-thumbnail, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product .product-thumbnail, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content .product-thumbnail, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product .product-thumbnail { padding-bottom: 0.1px; height: inherit; margin-bottom: 1.571em; } .columns-6-1 > ul.products.product-main-6-1 > li.product .product-thumbnail img, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product .product-thumbnail img, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content .product-thumbnail img, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product .product-thumbnail img { height: 367px; width: auto; display: block; margin: auto; } .columns-6-1 > ul.products.product-main-6-1 > li.product .wp-post-image, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product .wp-post-image, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content .wp-post-image, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product .wp-post-image { position: relative; } /*===================================================================================*/ /* Home List Categories /*===================================================================================*/ .home-list-categories ul.categories { list-style: none; padding-left: 0; margin-bottom: 0; margin-left: -0.9375rem; margin-right: -0.9375rem; } .home-list-categories ul.categories::after { content: ""; display: table; clear: both; } .home-list-categories ul.categories > li.category { margin-bottom: 2.857em; position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media (min-width: 768px) { .home-list-categories ul.categories > li.category { width: 50%; } } @media (min-width: 992px) { .home-list-categories ul.categories > li.category { width: 33.3333333333%; } .home-list-categories ul.categories > li.category:nth-child(3n)::after { content: none; } .home-list-categories ul.categories > li.category:nth-child(4n) { clear: both; } } .home-list-categories ul.categories > li.category::after { content: ''; border-right: 1px solid #eaeaea; display: block; position: absolute; right: 0; height: calc( 100% - 24px); top: 0; } .home-list-categories ul.categories > li.category .media { margin-bottom: 0.5em; } .home-list-categories ul.categories > li.category .media-left img { width: 150px; height: auto; max-width: none; } .home-list-categories ul.categories > li.category .media-heading { font-size: 1.286em; line-height: 1.333em; margin-bottom: 1em; } .home-list-categories ul.categories > li.category .media-heading a { color: #2e6cc1; } .home-list-categories ul.categories > li.category .media-heading a:focus, .home-list-categories ul.categories > li.category .media-heading a:hover { color: #333e48; text-decoration: none; } .home-list-categories ul.categories > li.category .sub-categories li { font-size: 0.929em; line-height: 1.615em; } .home-list-categories ul.categories > li.category .sub-categories li a { color: #9d9c9c; } .home-list-categories ul.categories > li.category .sub-categories li a:focus, .home-list-categories ul.categories > li.category .sub-categories li a:hover { color: #9d9c9c; text-decoration: none; } .home-list-categories ul.categories > li.category .sub-categories li a:hover { color: #ffdb13; } .home-list-categories ul.categories > li.category .see-all { text-align: right; font-weight: bold; color: #2e6cc1; font-size: 1em; line-height: 1.714em; display: block; } .home-list-categories ul.categories > li.category .see-all:focus, .home-list-categories ul.categories > li.category .see-all:hover { color: #9d9c9c; text-decoration: none; } .home-list-categories ul.categories > li.category .see-all:hover { color: #ffdb13; } /*===================================================================================*/ /* Sidebar /*===================================================================================*/ .sidebar .widget, .sidebar-blog .widget { margin-bottom: 5.143em; } .sidebar .widget-title, .sidebar-blog .widget-title { font-size: 1.357em; line-height: 0.947em; margin-bottom: 1.842em; padding-bottom: 1.053em; position: relative; border-bottom: 1px solid #dadada; } .sidebar .widget-title:after, .sidebar-blog .widget-title:after { content: ' '; width: 3.684em; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; } .sidebar .widget-title + ul, .sidebar ul.menu, .sidebar-blog .widget-title + ul, .sidebar-blog ul.menu { list-style: none; padding-left: 0; margin-bottom: 0; } .sidebar .widget-title + ul li > a:only-child, .sidebar .widget-title + ul .menu-item > a, .sidebar .widget-title + ul .page_item > a, .sidebar .widget-title + ul .cat-item > a, .sidebar ul.menu li > a:only-child, .sidebar ul.menu .menu-item > a, .sidebar ul.menu .page_item > a, .sidebar ul.menu .cat-item > a, .sidebar-blog .widget-title + ul li > a:only-child, .sidebar-blog .widget-title + ul .menu-item > a, .sidebar-blog .widget-title + ul .page_item > a, .sidebar-blog .widget-title + ul .cat-item > a, .sidebar-blog ul.menu li > a:only-child, .sidebar-blog ul.menu .menu-item > a, .sidebar-blog ul.menu .page_item > a, .sidebar-blog ul.menu .cat-item > a { color: #333e48; padding: 0.5em 0; display: inline-block; } .sidebar .widget-title + ul li > a:only-child:focus, .sidebar .widget-title + ul li > a:only-child:hover, .sidebar .widget-title + ul .menu-item > a:focus, .sidebar .widget-title + ul .menu-item > a:hover, .sidebar .widget-title + ul .page_item > a:focus, .sidebar .widget-title + ul .page_item > a:hover, .sidebar .widget-title + ul .cat-item > a:focus, .sidebar .widget-title + ul .cat-item > a:hover, .sidebar ul.menu li > a:only-child:focus, .sidebar ul.menu li > a:only-child:hover, .sidebar ul.menu .menu-item > a:focus, .sidebar ul.menu .menu-item > a:hover, .sidebar ul.menu .page_item > a:focus, .sidebar ul.menu .page_item > a:hover, .sidebar ul.menu .cat-item > a:focus, .sidebar ul.menu .cat-item > a:hover, .sidebar-blog .widget-title + ul li > a:only-child:focus, .sidebar-blog .widget-title + ul li > a:only-child:hover, .sidebar-blog .widget-title + ul .menu-item > a:focus, .sidebar-blog .widget-title + ul .menu-item > a:hover, .sidebar-blog .widget-title + ul .page_item > a:focus, .sidebar-blog .widget-title + ul .page_item > a:hover, .sidebar-blog .widget-title + ul .cat-item > a:focus, .sidebar-blog .widget-title + ul .cat-item > a:hover, .sidebar-blog ul.menu li > a:only-child:focus, .sidebar-blog ul.menu li > a:only-child:hover, .sidebar-blog ul.menu .menu-item > a:focus, .sidebar-blog ul.menu .menu-item > a:hover, .sidebar-blog ul.menu .page_item > a:focus, .sidebar-blog ul.menu .page_item > a:hover, .sidebar-blog ul.menu .cat-item > a:focus, .sidebar-blog ul.menu .cat-item > a:hover { color: #333e48; text-decoration: none; } .sidebar .product_list_widget li > a, .sidebar .product_list_widget li > a .product-title { display: block; color: #333e48; font-weight: normal; } .sidebar .product_list_widget .electro-price { display: block; position: relative; } .sidebar .product_list_widget .electro-price::after { content: ""; display: table; clear: both; } .sidebar .product_list_widget .electro-price .amount { font-weight: bold; font-size: 1.071em; } .sidebar .product_list_widget .electro-price del { float: left; display: block; width: 100%; position: absolute; top: -18px; line-height: 18px; } .sidebar .product_list_widget .electro-price del .amount { font-size: 0.733em; } .sidebar .product_list_widget .electro-price ins { float: left; } .sidebar .product_list_widget .electro-price ins .amount { color: #ee0000; } .sidebar .product_list_widget .star-rating + .electro-price del { top: 0; } .sidebar .product_list_widget .star-rating + .electro-price ins { margin-top: 18px; } .widget_electro_products_filter .widget { margin-bottom: 0; } .widget_electro_products_filter .widget .widget-title { font-weight: bold; font-size: 1em; color: #575560; margin-bottom: 1.572em; border: none; padding: 0; } .widget_electro_products_filter .widget .widget-title::after { content: none; } .widget_electro_products_filter .widget + .widget { padding-top: 30px; margin-top: 20px; border-top: 1px solid #ddd; } .widget_electro_products_filter ul { list-style: none; } .widget_electro_products_filter .widget_layered_nav li > a::before, .widget_electro_products_filter .widget_product_categories li > a::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f096"; margin-right: 0.571em; font-size: 1.143em; line-height: 22px; vertical-align: middle; color: #dfdfdf; } .widget_electro_products_filter .widget_layered_nav li > a:focus::before, .widget_electro_products_filter .widget_layered_nav li > a:hover::before, .widget_electro_products_filter .widget_product_categories li > a:focus::before, .widget_electro_products_filter .widget_product_categories li > a:hover::before { content: "\f0c8"; font-size: 1.048em; margin-right: 0.621em; } .widget_electro_products_filter .widget_layered_nav li.chosen > a::before, .widget_electro_products_filter .widget_layered_nav li.current-cat > a::before, .widget_electro_products_filter .widget_product_categories li.chosen > a::before, .widget_electro_products_filter .widget_product_categories li.current-cat > a::before { content: "\f0c8"; font-size: 1.048em; margin-right: 0.621em; } .maxlist-more { margin-top: 1.14em; } .maxlist-more a { color: #575560; font-size: 0.929em; } .maxlist-more a:focus, .maxlist-more a:hover { text-decoration: none; color: #575560; } .sidebar-blog .widget_categories .widget-title + ul li, .sidebar-blog .widget_categories .widget-title + ul .meu-item, .sidebar-blog .widget_categories ul.menu li, .sidebar-blog .widget_categories ul.menu .meu-item { border-bottom: 1px solid #ececec; } .sidebar-blog .widget_categories .widget-title + ul li.current-cat a, .sidebar-blog .widget_categories .widget-title + ul .meu-item.current-cat a, .sidebar-blog .widget_categories ul.menu li.current-cat a, .sidebar-blog .widget_categories ul.menu .meu-item.current-cat a { font-weight: bold; } .sidebar-blog .widget_categories .widget-title + ul li a, .sidebar-blog .widget_categories .widget-title + ul .meu-item a, .sidebar-blog .widget_categories ul.menu li a, .sidebar-blog .widget_categories ul.menu .meu-item a { position: relative; color: #575560; position: relative; margin-left: 2.7em; } .sidebar-blog .widget_categories .widget-title + ul li a:before, .sidebar-blog .widget_categories .widget-title + ul .meu-item a:before, .sidebar-blog .widget_categories ul.menu li a:before, .sidebar-blog .widget_categories ul.menu .meu-item a:before { color: #575560; content: ""; font-family: FontAwesome; font-size: 1.1em; line-height: 1.5em; margin-left: -1.4em; position: absolute; } .sidebar-blog .widget_categories .widget-title + ul li a:hover, .sidebar-blog .widget_categories .widget-title + ul li a:focus, .sidebar-blog .widget_categories .widget-title + ul .meu-item a:hover, .sidebar-blog .widget_categories .widget-title + ul .meu-item a:focus, .sidebar-blog .widget_categories ul.menu li a:hover, .sidebar-blog .widget_categories ul.menu li a:focus, .sidebar-blog .widget_categories ul.menu .meu-item a:hover, .sidebar-blog .widget_categories ul.menu .meu-item a:focus { font-weight: 700; } .sidebar-blog .widget_categories .widget-title + ul li ul.children, .sidebar-blog .widget_categories .widget-title + ul .meu-item ul.children, .sidebar-blog .widget_categories ul.menu li ul.children, .sidebar-blog .widget_categories ul.menu .meu-item ul.children { list-style: none; margin-top: 0.500em; } .sidebar-blog .widget_categories .widget-title + ul li:last-child, .sidebar-blog .widget_categories .widget-title + ul .meu-item:last-child, .sidebar-blog .widget_categories ul.menu li:last-child, .sidebar-blog .widget_categories ul.menu .meu-item:last-child { border-bottom: none; } .electro_posts_carousel_widget .post-item .post-thumbnail { display: block; padding-bottom: 0.857em; } .electro_posts_carousel_widget .post-item .post-content { color: #878787; } .electro_posts_carousel_widget .post-item .post-content .post-name { font-size: 1.071em; font-weight: bold; color: #333e48; display: block; padding-bottom: 0.571em; } .electro_posts_carousel_widget .post-item .post-content .post-category a, .electro_posts_carousel_widget .post-item .post-content .post-date { color: #878787; font-size: 0.857em; } .electro_posts_carousel_widget .electro-img-placeholder { position: relative; } .electro_posts_carousel_widget .electro-img-placeholder .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } section.section-posts-carousel header { margin-bottom: 1.429em; } section.section-posts-carousel header .owl-nav { line-height: 2em; } section.section-posts-carousel .widget-title { display: inline-block; margin-bottom: 0; border-bottom: none; } section.section-posts-carousel .comments-link a, section.section-posts-carousel .likes a { position: relative; color: #878787; font-size: 0.857em; line-height: 1.500em; } section.section-posts-carousel .comments-link a::before, section.section-posts-carousel .likes a::before { color: #999999; font-family: "font-electro"; margin-right: 3px; vertical-align: middle; font-size: 16px; } section.section-posts-carousel .comments-link a:hover, section.section-posts-carousel .comments-link a:focus, section.section-posts-carousel .likes a:hover, section.section-posts-carousel .likes a:focus { color: #000; text-decoration: none; } section.section-posts-carousel .comments-link a:hover:before, section.section-posts-carousel .comments-link a:focus:before, section.section-posts-carousel .likes a:hover:before, section.section-posts-carousel .likes a:focus:before { color: #000; } section.section-posts-carousel .comments-link a:before { content: "\63"; } section.section-posts-carousel .likes a:before { content: "\6a"; } section.section-posts-carousel .post-carousel .owl-nav, section.section-posts-carousel .post-carousel .owl-dots { display: none; } .widget_electro_features_block_widget .features-list { padding: 30px; background-color: #fff; } .widget_electro_features_block_widget .features-list .feature + .feature { border-left: none; } .widget_electro_features_block_widget .features-list .feature { border-bottom: 1px solid #ddd; padding-top: 1.786em; padding-bottom: 1.786em; } .widget_electro_features_block_widget .features-list .feature:first-child { padding-top: 0; } .widget_electro_features_block_widget .features-list .feature:last-child { border-bottom: none; padding-bottom: 0; } .widget_electro_features_block_widget .features-list .media { margin: 0; width: inherit; } .widget_electro_features_block_widget .features-list .media i { font-size: 42px; } .widget_electro_features_block_widget .features-list .media i.ec-customers { font-size: 48px; } .widget_electro_features_block_widget .features-list .media .media-left { padding-left: 0; } /*===================================================================================*/ /* Brands Carousel /*===================================================================================*/ .brands-carousel { margin-bottom: 6.071em; } .brands-carousel .item { text-align: center; height: 50px; position: relative; } .brands-carousel .item figure { display: block; margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .brands-carousel .item figure .text-overlay { background-color: rgba(26, 187, 156, 0) !important; display: none; } .brands-carousel .item figure .text-overlay a { opacity: 0; } .brands-carousel .item figure:hover img { opacity: 1; } .brands-carousel .item figure img { opacity: 0.5; max-height: 50px; width: auto; margin: 0 auto; } .owl-brands { border-top: 1px solid #2e6cc1; border-bottom: 1px solid #2e6cc1; padding: 1.286em 0; } .owl-brands .owl-nav { -webkit-tap-highlight-color: transparent; position: relative; } .owl-brands .owl-nav [class*='owl-'] { color: #D6D6D6; font-size: 14px; display: inline-block; cursor: pointer; position: absolute; top: -30px; line-height: 14px; } .owl-brands .owl-nav [class*='owl-']:hover { color: #869791; text-decoration: none; } .owl-brands .owl-nav .owl-prev { left: 0; } .owl-brands .owl-nav .owl-next { right: 0; } .owl-brands .owl-nav .disabled { opacity: 0.5; cursor: default; } #content + .brands-carousel { margin-top: -5.143em; } /*===================================================================================*/ /* Widgets /*===================================================================================*/ .widget img { display: block; max-width: 100%; height: auto; } .widget select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; max-width: 100%; } .widget select:focus { border-color: #51a7e8; outline: none; } .widget select::-ms-expand { opacity: 0; } #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 0.857em; margin-bottom: 1.250em; caption-side: top; } #wp-calendar thead { font-size: 0.714em; } #wp-calendar thead th { padding-bottom: 1em; text-align: center; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody td a { font-weight: bold; color: #333e48; } #wp-calendar tbody td a:focus, #wp-calendar tbody td a:hover { text-decoration: none; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 0.714em; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 0.714em; text-transform: uppercase; padding-top: 1em; } .widget_recent_comments .recentcomments + .recentcomments { margin-top: 0.5em; padding-top: 0.5em; } .widget_recent_comments a { font-weight: bold; } .widget_rss .widget-title .rss-widget-icon { display: none; } .widget_rss .widget-title .rsswidget { display: block; color: #333e48; } .widget_rss .widget-title .rsswidget:focus, .widget_rss .widget-title .rsswidget:hover { color: #333e48; text-decoration: none; } .widget_rss li .rsswidget { font-size: 110%; font-weight: bold; display: block; } .widget_rss li .rss-date { font-size: 80%; } .widget_rss li .rssSummary { margin: 0.429em 0; } .widget_rss li + li { margin-top: 1em; } .widget_rss li + li:before { border-top: 1px solid #ddd; content: ''; display: block; padding-top: 1em; } .widget_search form.search-form label { display: block; } .widget_search form.search-form .search-field { border: 1px solid #dddddd; border-radius: 50px; line-height: 1.286em; padding: 0.929em 1.929em; width: 100%; color: #818181; } .widget_search .search-submit { display: none; } .widget_tag_cloud .tagcloud a { background: transparent; border-color: #e4e5e7; border-style: solid; border-width: 1px; color: #565656; display: inline-block; font-size: 1.000em !important; line-height: 1; margin: 0 0.457em 0.731em 0; padding: 0.823em 0.788em; } .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus { text-decoration: none; color: #fff; } /*===================================================================================*/ /* Wc Widgets /*===================================================================================*/ .product_list_widget { list-style: none; padding-left: 0; margin-bottom: 0; } .product_list_widget > li { margin-bottom: 2.143em; } .product_list_widget > li::after { content: ""; display: table; clear: both; } .product_list_widget > li > a:hover, .product_list_widget > li > a:focus { color: black; text-decoration: none; } .product_list_widget > li:last-child { margin-bottom: 0; } .product_list_widget .product-title { color: #2e6cc1; font-weight: bold; font-size: 1em; display: block; line-height: 1.2em; } .product_list_widget a { color: #2e6cc1; font-weight: bold; } .product_list_widget .wp-post-image { width: 75px; height: 75px; margin-right: 20px; float: left; } .product_list_widget .electro-price { margin-top: 1.667em; display: block; margin-left: 95px; } .product_list_widget .star-rating + .electro-price { margin-top: 0; } .product_list_widget .amount { display: inline-block; font-size: 1.071em; } .product_list_widget del .amount, .product_list_widget del { color: #8f8f8f; } .product_list_widget del .amount { text-decoration: line-through; font-size: 0.928em; } .product_list_widget ins { text-decoration: none; } .product_list_widget ins .amount { font-size: 1.071em; } .product_list_widget .star-rating { margin: 8px 0; } .product_list_widget .star-rating + .amount, .product_list_widget .star-rating + del > .amount, .product_list_widget .star-rating + del + ins > .amount { margin-top: 0; } .product_list_widget.cart_list { margin-bottom: 1rem; } .product_list_widget .mini_cart_item .remove { float: right; color: #ee0000; } .product_list_widget .mini_cart_item a:nth-child(2) { line-height: 1.286em; font-size: 1em; } .product_list_widget .mini_cart_item .quantity { display: block; } .product_list_widget .mini_cart_item .quantity .amount { margin-top: 0; } .widget_product_categories ul li > a, .widget_layered_nav ul li > a { color: #333e48; padding: 0.571em 0 0.643em 0; display: inline-block; } .widget_product_categories ul li > a:focus, .widget_product_categories ul li > a:hover, .widget_layered_nav ul li > a:focus, .widget_layered_nav ul li > a:hover { color: #333e48; text-decoration: none; } .widget_product_categories ul li .count, .widget_layered_nav ul li .count { font-size: 0.857em; color: #acacac; } .widget_product_categories ul { list-style: none; } .widget_product_categories .product-categories, .widget_product_categories .widget-title + ul { padding: 0 !important; border: 2px solid #ececec; border-radius: 6px; } .widget_product_categories ul li { border-top: 1px solid #ddd; } .widget_product_categories ul li:first-child { border: none; } .widget_product_categories ul li .child-indicator { padding-right: 0.429em; } .widget_product_categories ul li .child-indicator i { font-size: 0.857em; color: #aeaeae; width: 0.571em; } .widget_product_categories ul li .children { padding: 0; } .widget_product_categories ul li .children .child-indicator { padding-left: 2.214em; } .widget_product_categories ul li .children .no-child { padding-left: 3.143em; } .widget_product_categories ul li .child-indicator { padding-left: 1.214em; } .widget_product_categories ul li .no-child { padding-left: 2.143em; } .widget_product_categories .product_cat > span { padding: 1em 2em; border-bottom: 1px solid #ececec; display: block; cursor: pointer; } .widget_product_categories .product_cat > ul { padding: 0.929em; } .widget_product_categories .category-single { padding: 0 !important; } .widget_product_categories .category-single > li, .widget_product_categories .category-single .show-all-cat > li { border: none; } .widget_product_categories .category-single .show-all-cat { padding: 0; } .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown { padding: 1em 2em; border-bottom: 1px solid #ececec; display: block; cursor: pointer; } .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown .child-indicator { padding-left: 0.643em; } .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown .child-indicator i { font-size: 1.2em; color: #333e48; font-weight: bold; vertical-align: middle; } .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown + ul { padding: 0.929em; } .widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown + ul li:first-child { border: none; } .widget_product_categories .category-single > li > ul:last-child { padding: 0.929em; } .widget_product_categories .category-single > li > ul:last-child > li > a .child-indicator { display: none; } .widget_product_categories .category-single > li > ul:last-child > li > a .no-child { padding-left: 0; } .widget_product_categories .category-single > li > ul:last-child li.current-cat-parent > .children li > a .child-indicator { padding-left: 0; } .widget_product_categories .category-single > li > ul:last-child li.current-cat-parent > .children li > a .no-child { padding-left: 1.214em; } .widget_product_categories .category-single > li > ul:last-child li.current-cat > a { font-weight: bold; } .widget_product_categories .category-single > li > ul:last-child li.current-cat > .children li > a .child-indicator { padding-left: 0; } .widget_product_categories .category-single > li > ul:last-child li.current-cat > .children li > a .no-child { padding-left: 1.214em; } .widget_product_categories .category-single > li > ul:last-child li > a { padding-left: 1.071em; padding-bottom: 0.643em; } .widget_product_categories .category-single > li > ul:last-child li > .children > li .child-indicator { padding-left: 1.214em; } .widget_product_categories .category-single > li > ul:last-child li > .children > li .no-child { padding-left: 2.143em; } .widget_product_categories .category-single > li > ul:last-child li > .children > li:first-child > a { padding-top: 1em; } .widget_product_categories .category-single > li > ul:last-child li .children li { padding: 0; } .widget_product_categories .category-single > li > ul:last-child li .children li .children { transition: opacity .1s ease; padding-bottom: 0.571em; } .widget_product_categories .category-single > li > ul:last-child li .children li:first-child { border-top: 1px solid #ddd; } .widget_product_categories .category-single > li > ul:last-child li .children li .children li { border: none; } .widget_product_categories .category-single > li > ul:last-child li .children li .children li a { padding-left: 3.214em; line-height: 1.1em; padding-bottom: 0.893em; } .widget_product_categories .category-single > li > ul:last-child li .children li .children li .no-child, .widget_product_categories .category-single > li > ul:last-child li .children li .children li .child-indicator { padding-left: 0; } .widget_price_filter .price_slider { margin: 30px 0; } .widget_price_filter .price_slider_amount { text-align: left; position: relative; width: 100%; color: #686868; } .widget_price_filter .price_slider_amount .button { display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.375rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; line-height: 1; font-size: 1em; font-weight: bold; padding: 0.75em 1.646em; border-radius: 0.571em; margin-top: 35px; } .widget_price_filter .price_slider_amount .button:focus, .widget_price_filter .price_slider_amount .button.focus, .widget_price_filter .price_slider_amount .button:active:focus, .widget_price_filter .price_slider_amount .button:active.focus, .widget_price_filter .price_slider_amount .button.active:focus, .widget_price_filter .price_slider_amount .button.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .widget_price_filter .price_slider_amount .button:focus, .widget_price_filter .price_slider_amount .button:hover { text-decoration: none; } .widget_price_filter .price_slider_amount .button.focus { text-decoration: none; } .widget_price_filter .price_slider_amount .button:active, .widget_price_filter .price_slider_amount .button.active { background-image: none; outline: 0; } .widget_price_filter .price_slider_amount .button.disabled, .widget_price_filter .price_slider_amount .button:disabled { cursor: not-allowed; opacity: .65; } .widget_price_filter .price_slider_amount .price_label { position: absolute; top: -8px; width: inherit; font-size: 1em; line-height: 1em; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; box-sizing: border-box; cursor: ew-resize; margin-top: -8px; opacity: 1; outline: medium none; position: absolute; z-index: 2; height: 1.143em; width: 1.143em; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { border-width: 3px; border-style: solid; background-color: #fff; margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-color: #dcdcdc; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #cacaca; } .widget_price_filter .ui-slider-horizontal { height: 2px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: -2px; height: 6px; margin-left: 2px; } .widget_layered_nav_filters li.chosen a { display: block !important; } .widget_layered_nav_filters li.chosen a::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f057"; margin-right: 0.571em; } .widget_layered_nav_filters li.chosen a:focus::before, .widget_layered_nav_filters li.chosen a:hover::before { color: #ee0000; } .section-products-carousel .product-carousel-alt { text-align: center; } .section-products-carousel .product-carousel-alt h3 { font-size: 1.071em; margin-bottom: 1.667em; padding: 0 2.857em; } .section-products-carousel .product-carousel-alt > a { color: #333e48; } .section-products-carousel .product-carousel-alt .loop-product-categories { padding: 1.214em 0 0.500em 0; display: block; } .section-products-carousel .product-carousel-alt .loop-product-categories a { color: #878787; font-size: 0.857em; } .section-products-carousel .product-carousel-alt .price { font-size: 1.500em; } .section-products-carousel .product-carousel-alt .price del { font-size: 0.762em; padding-left: 0.325em; } .section-products-carousel .product-carousel-alt .price ins, .section-products-carousel .product-carousel-alt .price del { text-decoration: none; } .section-products-carousel .product-carousel-alt .price ins { color: #ee0000; } .section-products-carousel .product-carousel-alt .price del { text-decoration: line-through; } .widget_electro_products_carousel_widget .section-products-carousel header { margin-bottom: 1.429em; } .widget_electro_products_carousel_widget .section-products-carousel header h1 { font-size: 1.357em; line-height: 0.947em; padding-bottom: 1.053em; } .widget_electro_products_carousel_widget .section-products-carousel header .owl-nav { line-height: 2em; } .widget_electro_products_carousel_widget .section-products-carousel .products-carousel .owl-nav, .widget_electro_products_carousel_widget .section-products-carousel .products-carousel .owl-dots { display: none; } /*===================================================================================*/ /* Footer /*===================================================================================*/ .footer-widgets { margin-bottom: 6.429em; } .footer-widgets .widget-title { color: #2e6cc1; font-size: 1.429em; padding: 15px 0; border-bottom: 1px solid #dadada; margin-bottom: 40px; position: relative; } .footer-widgets .widget-title:after { content: ' '; width: 83px; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; } .footer-newsletter { padding: 1.286em 0; } .footer-newsletter .newsletter-title { display: inline-block; font-size: 1.571em; margin-right: 25px; line-height: 2.429em; margin-bottom: 0; } .footer-newsletter .newsletter-title::before { content: "\76"; font-family: "font-electro"; margin-right: 15px; font-size: 1.619em; vertical-align: middle; } .footer-newsletter .newsletter-marketing-text { margin-left: 25px; font-size: 1.071em; } .footer-newsletter form { margin-top: 2px; } .footer-newsletter input[type="email"], .footer-newsletter input[type="text"] { padding: 1.04em 2em; background-color: #fff; border: 0; border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important; } .footer-bottom-widgets { background-color: black; padding: 4.143em 0 5.714em 0; } .footer-bottom-widgets .widget-title { color: white; font-size: 1.143em; line-height: 1.125em; margin-bottom: 1.5em; font-weight: bold; } .footer-bottom-widgets ul { list-style: none; padding-left: 0; margin-bottom: 0; } .footer-bottom-widgets ul > li > a { font-size: 1em; color: white; } .footer-bottom-widgets ul > li > a:hover, .footer-bottom-widgets ul > li > a:focus { color: white; } .footer-bottom-widgets ul > li + li { margin-top: 0em; } .footer-bottom-widgets ul.children { margin-top: 1em; } .footer-bottom-widgets .columns { display: inline-block; vertical-align: top; } .footer-bottom-widgets .columns + .columns { margin-left: 5.357em; } .footer-contact > div:last-child { margin-bottom: 0; } .footer-logo { margin-bottom: 2.571em; } .footer-call-us { margin-bottom: 3em; } .footer-call-us .call-us-icon { padding-right: 20px; } .footer-call-us .call-us-icon .fa { font-size: 3em; } .footer-call-us .call-us-icon .ec { font-size: 4.643em; } .footer-call-us .call-us-text { color: white; font-weight: 100; font-size: 0.929em; display: block; line-height: 1.429em; } .footer-call-us .call-us-number { color: white; font-size: 1.571em; display: block; line-height: 1.429em; } .footer-address { margin-bottom: 3.143em; } .footer-address .footer-address-title { color: white; display: block; } .footer-address address { color: white; margin-bottom: 0; } .footer-social-icons { margin-bottom: 3em; } .footer-social-icons .social-icons { margin-bottom: 0; } .footer-social-icons .social-icons > li { display: inline-block; } .footer-social-icons .social-icons > li + li { margin-left: 1.857em; } .footer-social-icons .social-icons a { color: #7c7c7c; font-size: 1.571em; } .footer-social-icons .social-icons a:hover, .footer-social-icons .social-icons a:focus { text-decoration: none; color: #494949; } .copyright-bar { background-color: #eaeaea; padding: 0.78em 0; } .copyright-bar a { font-weight: bold; color: #333e48; } .copyright-bar a:hover, .copyright-bar a:focus { color: #333e48; } .copyright-bar .copyright { line-height: 3em; } .footer-payment-logo .cash-card { padding-left: 0; margin-bottom: 0; list-style: none; } .footer-payment-logo .card-inline .card-item { float: left; } .footer-payment-logo .card-inline .card-item + .card-item { margin-left: 1.143em; } .footer-payment-logo .card-item > img { height: auto; } /*===================================================================================*/ /* Comments /*===================================================================================*/ .comments-title, .comment-reply-title, .pings-title { font-size: 1.786em; line-height: 1.6em; color: #333e48; position: relative; margin-bottom: 1.5em; border-bottom: 1px solid #dddddd; padding-bottom: 0.6em; } .comments-title:after, .comment-reply-title:after, .pings-title:after { border-bottom: 2px solid transparent; bottom: -1px; content: " "; display: block; position: absolute; width: 3.684em; } .comments-area { margin: 1.786em 0; } .comment-list { padding-left: 0; } .comment-list .comment { list-style-type: none; } .comment-list .bypostauthor > .media .comment-body cite:after { font-family: "FontAwesome"; font-weight: 400; margin-left: .53em; content: "\f097"; } .comment-list, .pings-list { margin-bottom: 3.571em; } .comment-list .comment, .comment-list .pingback, .pings-list .comment, .pings-list .pingback { padding: 2.714em 0; border-bottom: 1px solid #dddddd; } .comment-list .comment:last-child, .comment-list .pingback:last-child, .pings-list .comment:last-child, .pings-list .pingback:last-child { border: none; } .comment-list .comment .gravatar-wrapper, .comment-list .pingback .gravatar-wrapper, .pings-list .comment .gravatar-wrapper, .pings-list .pingback .gravatar-wrapper { padding-right: 1.429em; } .comment-list .comment .gravatar-wrapper img, .comment-list .pingback .gravatar-wrapper img, .pings-list .comment .gravatar-wrapper img, .pings-list .pingback .gravatar-wrapper img { border-radius: 50%; max-width: none; } .comment-list .comment .children, .comment-list .pingback .children, .pings-list .comment .children, .pings-list .pingback .children { list-style: none; margin-top: 2.500em; border-top: 1px solid #dddddd; } .comment-list .comment .children > li:last-child, .comment-list .pingback .children > li:last-child, .pings-list .comment .children > li:last-child, .pings-list .pingback .children > li:last-child { padding-bottom: 0; } .comment-list .comment-body .comment-content, .pings-list .comment-body .comment-content { margin-bottom: 2.500em; color: #686c6f; } .comment-list .comment-body .author, .pings-list .comment-body .author { margin-right: 0.714em; display: inline-block; font-weight: 700; } .comment-list .comment-body .author cite, .pings-list .comment-body .author cite { font-style: normal; } .comment-list .comment-body .author a, .pings-list .comment-body .author a { color: #686c6f; } .comment-list .comment-body .author a:hover, .comment-list .comment-body .author a:focus, .pings-list .comment-body .author a:hover, .pings-list .comment-body .author a:focus { text-decoration: none; } .comment-list .comment-body .comment-awaiting-moderation, .pings-list .comment-body .comment-awaiting-moderation { display: none; } .comment-list .comment-body .date, .pings-list .comment-body .date { margin-right: 0.714em; display: inline-block; font-size: 0.929em; } .comment-list .comment-body .date a, .comment-list .comment-body .date a:hover, .comment-list .comment-body .date a:focus, .pings-list .comment-body .date a, .pings-list .comment-body .date a:hover, .pings-list .comment-body .date a:focus { color: #aeaeae; text-decoration: none; } .comment-list .comment-body .reply, .pings-list .comment-body .reply { float: right; display: inline-block; } .comment-list .comment-body .reply a:hover, .comment-list .comment-body .reply a:focus, .pings-list .comment-body .reply a:hover, .pings-list .comment-body .reply a:focus { text-decoration: none; } .comment-list #respond, .pings-list #respond { background: #f5f5f5; padding: 1.618em; margin-top: 1.429em; } .comment-list #respond .comment-reply-title, .pings-list #respond .comment-reply-title { font-size: 1.429em; } .comment-list #respond .comment-reply-title small, .pings-list #respond .comment-reply-title small { float: right; font-size: 0.7em; } .comment-list #respond .comment-reply-title small a:hover, .comment-list #respond .comment-reply-title small a:focus, .pings-list #respond .comment-reply-title small a:hover, .pings-list #respond .comment-reply-title small a:focus { text-decoration: none; } .single-post .comment-form > p, .page .comment-form > p { margin-bottom: 1.714em; } .single-post .comment-form > p label, .page .comment-form > p label { display: block; } .single-post .comment-form > p input[type="text"], .single-post .comment-form > p textarea, .single-post .comment-form > p input[type="email"], .single-post .comment-form > p input[type="url"], .page .comment-form > p input[type="text"], .page .comment-form > p textarea, .page .comment-form > p input[type="email"], .page .comment-form > p input[type="url"] { width: 100%; } .single-post .comment-form-rating, .page .comment-form-rating { clear: both; } .single-post .comment-form-rating label, .page .comment-form-rating label { display: block; } .single-post .comment-form-author, .single-post .comment-form-email, .page .comment-form-author, .page .comment-form-email { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media (min-width: 768px) { .single-post .comment-form-author, .single-post .comment-form-email, .page .comment-form-author, .page .comment-form-email { width: 50%; } } .single-post .comment-form-author, .page .comment-form-author { padding-left: 0; } .single-post .comment-form-email, .page .comment-form-email { padding-right: 0; } .single-post .comment-form-email, .page .comment-form-email { margin-right: 0; } .single-post .form-submit, .page .form-submit { clear: both; } .comment-navigation { margin-bottom: 3.571em; } .comment-navigation::after { content: ""; display: table; clear: both; } .comment-navigation .nav-previous, .comment-navigation .nav-next { width: 48%; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a { color: #575560; } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right; text-align: right; } /*===================================================================================*/ /* Posts /*===================================================================================*/ .hentry .wp-post-image { display: block; max-width: 100%; height: auto; } .hentry .byline, .hentry .updated:not(.published) { display: none; } embed, iframe, object, video { max-width: 100%; border: none; } article.post .entry-content p { margin-bottom: 2.143em; } article.post .entry-content p, article.post .entry-content ol, article.post .entry-content ul { line-height: 1.714em; } article.post .entry-content p.highlight, article.post .entry-content ul.highlight, article.post .entry-content ol.highlight { font-size: 1.143em; font-weight: 700; } article.post .entry-content blockquote { border-left: 0 none; font-size: inherit; margin: 0 0 1.429em 2.714em; padding: 0; } article.post .entry-content blockquote:before { color: #a7a7a7; content: ""; float: left; font-family: FontAwesome; font-size: 1.786em; margin-left: -1.5em; } article.post .entry-content blockquote p { font-style: italic; font-size: 1.071em; } article.post .entry-content img { display: block; max-width: 100%; height: auto; } article.post .entry-content figure img, article.post .entry-content .wp-caption img { margin-bottom: 10px; } article.post .entry-content .gallery figure.gallery-item { display: inline-block; } .single-post article.post { margin-bottom: 0; } .single-post article.post .entry-header { position: relative; } .single-post article.post .entry-header h1.entry-title .comments-link { float: right; } .single-post article.post .entry-header h1.entry-title .comments-link a { font-size: 0.480em; display: inline-block; vertical-align: middle; } .post-author-info { background: #f5f5f5; padding: 1.357em 1.143em; margin-bottom: 5.714em; margin-top: 2.857em; } .post-author-info .media .media-left { padding-right: 1.786em; } .post-author-info .media img { max-width: none; } .post-author-info .media .media-body h4.media-heading { font-size: 1.357em; line-height: 1.474em; margin-bottom: 1.071em; margin-top: 0.526em; } .post-author-info .media .media-body h4.media-heading a { color: #333e48; } .post-author-info .media .media-body p { color: #747474; line-height: 1.714em; } .post-author-info .media .media-body p:last-child { margin-bottom: 0; } .post-navigation { margin-bottom: 5.714em; } .post-navigation .nav-links::after { content: ""; display: table; clear: both; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; text-align: right; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { width: 48%; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a { color: #575560; } .post-navigation .nav-links .nav-previous a:hover, .post-navigation .nav-links .nav-previous a:focus, .post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-next a:focus { text-decoration: none; color: #333e48; } /*grid*/ @media (min-width: 768px) { .blog-grid article.post { margin-bottom: 5em; width: 47.8260869565%; float: left; margin-right: 4.347826087%; clear: both; } .blog-grid article.post:nth-child(odd) { float: left; } .blog-grid article.post:nth-child(even) { clear: none; margin-right: 0; float: right; } .blog-grid article.post .media-attachment { margin-bottom: 2.000em; } .blog-grid article.post .entry-header h1.entry-title { padding-bottom: 0.200em; margin-bottom: 0.200em; } } /*list*/ .blog-list article.post { margin-left: -0.9375rem; margin-right: -0.9375rem; margin-bottom: 6.214em; } .blog-list article.post::after { content: ""; display: table; clear: both; } .blog-list article.post .media-attachment { margin-bottom: 0; position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .blog-list article.post .media-attachment { width: 33.3333333333%; } } .blog-list article.post .content-body { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .blog-list article.post .content-body { width: 66.6666666667%; } } .blog-list article.post .entry-header h1.entry-title { padding-bottom: 0.240em; margin-bottom: 0.240em; } /*menu*/ .blog-navigation { padding: 0; margin-bottom: 2.500em; border-bottom: 1px solid #eeeeee; padding: 0 0 1.429em; border-radius: 0; } .blog-navigation .navbar-toggle { display: none; } .blog-navigation .collapse { display: block; } .blog-navigation ul.blog-nav-menu { margin-bottom: 0; position: relative; text-align: center; padding-left: 0; } .blog-navigation ul.blog-nav-menu > li { display: inline-block; } .blog-navigation ul.blog-nav-menu > li > a { letter-spacing: 0.05em; color: #333e48; font-weight: 400; } .blog-navigation ul.blog-nav-menu > li > a:focus, .blog-navigation ul.blog-nav-menu > li > a:hover { color: #000; text-decoration: underline; } .blog-navigation ul.blog-nav-menu > li:after { content: "/"; display: inline-block; margin: 0 10px; color: #b9b9b9; } .blog-navigation ul.blog-nav-menu > li:last-child:after { display: none; } .blog-navigation ul.blog-nav-menu > li.current-menu-item > a { font-weight: bold; text-decoration: underline; } /*===================================================================================*/ /* WooCommerce Checkout /*===================================================================================*/ #ship-to-different-address { font-size: 1em; border-bottom: none; } #ship-to-different-address::after { content: none; } #ship-to-different-address label { display: inline-block; } #ship-to-different-address .input-checkbox { float: left; margin-right: 0.714em; margin-top: 3px; } .form-row.notes { padding-left: 0; padding-right: 0; } .woocommerce-checkout h3 { font-size: 1.786em; line-height: 1.6em; display: block; padding-bottom: 0.400em; position: relative; margin-bottom: 1.360em; border-bottom: 1px solid #dadada; } .woocommerce-checkout h3::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .checkout_coupon .form-row-first { padding-right: 0; } .checkout_coupon .form-row-first .input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 1.071em; } .checkout_coupon .form-row-last { padding-left: 0; } .checkout_coupon .form-row-last .button { border-top-left-radius: 0; border-bottom-left-radius: 0; } /*===================================================================================*/ /* CHECKOUT-PAGE /*===================================================================================*/ .woocommerce-checkout-review-order-table { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .woocommerce-checkout-review-order-table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .woocommerce-checkout-review-order-table tbody + tbody { border-top: 2px solid #eceeef; } .woocommerce-checkout-review-order-table .table { background-color: #fff; } #payment { border-top: 3px solid #ddd; } #payment::after { content: ""; display: table; clear: both; } #payment .create-account { clear: both; } #payment .payment_methods { margin: 0 !important; border-bottom: 1px dotted #ddd; padding: 0 !important; } #payment .payment_methods li { list-style: none !important; padding: 1.387em !important; border-bottom: 1px dotted #ddd; margin-left: 0; } #payment .payment_methods li img { float: right; border: 0; padding: 0; max-height: 1.618em; } #payment .payment_methods li:last-child { padding-bottom: 0; border-bottom: 0; } #payment .payment_methods li label { width: 92%; padding-top: 0 !important; margin-left: .618em; font-weight: bold; margin-bottom: 0; } #payment .payment_methods li p { margin: 0; } #payment .payment_methods li .payment_box { padding: 1.387em; margin: 1.387em -1.387em -1.387em -1.387em; background: rgba(0, 0, 0, 0.035); border-top: 1px dotted #ddd; } #payment .payment_methods li .payment_box fieldset { border: 0; margin: 0; padding: 1em 0 0 0; font-size: .857em; } #payment .payment_methods li .payment_box fieldset label { width: auto; margin-left: 0; } #payment .payment_methods li .payment_box fieldset .form-row { margin-bottom: 1em; } #payment .payment_methods li .payment_box fieldset .form-row-first select { width: 48%; } #payment .payment_methods li .payment_box fieldset .form-row-first select:nth-child(2n) { float: right; } #payment .payment_methods li .payment_box fieldset #cvv { width: 22% !important; } #payment .payment_methods li .payment_box fieldset .help { width: 75%; float: right; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc { font-size: 1.387em; } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number { background-repeat: no-repeat; background-position: right 0.618em center; background-size: 31px 20px; background-image: url(assets/images/credit-cards/unknown.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa { background-image: url(assets/images/credit-cards/visa.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard { background-image: url(assets/images/credit-cards/mastercard.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser { background-image: url(assets/images/credit-cards/laser.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url(assets/images/credit-cards/diners.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro { background-image: url(assets/images/credit-cards/maestro.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb { background-image: url(assets/images/credit-cards/jcb.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex { background-image: url(assets/images/credit-cards/amex.svg); } #payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover { background-image: url(assets/images/credit-cards/discover.svg); } #payment .terms { width: 100%; clear: both; float: none; margin-bottom: 0; margin-bottom: 1em; } #payment .terms label { display: inline-block; margin-left: .618em; } #payment .terms input { display: inline-block; width: auto; float: left; margin: .327em .53em 0 0; } #payment .place-order { padding: 1.387em; margin-bottom: 0; float: none; width: 100%; } #payment .place-order .button { font-size: 1.387em; width: 100%; white-space: pre-wrap; } .woocommerce-checkout .payment-fixed { position: fixed; top: 0; z-index: 9; } .admin-bar .woocommerce-checkout .payment-fixed { top: 32px; } /** * Password strength meter */ .woocommerce-password-strength { text-align: left; font-weight: 600; padding: .53em 0; text-align: right; font-size: .857em; } .woocommerce-password-strength:after { content: "\f119"; font-family: 'FontAwesome'; display: inline-block; font-weight: 400; margin-left: .53em; } .woocommerce-password-strength.strong { font-size: 10px;margin-top: 2px; color: #5cb85c; } .woocommerce-password-strength.strong:after { content: "\f118"; } .woocommerce-password-strength.short { font-size: 10px;margin-top: 2px; color: #d9534f; } .woocommerce-password-strength.bad { font-size: 10px;margin-top: 2px; color: #d9534f; } .woocommerce-password-strength.good { font-size: 10px;margin-top: 2px; color: #5bc0de; } .woocommerce-password-strength.good:after { content: "\f11a"; } .woocommerce-info + .login, .woocommerce-info + .checkout_coupon { margin-bottom: 2.618em; } .create-account .checkbox { display: inline-block; margin-left: 0.25em; } #shipping_method { list-style: none; padding: 0; } /*===================================================================================*/ /* MYACCOUNT-PAGE /*===================================================================================*/ .customer-login-form { position: relative; } .customer-login-form h2 { font-size: 1.786em; line-height: 1.6em; display: block; padding-bottom: 0.400em; position: relative; margin-bottom: 1.360em; border-bottom: 1px solid #dadada; } .customer-login-form h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .customer-login-form .button { font-weight: bold; } .customer-login-form form.register > p.form-row:nth-last-child(2) { margin-bottom: 3.571em; } .no-registration-form { width: 41.6666666667%; margin: 0 auto; } #customer_login { padding: 2.5em 2.143em; position: relative; } #customer_login::after { content: ""; display: table; clear: both; } #customer_login::before { border-right: 1px solid #ddd; height: 100%; position: absolute; content: ' '; right: 50%; top: 0; } #customer_login .col-1 { padding-right: 6.071em; } #customer_login .col-2 { padding-left: 5.857em; } #customer_login .before-login-text, #customer_login .before-register-text { margin-bottom: 2.143em; } #customer_login .register-benefits { clear: both; } #customer_login .register-benefits h3 { font-size: 1.286em; line-height: 1em; margin-bottom: 1.444em; } #customer_login .register-benefits ul { padding-left: 0; margin-bottom: 0; list-style: none; } #customer_login .register-benefits ul > li { line-height: 2.143em; } #customer_login .register-benefits ul > li::before { content: "\f00c"; color: #5bb300; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.143em; display: inline-block; margin-right: 1em; } .or-text { position: absolute; right: 50%; top: 50%; transform: translate(50%); width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; border: 1px solid #ddd; font-style: italic; background-color: #fff; z-index: 1; } .address header.title, .addresses header.title, .track-order header.title { border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .address header.title::after, .addresses header.title::after, .track-order header.title::after { content: ""; display: table; clear: both; } .address header.title h3, .addresses header.title h3, .track-order header.title h3 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; float: left; padding-bottom: 0.400em; margin-bottom: 0; width: 90%; } .address header.title h3::after, .addresses header.title h3::after, .track-order header.title h3::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .address header.title .edit, .addresses header.title .edit, .track-order header.title .edit { float: right; line-height: 3.571em; } .address address, .addresses address, .track-order address { line-height: 2em; } .woocommerce-account h2 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .woocommerce-account h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .woocommerce-edit-address form h3 { line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .woocommerce-edit-address form h3::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .edit-account legend { line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .edit-account legend::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .my_account_orders { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } .my_account_orders th, .my_account_orders td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .my_account_orders thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .my_account_orders tbody + tbody { border-top: 2px solid #eceeef; } .my_account_orders .table { background-color: #fff; } .my_account_orders .order-actions .button.view { padding: 0.5875em 2.625em; font-size: 0.875em; } .notes { padding-left: 0; list-style: none; } .note { margin-bottom: 2em; } .note .meta { color: #999; font-size: 11px; line-height: 1.5; } .note .description { padding: 10px; background-color: #efefef; font-size: 13px; position: relative; } .note .description::after { content: ""; display: block; position: absolute; top: -10px; left: 20px; width: 0; height: 0; border-width: 0 0 10px 10px; border-style: solid; border-color: #efefef transparent; } .note .description p:last-child { margin: 0; padding: 0; } .order-again { margin-bottom: 2.5em; } .order-again .button { padding: 0.6875rem 2.625rem; } .order-info mark { padding: inherit; background-color: transparent; font-weight: bold; } .customer_details, .order_details { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } .customer_details th, .customer_details td, .order_details th, .order_details td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .customer_details thead th, .order_details thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .customer_details tbody + tbody, .order_details tbody + tbody { border-top: 2px solid #eceeef; } .customer_details .table, .order_details .table { background-color: #fff; } .order_details.bacs_details { list-style: none; padding: 0; } .customer_details { border: 1px solid #eceeef; } .customer_details th, .customer_details td { border: 1px solid #eceeef; } .customer_details th { background-color: #f9f9f9; } .customer_details thead th, .customer_details thead td { border-bottom-width: 2px; } .order-info, .commentlist.notes, .order_details, .customer_details, .addresses { margin-bottom: 2.5em; } label[for="rememberme"] { margin-left: 0.75em; } /*===================================================================================*/ /* CART-PAGE /*===================================================================================*/ .cart-empty { font-size: 3.5em; font-weight: 300; text-align: center; line-height: 1.5em; margin-bottom: 0.75em; margin-top: 2em; } .return-to-shop { text-align: center; margin-bottom: 7em; } .shipping-calculator-form select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; border-color: #ddd; border-radius: 1.571em; width: 100%; padding: 0.857em 1.214em; color: #818181; line-height: 1.286em; } .shipping-calculator-form select:focus { border-color: #51a7e8; outline: none; } .shipping-calculator-form select::-ms-expand { opacity: 0; } .woocommerce-shipping-calculator { margin-top: 0.357em; } .shipping-calculator-button { font-size: 0.857em; font-weight: bold; border-bottom: 1px solid #3e3e3e; } /*===================================================================================*/ /* ORDER-RECEIVED-PAGE /*===================================================================================*/ .woocommerce-order-received h2 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .woocommerce-order-received h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } /*===================================================================================*/ /* TRACK-YOUR-ORDER-PAGE /*===================================================================================*/ .track_order > p:first-child { text-align: center; margin: 0 auto 4.714em; width: 90%; } .track-order h2 { font-size: 1.786em; line-height: 1.6em; display: block; padding-bottom: 0.400em; position: relative; margin-bottom: 1.360em; border-bottom: 1px solid #dadada; } .track-order h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .track-order > p { text-align: center; } /*===================================================================================*/ /* SINGLE-PRODUCT-PAGE /*===================================================================================*/ .single-product-wrapper { margin-left: -0.9375rem; margin-right: -0.9375rem; } .single-product-wrapper::after { content: ""; display: table; clear: both; } .single-product-wrapper .product-images-wrapper { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .single-product-wrapper .product-images-wrapper { width: 41.6666666667%; } } .single-product-wrapper .summary.entry-summary { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .single-product-wrapper .summary.entry-summary { width: 58.3333333333%; } } .extended .single-product-wrapper .summary.entry-summary { width: 100%; } @media (min-width: 768px) { .extended .single-product-wrapper .summary.entry-summary { width: 33.3333333333%; } } .extended .single-product-wrapper > .product-actions-wrapper { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; } @media (min-width: 768px) { .extended .single-product-wrapper > .product-actions-wrapper { width: 25%; } } div.quantity > label { display: none; } .extended .single-product-wrapper div.brand { margin-bottom: 2em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions { border: 2px solid #ddd; border-radius: 1.214em; padding: 2.143em 2.357em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions div.availability { display: block; padding-bottom: 0.714em; border-bottom: 1px solid #ddd; margin-bottom: 1.429em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions .price .electro-price { display: block; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions .price del { font-size: 0.343em; display: block; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions div.quantity label { display: block; font-weight: normal; margin-bottom: 0.714em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions div.quantity .qty { padding: 0.536em 1.214em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations { margin-bottom: 0; position: relative; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations tr:last-child td, .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations tr:last-child th { border: none; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td, .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations th { border: none; display: block; padding: 0; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td.label { padding-bottom: 0.714em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td.label label { font-weight: normal; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td.value { margin-bottom: 1em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td.value select, .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations td.value input[type="text"] { width: 100%; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions table.variations .reset_variations { position: absolute; top: 0; right: 0; font-size: 80%; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions div.quantity { margin-bottom: 0.714em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions .single_add_to_cart_button.button { display: block; width: 100%; padding: 1.108em 2.134em; margin-bottom: 0.429em; margin-top: 1.429em; border-radius: 1.8em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions .action-buttons { display: block; text-align: center; margin-bottom: 0; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions .woocommerce-variation { margin-top: 1.786em; } .single-product .single-product-wrapper { margin-bottom: 6.429em; } .single-product .single-product-wrapper .loop-product-categories { display: block; font-size: 0.857em; line-height: 1.44em; color: #878787; overflow: hidden; margin-bottom: 1px; } .single-product .single-product-wrapper .loop-product-categories a { color: #878787; } .single-product .single-product-wrapper .loop-product-categories a:focus, .single-product .single-product-wrapper .loop-product-categories a:hover { text-decoration: none; color: #333; } .single-product .single-product-wrapper .action-buttons { margin-bottom: 1.615em; } .single-product .product-images-wrapper { position: relative; } .single-product .product-images-wrapper .onsale { position: absolute; top: 0; left: 0; z-index: 2; } .single-product .product-images-wrapper div.images > a { display: block; margin-bottom: 0.857em; } .single-product .product-images-wrapper div.images > a > img { display: block; max-width: 100%; height: auto; } .single-product div.thumbnails-all a { display: inline-block; border: 1px solid #eaeaea; } .single-product div.thumbnails-all a img { display: block; max-width: 100%; height: auto; } .single-product div.thumbnails-all .synced a { border-bottom-width: 2px; border-bottom-style: solid; } .single-product .product_title { font-size: 1.786em; line-height: 1.280em; margin-bottom: 0.480em; } .single-product .woocommerce-product-rating { margin-bottom: 1em; } .single-product .woocommerce-product-rating .star-rating { display: inline-block; } .single-product .woocommerce-product-rating .woocommerce-review-link { font-size: 0.929em; line-height: 1.308em; color: #878787; } .single-product .woocommerce-product-rating .woocommerce-review-link:focus, .single-product .woocommerce-product-rating .woocommerce-review-link:hover { text-decoration: none; color: #000; } .single-product .brand { display: table-cell; margin-right: 1.5em; } .single-product .brand img { max-height: 2.8em; width: auto; } .single-product .availability { display: table-cell; vertical-align: middle; color: #8f8e94; } .single-product .availability span { font-weight: bold; } .single-product .action-buttons { font-size: 0.929em; line-height: 1.385em; display: inline-block; } .single-product .action-buttons .clear { display: none; } .single-product .action-buttons div, .single-product .action-buttons a, .single-product .action-buttons span, .single-product .action-buttons p { margin: 0; padding: 0; color: #949494; } .single-product .action-buttons > div, .single-product .action-buttons > a { display: inline-block; margin: 0 5px; padding-top: 0.923em; } .single-product .action-buttons a:hover { color: #3b3b3b; } .single-product .entry-summary > div[itemprop="description"] { line-height: 1.5em; color: #7d7d7d; margin-bottom: 2.5em; } .single-product p.stock { display: none; } .single-product .price { color: #333e48; font-size: 2.5em; line-height: 1.286em; font-weight: normal; margin-bottom: 0.571em; } .single-product .price ins, .single-product .price del { text-decoration: none; } .single-product .price del { color: #848484; font-size: 0.6em; line-height: 1.5em; margin-left: 0.174em; } .single-product .price del .amount { text-decoration: line-through; } .single-product .cart .quantity { display: inline-block; width: 10em; } .single-product .wc-tabs { text-align: center; } .single-product .wc-tab { border-radius: 1em; border: 1px solid #ddd; padding: 2.5em; } .single-product table.shop_attributes { width: 100%; max-width: 100%; margin-bottom: 1.236rem; } .single-product table.shop_attributes th, .single-product table.shop_attributes td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .single-product table.shop_attributes thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .single-product table.shop_attributes tbody + tbody { border-top: 2px solid #eceeef; } .single-product table.shop_attributes .table { background-color: #fff; } .single-product table.shop_attributes td p { margin-bottom: 0; } .single-product table.shop_attributes tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } .single-product table.variations { width: 100%; max-width: 100%; margin-bottom: 1.236rem; margin-bottom: 1.786em; } .single-product table.variations th, .single-product table.variations td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .single-product table.variations thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .single-product table.variations tbody + tbody { border-top: 2px solid #eceeef; } .single-product table.variations .table { background-color: #fff; } .single-product table.variations tr:last-child td, .single-product table.variations tr:last-child th { border-bottom: 1px solid #eceeef; } .single-product table.variations td, .single-product table.variations th { vertical-align: middle; } .single-product table.variations td.label { display: table-cell; color: inherit; font-size: 100%; font-weight: normal; border-radius: 0; text-align: inherit; white-space: inherit; } .single-product table.variations td.label label { margin-bottom: 0; } .single-product table.variations td.value select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; -webkit-appearance: none; border-radius: 1.071em; color: #7e7e7e; border-color: #e3e3e3; } .single-product table.variations td.value select:focus { border-color: #51a7e8; outline: none; } .single-product table.variations td.value select::-ms-expand { opacity: 0; } .single-product table.variations td.value .reset_variations { margin-left: 0.75em; color: #333e48; font-size: 90%; } .single-product table.variations td.value .reset_variations:focus, .single-product table.variations td.value .reset_variations:hover { color: #333e48; text-decoration: none; } .single-product .woocommerce-variation { margin-bottom: 1.786em; } .single-product .woocommerce-tabs { margin-bottom: 4.857em; } .single-product .woocommerce-tabs ~ div.products { margin-bottom: 4.857em; } .single-product .woocommerce-tabs ~ div.products > h2 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .single-product .woocommerce-tabs ~ div.products > h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .single-product .woocommerce-tabs ~ div.products ul.products { margin-bottom: 0; } .single-product .upsells ul.products > li.product .product-inner, .single-product .upsells .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .single-product .upsells ul.products > .onsale-product .product-inner, .single-product .upsells .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product .upsells ul.products > .onsale-product-content .product-inner, .single-product .upsells .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .single-product .upsells ul.products > .product .product-inner, .single-product .related ul.products > li.product .product-inner, .single-product .related .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .single-product .related ul.products > .onsale-product .product-inner, .single-product .related .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product .related ul.products > .onsale-product-content .product-inner, .single-product .related .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .single-product .related ul.products > .product .product-inner { padding: 1.071em; } @media (min-width: 768px) { .single-product .upsells ul.products > li.product, .single-product .upsells .section-onsale-product ul.products > .onsale-product, .section-onsale-product .single-product .upsells ul.products > .onsale-product, .single-product .upsells .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product .upsells ul.products > .onsale-product-content, .single-product .upsells .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .single-product .upsells ul.products > .product, .single-product .related ul.products > li.product, .single-product .related .section-onsale-product ul.products > .onsale-product, .section-onsale-product .single-product .related ul.products > .onsale-product, .single-product .related .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product .related ul.products > .onsale-product-content, .single-product .related .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .single-product .related ul.products > .product { width: 25%; } } .product-type-simple .summary .cart .quantity{margin-right:10px !important;} .single-product form.cart{display: flex;align-items: center;flex-wrap: wrap;} .single-product .added_to_cart{background-color: #5889cd;color: white;padding: 8px 20px;display: inline-block;text-align: center;border-radius: 5px;font-weight: 700;min-width: 200px;} .single_add_to_cart_button.button { color: #fff; font-weight: bold; font-size: 1em; padding: 8px 20px;margin-top: 15px;margin-bottom: 15px;min-width: 200px;margin-right:10px;} .single_add_to_cart_button.button::before { display: inline-block; font: normal normal normal 14px/1 font-electro; font-size: 1.357em; vertical-align: middle; content: "\61"; margin-right: 0.5em;} .single_add_to_cart_button.button:focus::before, .single_add_to_cart_button.button:hover::before { background-color: transparent; } #tab-description { color: #686c6f; } #tab-description h1, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description h5, #tab-description h6 { font-size: 1.643em; line-height: 1.043em; color: #333e48; margin-bottom: 1em; } #tab-description p { margin-bottom: 2.857em; } #tab-description *:last-child { margin-bottom: 0; } #tab-description .electro-description .layout { margin-bottom: 140px; } #tab-description .electro-description .layout tr td { width: 50%; } #tab-description .electro-description .layout tr td:last-child img { position: relative; left: 100px; width: 100%; } #tab-description .electro-description .layout:last-child tr td:first-child img { position: relative; right: 100px; width: 100%; } #primary #tab-description .electro-description .layout { margin-bottom: 80px; } #primary #tab-description .electro-description .layout tr td:last-child img { left: 35px; } #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 37px; } .extended.full-width #primary #tab-description .electro-description .layout { margin-bottom: 80px; } .extended.full-width #primary #tab-description .electro-description .layout tr td:last-child img { left: 100px; } .extended.full-width #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 100px; } .full-width #primary #tab-description .electro-description .layout tr td:last-child img { left: 70px; } .full-width #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 71px; } .single-product.full-width .single-product-wrapper { margin-bottom: 11.429em; } .single-product.full-width .product-images-wrapper div.images > a { margin-bottom: 1.214em; } .single-product.full-width .product-images-wrapper div.images > .thumbnails-single { margin-bottom: 1.214em; } .single-product.full-width .loop-product-categories { margin-bottom: 1em; } .single-product.full-width .entry-summary > div[itemprop="description"] { margin-bottom: 3.214em; } .single-product.full-width .price { margin-bottom: 0.714em; } .single-product.full-width .wc-tab { padding: 5em; } .single-product.full-width .woocommerce-tabs { margin-bottom: 7.714em; } .single-product.full-width .woocommerce-tabs ~ div.products { margin-bottom: 7.714em; } .single-product.full-width .upsells ul.products > li.product .product-inner, .single-product.full-width .upsells .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .single-product.full-width .upsells ul.products > .onsale-product .product-inner, .single-product.full-width .upsells .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product.full-width .upsells ul.products > .onsale-product-content .product-inner, .single-product.full-width .upsells .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .single-product.full-width .upsells ul.products > .product .product-inner, .single-product.full-width .related ul.products > li.product .product-inner, .single-product.full-width .related .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product .single-product.full-width .related ul.products > .onsale-product .product-inner, .single-product.full-width .related .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product.full-width .related ul.products > .onsale-product-content .product-inner, .single-product.full-width .related .products-carousel .owl-item ul.products > .product .product-inner, .products-carousel .owl-item .single-product.full-width .related ul.products > .product .product-inner { padding: 1.071em; } @media (min-width: 768px) { .single-product.full-width .upsells ul.products > li.product, .single-product.full-width .upsells .section-onsale-product ul.products > .onsale-product, .section-onsale-product .single-product.full-width .upsells ul.products > .onsale-product, .single-product.full-width .upsells .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product.full-width .upsells ul.products > .onsale-product-content, .single-product.full-width .upsells .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .single-product.full-width .upsells ul.products > .product, .single-product.full-width .related ul.products > li.product, .single-product.full-width .related .section-onsale-product ul.products > .onsale-product, .section-onsale-product .single-product.full-width .related ul.products > .onsale-product, .single-product.full-width .related .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .single-product.full-width .related ul.products > .onsale-product-content, .single-product.full-width .related .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .single-product.full-width .related ul.products > .product { width: 20%; } } .accessories .col-left { padding-left: 0; } .accessories .col-right { padding-right: 0; } .accessories .products li.product, .accessories .products .section-onsale-product .onsale-product, .section-onsale-product .accessories .products .onsale-product, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content, .accessories .products .products-carousel .owl-item .product, .products-carousel .owl-item .accessories .products .product { margin-top: 0; } .accessories .products li.product::before, .accessories .products .section-onsale-product .onsale-product::before, .section-onsale-product .accessories .products .onsale-product::before, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content::before, .accessories .products .products-carousel .owl-item .product::before, .products-carousel .owl-item .accessories .products .product::before { content: '+'; position: absolute; font-size: 1.714em; line-height: 1.458em; height: 1.458em; width: 1.458em; border: 1px solid #ddd; background-color: #fff; border-radius: 50%; top: 50%; left: -0.729em; display: inline-block; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; } .accessories .products li.product:hover .product-inner, .accessories .products .section-onsale-product .onsale-product:hover .product-inner, .section-onsale-product .accessories .products .onsale-product:hover .product-inner, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content:hover .product-inner, .accessories .products .products-carousel .owl-item .product:hover .product-inner, .products-carousel .owl-item .accessories .products .product:hover .product-inner { background-color: transparent; position: relative; } .accessories .products li.product:first-child::before, .accessories .products .section-onsale-product .onsale-product:first-child::before, .section-onsale-product .accessories .products .onsale-product:first-child::before, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:first-child::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content:first-child::before, .accessories .products .products-carousel .owl-item .product:first-child::before, .products-carousel .owl-item .accessories .products .product:first-child::before { content: none; } .accessories .products li.product:first-child a, .accessories .products .section-onsale-product .onsale-product:first-child a, .section-onsale-product .accessories .products .onsale-product:first-child a, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:first-child a, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content:first-child a, .accessories .products .products-carousel .owl-item .product:first-child a, .products-carousel .owl-item .accessories .products .product:first-child a { color: #64686c; } .accessories .products li.product:first-child h3, .accessories .products .section-onsale-product .onsale-product:first-child h3, .section-onsale-product .accessories .products .onsale-product:first-child h3, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:first-child h3, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content:first-child h3, .accessories .products .products-carousel .owl-item .product:first-child h3, .products-carousel .owl-item .accessories .products .product:first-child h3 { font-weight: normal; } .accessories .products li.product:first-child .price, .accessories .products .section-onsale-product .onsale-product:first-child .price, .section-onsale-product .accessories .products .onsale-product:first-child .price, .accessories .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:first-child .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .products .onsale-product-content:first-child .price, .accessories .products .products-carousel .owl-item .product:first-child .price, .products-carousel .owl-item .accessories .products .product:first-child .price { color: #9fa0a0; } .accessories .products li:hover .hover-area { display: none; } .accessories .products .price-add-to-cart { margin-bottom: 0; } .accessories .products .price-add-to-cart .price { margin-bottom: 0; } .accessories .products .price-add-to-cart .button { display: none; } .accessories .total-price { font-size: 1em; color: #848484; margin-bottom: 1em; } .accessories .total-price .total-price-html { display: block; font-size: 1.857em; color: #ee0000; } .accessories .accessory-checkbox { font-size: 1em; line-height: 1.286em; color: #2e6cc1; margin-bottom: 0.857em; } .accessories .accessory-checkbox .product-title { border-bottom: 1px solid #2e6cc1; } .accessories .accessory-checkbox:first-child { color: #686c6f; } .accessories .accessory-checkbox:first-child .product-title { border-bottom: 0; } .accessories .accessory-checkbox .accessory-price { font-size: 1.143em; line-height: 1.125em; color: #ee0000; } .accessories .add-all-to-cart.btn, .accessories .add-all-to-cart.hero-action-btn { padding: 0.572em 2.029em; color: #fff; } .full-width.single-product .accessories .products { margin-top: -1.429em; margin-left: -1.429em; } .electro-description { margin-bottom: 8.571em; } .electro-description > *:last-child { margin-bottom: 0; } .product_meta > span { font-weight: bold; color: #686c6f; } .product_meta > span span, .product_meta > span a { font-weight: normal; } .product_meta > span + span::before { content: '/'; color: #c5c5c5; margin: 0 1.571em; } .electro-tabs { background-color: #f9f9f9; width: 100vw; position: relative; margin-left: -50vw; left: 50%; padding: 2.857em 0; margin-bottom: 5em; } .electro-tabs ~ div.products > h2 { font-size: 1.786em; line-height: 1.6em; display: block; position: relative; padding-bottom: 0.400em; border-bottom: 1px solid #dadada; margin-bottom: 1.360em; } .electro-tabs ~ div.products > h2::after { content: ' '; border-bottom: 2px solid transparent; display: block; width: 20%; position: absolute; bottom: -1px; } .electro-tabs ~ div.products ul.products { margin-bottom: 0; } .electro-tabs .electro-tab { margin-bottom: 3.357em; } .electro-tabs .electro-tab:last-child { margin-bottom: 0; } .electro-tabs .electro-tab .tab-content { background-color: #fff; padding: 2.571em 8.3333%; } .electro-tabs .ec-tabs { text-align: center; margin-bottom: 4.571em; border-bottom: 1px solid #ddd; margin-left: -2em; margin-right: -2em; } .onsale { display: inline-block; margin-top: 16px; padding: 2px 10px; margin-left: 15px; background: #ee0000; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; } .normal.single-product .quantity.buttons_added .minus, .normal.single-product .quantity.buttons_added .plus { bottom: 0.857em; right: 0.857em; } .normal.single-product .quantity.buttons_added .plus { right: 2.286em; } #tab-specification h1, #tab-specification h2, #tab-specification h3, #tab-specification h4, #tab-specification h5, #tab-specification h6 { font-size: 1.286em; line-height: 1.043em; color: #333e48; margin-bottom: 1em; } #tab-specification table.shop_attributes tbody tr:nth-of-type(2n+1) { background-color: transparent; } #tab-specification table, #tab-specification table.shop_attributes { margin-bottom: 5em; } #tab-specification table:last-child, #tab-specification table.shop_attributes:last-child { margin-bottom: 0; } #tab-specification table tr th, #tab-specification table tr td, #tab-specification table.shop_attributes tr th, #tab-specification table.shop_attributes tr td { padding: 7px 30px; font-size: 14px; } #tab-specification table tr th, #tab-specification table.shop_attributes tr th { font-weight: bold; } #tab-specification table tr th, #tab-specification table tr td:first-child, #tab-specification table.shop_attributes tr th, #tab-specification table.shop_attributes tr td:first-child { width: 30%; } #tab-specification table tr:first-child th, #tab-specification table tr:first-child td, #tab-specification table.shop_attributes tr:first-child th, #tab-specification table.shop_attributes tr:first-child td { padding-top: 0; border-top: none; } p.stars { display: inline-block; margin: 0; } p.stars a { display: inline-block; height: 1em; margin-right: 1px; position: relative; text-decoration: none; text-indent: -999em; width: 1em; } p.stars a:before { content: "\f006"; display: block; font-family: 'FontAwesome'; height: 1em; left: 0; line-height: 1; position: absolute; text-indent: 0; top: 0; width: 1em; } p.stars:hover a:before { content: "\f005"; font-family: 'FontAwesome'; } p.stars.selected a.active::before, p.stars:hover a::before { content: "\f005"; font-family: 'FontAwesome'; } /*===================================================================================*/ /* ABOUT-PAGE /*===================================================================================*/ .text-boxes h3.highlight, .text-boxes h2, .wpb-accordion h3.highlight, .wpb-accordion h2 { font-size: 1.286em; line-height: 1.000em; color: #2e6cc1; margin-bottom: 1.667em; font-weight: 600; } .text-boxes h2, .wpb-accordion h2 { margin-bottom: 1.222em; } .wpb-accordion .vc_tta-container { padding-left: 50px; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel { margin-bottom: 20px; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel:last-child { margin-bottom: 0; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading, .wpb-accordion .vc_tta.vc_general .vc_tta-panel-body { border: none; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title { font-size: 1.286em; line-height: 1.556em; letter-spacing: 0.01em; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a { padding: 0.333em 0; text-align: left; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a span { color: #797979; margin-left: 2em; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a i { display: inline-block; vertical-align: middle; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a:not(.collapsed) { font-weight: 700; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a:not(.collapsed):before { content: "\f068"; font-family: FontAwesome; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a:before { background: transparent; border: 1px solid #333e48; border-radius: 3px; display: inline-block; font-size: 12px; height: 37px; line-height: 37px; text-align: center; vertical-align: middle; width: 37px; color: #666; content: "\f067"; font-family: FontAwesome; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading:hover, .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading:focus { background: #fff !important; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading:hover .vc_tta-panel-title > a span, .wpb-accordion .vc_tta.vc_general .vc_tta-panel-heading:focus .vc_tta-panel-title > a span { color: #2e6cc1; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel-body { padding: 1em 2em 1em 4.214em; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title { font-weight: 700; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a span { color: #333e48; } .wpb-accordion .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i:before { border-color: #333e48; } .about-features { text-align: center; } .about-features h2 { font-size: 1.286em; line-height: 1.000em; font-weight: 600; margin-bottom: 1.556em; color: #2e6cc1; } .team-member-wrapper { padding: 6.429em 0; width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .team-member-wrapper .team-member img { border-radius: 50%; width: 100%; height: auto; display: block; } .team-member-wrapper .team-member .profile { text-align: center; } .team-member-wrapper .team-member .profile h3 { font-size: 1.286em; line-height: 1.556em; font-weight: 600; padding-top: 0.833em; padding-bottom: 0; margin-bottom: 0; } .team-member-wrapper .team-member .profile h3 small { display: block; font-size: 14px; line-height: 1.7em; color: #989898; } .about .header-with-cover-image { width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .about .header-with-cover-image .caption { text-align: center; vertical-align: middle; } /*===================================================================================*/ /* FAQ-PAGE /*===================================================================================*/ .faq-page-title { padding-bottom: 0.880em; border-bottom: 1px solid #dadada; margin-bottom: 1.600em; margin-top: 1.000em; } h3.faq-title { font-size: 1.143em; line-height: 2.500em; font-weight: 700; color: #434343; margin-bottom: 1.250em; } .text-content p { color: #434343; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-heading, .faq-accordion.vc_tta.vc_general .vc_tta-panel-body { border: none !important; } .faq-accordion.vc_tta.vc_general .vc_tta-panel:first-child .vc_tta-panel-title { border-top: none; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-heading, .faq-accordion.vc_tta.vc_general .vc_tta-panel-heading:hover, .faq-accordion.vc_tta.vc_general .vc_tta-panel-heading:focus { background: #fff !important; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-title { font-size: 1.786em; border-top: 1px solid #ddd; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-title > a { color: #434343 !important; padding: 1.12em 0.8em 1.12em 0; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-title > a i.vc_tta-controls-icon { width: 15px; height: 15px; } .faq-accordion.vc_tta.vc_general .vc_tta-panel-body { color: #747474; background: transparent !important; padding: 1em 1.429em 4.286em 0; } .entry-content .vc_toggle { margin: 0; border-bottom: 1px solid #ddd; margin-bottom: 0; } .entry-content .vc_toggle .vc_toggle_title { padding: 25px 0 !important; } .entry-content .vc_toggle .vc_toggle_title h4 { font-size: 1.786em; color: #434343 !important; margin: 0; } .entry-content .vc_toggle .vc_toggle_title h4 a { display: block; } .entry-content .vc_toggle .vc_toggle_title h4 a:after { font-family: 'FontAwesome'; float: right; content: "\f107"; font-size: 28px; } .entry-content .vc_toggle .vc_toggle_title .vc_toggle_icon { display: none; } .entry-content .vc_toggle .vc_toggle_content { color: #747474; padding: 1em 1.429em 3.143em 0 !important; margin-top: 0; margin-bottom: 0; } .entry-content .vc_toggle.vc_toggle_active .vc_toggle_title h4:after { font-family: 'FontAwesome'; content: "\f106"; } .entry-content .vc_toggle:last-child { border-bottom: none; } /*===================================================================================*/ /* COMPARE-PAGE /*===================================================================================*/ .table-compare { border: 1px solid #d7d7d7; margin-bottom: 3.75em; } .table-compare .product-title { font-size: 1.071em; line-height: 1.286em; font-weight: bold; color: #2e6cc1; } .table-compare tbody tr th { text-transform: uppercase; background-color: #f1f1f1; vertical-align: middle; text-align: center; } .table-compare tbody tr th, .table-compare tbody tr td { border: 1px solid #d7d7d7; } .table-compare tbody tr td { vertical-align: middle; text-align: center; padding: 1em; } .table-compare tbody tr td > span, .table-compare tbody tr td .out-of-stock { font-size: 0.6875rem; padding: 4px 0.625rem; letter-spacing: 0.6px; text-transform: uppercase; } .table-compare tbody tr td > span { border: 1px solid #1abc9c; color: #1abc9c; } .table-compare tbody tr td .out-of-stock { border: 1px solid #e74c3c; color: #e74c3c; } .table-compare tbody tr td .product-image, .table-compare tbody tr td .star-rating { display: inline-block; } .table-compare tbody tr:first-child td { vertical-align: top; width: 22%; } .table-compare tbody .button { padding: 0.6em 2em; } .table-compare tbody .price { font-size: 1.3em; } .table-compare tbody .price ins { text-decoration: none; } .table-compare tbody .price del { color: #5d7184; font-size: 0.875rem; } /*===================================================================================*/ /* CONTACT-PAGE /*===================================================================================*/ .contact-page-title { font-size: 1.786em; color: #2e6cc1 !important; padding-bottom: 0.600em; position: relative; border-bottom: 1px solid #dadada; margin-bottom: 1.200em; } .contact-page-title:after { content: ' '; width: 4.560em; border-bottom: 2px solid transparent; display: block; position: absolute; bottom: -1px; } .map iframe { width: 100%; } .store-info h3 { font-size: 1.000em; font-weight: 700; color: #2e6cc1; padding-top: 2.143em; padding-bottom: 0.714em; } .store-info iframe { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .store-info iframe:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .contact-form.vc_column_container .vc_column-inner { padding-right: 70px; } .contact-form .form-group { margin-bottom: 1.714em; } .store-info.vc_column_container .vc_column-inner { padding-left: 0; padding-right: 0; } .store-info.store-info-v2.vc_column_container .vc_column-inner { padding-left: 15px; padding-right: 0; } .wpb_gmaps_widget .wpb_wrapper { padding: 0 !important; } /*===================================================================================*/ /* 404_PAGE /*===================================================================================*/ .info-404 .search-field { width: 40%; } /*===================================================================================*/ /* STORE-DIRECTORY-PAGE /*===================================================================================*/ .electro-store-directory .widget_product_categories .product-categories, .electro-store-directory .widget_product_categories > ul { border: 0; /* (indentation/2) */ } .electro-store-directory .widget_product_categories .product-categories::after, .electro-store-directory .widget_product_categories > ul::after { content: ""; display: table; clear: both; } .electro-store-directory .widget_product_categories .product-categories > li > a, .electro-store-directory .widget_product_categories > ul > li > a { font-weight: 700; } .electro-store-directory .widget_product_categories .product-categories > li .children, .electro-store-directory .widget_product_categories > ul > li .children { display: block !important; } .electro-store-directory .widget_product_categories .product-categories > li .children .no-child, .electro-store-directory .widget_product_categories > ul > li .children .no-child { display: none; } .electro-store-directory .widget_product_categories .product-categories:not(.product-categories), .electro-store-directory .widget_product_categories > ul:not(.product-categories) { float: left; width: 25%; margin: 0; } .electro-store-directory .widget_product_categories .product-categories .child-indicator, .electro-store-directory .widget_product_categories .product-categories .no-child, .electro-store-directory .widget_product_categories > ul .child-indicator, .electro-store-directory .widget_product_categories > ul .no-child { display: none; } .electro-store-directory .widget_product_categories .product-categories li, .electro-store-directory .widget_product_categories > ul li { border: none; } .electro-store-directory .widget_product_categories .product-categories, .electro-store-directory .widget_product_categories .product-categories ul, .electro-store-directory .widget_product_categories > ul, .electro-store-directory .widget_product_categories > ul ul { margin: 0 0 0 1em; /* indentation */ padding: 0; list-style: none; color: #369; position: relative; } .electro-store-directory .widget_product_categories .product-categories ul, .electro-store-directory .widget_product_categories > ul ul { margin-left: .5em; } .electro-store-directory .widget_product_categories .product-categories:before, .electro-store-directory .widget_product_categories .product-categories ul:before, .electro-store-directory .widget_product_categories > ul:before, .electro-store-directory .widget_product_categories > ul ul:before { content: ""; display: block; width: 0; position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid #ddd; } .electro-store-directory .widget_product_categories .product-categories li, .electro-store-directory .widget_product_categories > ul li { margin: 0; padding: 0 1.5em; /* indentation + .5em */ line-height: 2em; /* default list item's `line-height` */ position: relative; } .electro-store-directory .widget_product_categories .product-categories li:before, .electro-store-directory .widget_product_categories > ul li:before { content: ""; display: block; width: 10px; /* same with indentation */ height: 0; border-top: 1px solid #ddd; margin-top: -1px; /* border top width */ position: absolute; top: 1.571em; /* (line-height/2) */ left: 0; } .electro-store-directory .widget_product_categories .product-categories li:last-child:before, .electro-store-directory .widget_product_categories > ul li:last-child:before { background: white; /* same with body background */ height: auto; top: 1em; /* (line-height/2) */ bottom: 0; } /*===================================================================================*/ /* Wishlist /*===================================================================================*/ .wishlist-title { text-align: center; padding: 40px 0; } .wishlist-title h2 { font-size: 40px; line-height: 50px; color: #434343; } .yith-wcwl-add-button img, .yith-wcwl-wishlistexistsbrowse .feedback { display: none !important; } .yith-wcwl-wishlistaddedbrowse .feedback { cursor: pointer; } .yith-wcwl-wishlistaddedbrowse .feedback:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; content: ""; } .yith-wcwl-wishlistaddedbrowse > a { display: none; } .add_to_wishlist::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; content: ""; } .yith-wcwl-wishlistexistsbrowse > a::before { color: #F22613; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; content: ""; } .yith-wcwl-share .yith-wcwl-share-title { margin: 0; } .yith-wcwl-share > ul { padding-left: 0 !important; } .shop_table.wishlist_table > tbody > tr > th, .shop_table.wishlist_table > tbody > tr > td, .shop_table.wishlist_table > tfoot > tr > th, .shop_table.wishlist_table > tfoot > tr > td { vertical-align: middle; } .shop_table.wishlist_table .mc-price-wrapper > ins { float: left; margin-right: 10px; } .shop_table.wishlist_table .mc-price-wrapper > del, .shop_table.wishlist_table .mc-price-wrapper > del .amount { font-size: 90%; } .yith-wcwl-share { margin-top: 10px; } .yith-wcwl-share h4 { line-height: 27px; padding-bottom: 11px; font-weight: bold; font-size: 18px; } .yith-wcwl-share ul > li > a { line-height: 1; font-family: FontAwesome; font-style: normal; } .yith-wcwl-share ul > li { padding-right: 10px; } .yith-wcwl-share .facebook:before { content: ""; color: #3b5998; } .yith-wcwl-share .twitter:before { content: ""; color: #00aced; } .yith-wcwl-share .pinterest:before { content: ""; color: #cb2027; } .yith-wcwl-share .googleplus:before { content: ""; color: #dd4b39; } .yith-wcwl-share .email:before { content: ""; color: #333e48; } .btn-add-to-wishlist i { margin: 0 5px 0 0; color: #c6c6c6; } .yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i { margin-right: 5px !important; } /*===================================================================================*/ /* Compares /*===================================================================================*/ .add-to-compare-link { padding: 0; border-radius: 0; font-weight: normal; } .add-to-compare-link::before { font: normal normal normal 14px/1 font-electro; margin-right: 6px; content: "\64"; vertical-align: middle; } .add-to-compare-link.added::before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .btn-add-to-compare i { margin: 0 5px 0 0; color: #c6c6c6; } /*===================================================================================*/ /* RESPONSIVE XS SCREEN /*===================================================================================*/ /*===================================================================================*/ /* SCREEN-DOWN-SM /*===================================================================================*/ @media (max-width: 767px) { /*upto 544*/ #content { margin-bottom: 5.714em; } /*........Header........*/ .secondary-nav .menu-item { display: block; } .secondary-nav .menu-item a { display: block; } .secondary-nav .menu-item + .menu-item { margin-left: 0; } .secondary-nav .menu-item.pull-right { float: left; } .header-support-info { float: none; text-align: center; } .header-support-info .media-body, .header-support-info .media-left, .header-support-info .media-right { display: inline-block; } .header-support-info .media-body { width: auto; } .header-support-info .media-left { padding-right: 10px; padding-left: 0; } .tp-bullets.custom { display: none !important; } .slider-sm-btn { padding: 7px 27px !important; font-size: 14px !important; } #tab-description .electro-description .layout tr td { display: inline-block; width: 100%; } #primary #tab-description .electro-description .layout tr td:last-child img { left: 24px; width: 100%; } #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 25px; width: 100%; } #primary #tab-description .electro-description .layout:last-child tr td:first-child { margin-bottom: 60px; } .navbar-primary .navbar-nav > .menu-item { float: none; } .navbar-primary .navbar-nav > .menu-item > a { border-right: none; } .navbar-primary button.navbar-toggler:focus, .navbar-primary button.navbar-toggler:hover { background: transparent; border: 1px solid transparent; padding: 0.5rem 0.75rem; line-height: 1; } .header-v1 + .navbar-primary, .header-v3 + .navbar-primary { padding: 0.358em 1rem; } .primary-nav .navbar-toggler { position: absolute; right: 1.071em; top: 0.400em; border: 1px solid #ddd; padding: 0.4rem 0.75rem 0.6rem; } .primary-nav .nav-inline > .menu-item { display: block; } .primary-nav .nav-inline > .menu-item.dropdown + .menu-item { margin-left: 0; } .primary-nav .nav-inline > .menu-item + .menu-item { margin-left: 0; } .primary-nav .nav-inline > .menu-item > a { display: block; padding: 0.6em 0.800em; } .primary-nav .nav-inline .yamm-fw .dropdown-menu { width: 100%; } .departments-menu .menu-item-has-children a[data-toggle="dropdown"]:after, .vertical-menu .menu-item-has-children a[data-toggle="dropdown"]:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /*........Header Menu Dropdown........*/ .navbar-primary #header-v3 .navbar-nav .menu-item.open .dropdown-menu { position: static; top: auto; width: auto; float: none; } .vertical-menu .yamm-fw .dropdown-menu > li, .departments-menu .yamm-fw .dropdown-menu > li { width: 100%; } .vertical-menu .yamm-tfw .dropdown-menu > li, .departments-menu .yamm-tfw .dropdown-menu > li { width: 100%; } .vertical-menu .yamm-hw .dropdown-menu > li, .departments-menu .yamm-hw .dropdown-menu > li { width: 100%; } .vertical-menu .menu-item-has-children > .dropdown-menu, .departments-menu-dropdown .menu-item-has-children > .dropdown-menu { display: none !important; width: 100% !important; position: static !important; margin: 1.429em 0; min-height: inherit !important; } .vertical-menu .menu-item-has-children > .dropdown-menu > li, .departments-menu-dropdown .menu-item-has-children > .dropdown-menu > li { min-height: inherit !important; } .vertical-menu .menu-item-has-children > .dropdown-menu:hover, .departments-menu-dropdown .menu-item-has-children > .dropdown-menu:hover { opacity: 0; visibility: hidden; width: 0; display: none; } .vertical-menu .menu-item-has-children > .dropdown-menu .vc_column_container:first-child, .departments-menu-dropdown .menu-item-has-children > .dropdown-menu .vc_column_container:first-child { margin-bottom: 1.429em; } .vertical-menu .menu-item-has-children > .dropdown-menu .vc_column_container:last-child, .departments-menu-dropdown .menu-item-has-children > .dropdown-menu .vc_column_container:last-child { margin-bottom: 0; } .vertical-menu .menu-item-has-children.open > .dropdown-menu, .departments-menu-dropdown .menu-item-has-children.open > .dropdown-menu { display: block !important; opacity: 1 !important; visibility: visible !important; width: auto !important; margin-top: 0 !important; } .vertical-menu .dropdown:not(.list-group-item) > .dropdown-menu > li { width: 100%; } .vertical-menu .list-group-item > .dropdown.yamm-tfw .dropdown-menu > li, .vertical-menu .dropdown.yamm-tfw .dropdown-menu > li { width: 100%; position: relative; } .vertical-menu .yamm-content { padding: 1.143em; } .bg-yamm-extend-outside { right: 0; } .vertical-menu > .menu-item, .vertical-menu .dropdown-menu > .menu-item { padding: 0; } .departments-menu .departments-menu-dropdown .menu-item-has-children:hover ul.dropdown-menu, .departments-menu .departments-menu-dropdown .menu-item-has-children:focus ul.dropdown-menu, .departments-menu .departments-menu-dropdown .menu-item-has-children.open ul.dropdown-menu { display: block !important; margin-top: 0 !important; } .yamm .yamm-content .bg-yamm-content { position: static; margin-bottom: 1.429em; } /*........Footer........*/ .footer-widgets .row > div { margin-bottom: 5.000em; } .footer-widgets .row > div:last-child { margin-bottom: 0; } .footer-newsletter .newsletter-title { display: block; margin-right: 0; } .footer-newsletter .newsletter-marketing-text { margin-left: 0; display: block; text-align: center; } .footer-newsletter form { margin-top: 0.714em; } .footer-social-icons .social-icons { text-align: center; } .footer-social-icons .social-icons > li + li { margin-left: 1.786em; } .footer-bottom-widgets .columns { margin-bottom: 3em; display: block; } .footer-bottom-widgets .columns + .columns { margin-left: 0; } /*........ Slider.......*/ .home-v1-slider, .home-v2-slider, .home-v3-slider { height: 300px; } .home-v1-slider .owl-item, .home-v2-slider .owl-item, .home-v3-slider .owl-item { font-size: 10px; height: 300px; } #owl-main .item .caption { padding-top: 20px; } /*........Shop Page........*/ ul.products > li.product.list-view, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .products-carousel .owl-item ul.products > .list-view.product { padding: 0; } .woocommerce-page .page-header .woocommerce-result-count { position: relative; } .woocommerce-page .page-title { margin-bottom: 0.800em; } .shop-control-bar { text-align: center; padding: 1.071em 1.429em; margin-bottom: 2.143em; } .shop-control-bar .shop-view-switcher, .shop-control-bar .woocommerce-ordering, .shop-control-bar .form-electro-wc-ppp, .shop-control-bar .electro-advanced-pagination { float: none !important; } .shop-control-bar .shop-view-switcher { display: inline-block; } .shop-control-bar .woocommerce-ordering, .shop-control-bar .form-electro-wc-ppp { margin-left: 0; margin-bottom: 1.071em; } .section-product-cards-carousel .product-cards-carousel { overflow: hidden; } .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-body, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-body, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-body, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-left, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-left, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-right, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-right, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-right, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-right { display: inline-block; width: 100%; } .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-body, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-body, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-body, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-body { padding: 0; } .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-left, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-left, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-left { padding-bottom: 10px; } .products .product.product-card .product-inner { padding-bottom: 0; } section.section-product-cards-carousel header ul.nav { border-top: none !important; } .columns-6-1 > ul.products.product-main-6-1 > li.product .product-thumbnail img, .section-onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product .product-thumbnail img, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.product-main-6-1 > .onsale-product-content .product-thumbnail img, .products-carousel .owl-item .columns-6-1 > ul.products.product-main-6-1 > .product .product-thumbnail img { height: auto; } .columns-6-1 > ul.products.products-6 > li.product .price, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product .price { font-size: 1.786em; } ul.products li.product:after, ul.products .section-onsale-product .onsale-product:after, .section-onsale-product ul.products .onsale-product:after, ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content:after, ul.products .products-carousel .owl-item .product:after, .products-carousel .owl-item ul.products .product:after, ul.products .section-onsale-product .onsale-product:after, .section-onsale-product ul.products .onsale-product:after, ul.products .products-carousel .owl-item .product:after, .products-carousel .owl-item .product:after { display: none; } .shop-control-bar-bottom { text-align: center; } .shop-control-bar-bottom .form-electro-wc-ppp, .shop-control-bar-bottom .woocommerce-result-count, .shop-control-bar-bottom .woocommerce-pagination { float: none; } .shop-control-bar-bottom .woocommerce-result-count { margin: 0.500em 0; margin-left: 0; float: none !important; } .shop-control-bar-bottom .woocommerce-pagination { text-align: center; } .shop-control-bar-bottom .woocommerce-pagination ul.page-numbers { display: inline-block; } .woocommerce-page .page-header .woocommerce-result-count { position: relative; top: auto; transform: none; display: inline-block; } .product-loop-categories { margin: 0; } .product-loop-categories .product-category { float: none; padding: 0 0 30px; border: 1px solid #ddd; margin-bottom: 2.857em; } .product-loop-categories .product-category:after { border-right: none; } .product-loop-categories .product-category:hover { box-shadow: none; } .product-loop-categories .product-category:first-child { margin-top: 0; } /*........Single Product Page........*/ .single-product .product-images-wrapper, .single-product .summary.entry-summary { margin-bottom: 2.143em; } .single-product.full-width .wc-tab { padding: 2em; } .wc-tabs > li, .ec-tabs > li { display: block; margin-bottom: 1.429em; } .wc-tabs > li:last-child, .ec-tabs > li:last-child { margin-bottom: 1.429em; } .wc-tabs > li + li, .ec-tabs > li + li { margin-left: 0; } .wc-tabs > li a, .ec-tabs > li a { display: inline-block; } .electro-nav-tabs > li.nav-item { display: block; margin-bottom: 1.429em; } .electro-nav-tabs > li.nav-item + li.nav-item { margin-left: 0; } .accessories .col-left { padding-left: 15px; } .accessories .col-left ul.products { margin-right: 0 !important; } .accessories .col-right { margin-top: 50px; text-align: center; } .accessories .add-all-to-cart.btn, .accessories .add-all-to-cart.hero-action-btn, .accessories .add-all-to-cart.hero-action-btn { padding: 0.572em 1.029em; } .full-width.single-product .accessories .products { margin-left: 0; } #reviews .commentlist > li img { margin-bottom: 1.429em; } .advanced-review .rating-histogram { margin-bottom: 2.857em; } .advanced-review .rating-histogram .rating-percentage-bar { margin-top: 0.357em; } .extended.full-width #primary #tab-description .electro-description .layout tr td:last-child img { left: 0; } .extended.full-width #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 0; } .full-width #primary #tab-description .electro-description .layout tr td:last-child img { left: 0; } .full-width #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 0; } /*........Cart Page........*/ table.shop_table.shop_table_responsive thead { display: none; } table.shop_table.shop_table_responsive tr td { text-align: right; display: block; } table.shop_table.shop_table_responsive tr td:before { content: attr(data-title) ": "; float: left; font-weight: 700; } table.shop_table.shop_table_responsive tr td.product-thumbnail { display: none; } table.shop_table.shop_table_responsive tr td.product-thumbnail, table.shop_table.shop_table_responsive tr td.actions, table.shop_table.shop_table_responsive tr td.order-actions { text-align: left; } table.shop_table.shop_table_responsive tr td.product-thumbnail:before, table.shop_table.shop_table_responsive tr td.actions:before, table.shop_table.shop_table_responsive tr td.order-actions:before { display: none; } table.shop_table.shop_table_responsive tr td.product-remove:before { display: none; } table.shop_table.shop_table_responsive tr td.product-quantity .quantity { width: 100%; } table.shop_table.shop_table_responsive tr td.product-quantity .input-text { max-width: 5em; } table.shop_table.shop_table_responsive tr td.product-quantity .quantity.buttons_added .input-text { max-width: 8em; } table.shop_table.shop_table_responsive tr.cart_item { border-bottom: 1px solid #eaeaea; display: block; padding: 10px 0; } table.shop_table.shop_table_responsive tr.cart_item:first-child { padding: 0 0 10px; } table.shop_table.shop_table_responsive tr.cart_item:last-child { border-bottom: none; } table.shop_table.shop_table_responsive.cart tbody tr.cart_item:first-child td { padding-top: 1.029em; } table.shop_table.shop_table_responsive.cart .coupon { float: none; } table.shop_table.shop_table_responsive.cart input[name="update_cart"] { display: block; margin-bottom: 1.429em; width: 100%; } table.shop_table.shop_table_responsive.cart .wc-proceed-to-checkout { margin-left: 0; } table.shop_table.shop_table_responsive.cart .wc-proceed-to-checkout, table.shop_table.shop_table_responsive.cart .wc-proceed-to-checkout a { display: block; text-align: center; } .cart-collaterals .cart_totals table.shop_table_responsive tbody tr th { display: none; } .cart-empty { font-size: 2.143em; } /*........Checkout Page........*/ .checkout_coupon .form-row-first .input-text { border-top-right-radius: 1.571em; border-bottom-right-radius: 1.571em; } .checkout_coupon .form-row-last .button { border-top-left-radius: 1.571em; border-bottom-left-radius: 1.571em; } .form-row.form-row-first { padding-right: 0; } .form-row.form-row-last { padding-left: 0; } #payment .payment_methods li label, #payment .payment_methods li input { display: inline; } #payment .terms label { display: inline; } /*........Wishlist........*/ table.wishlist_table thead { display: none; } table.wishlist_table tbody tr { display: block; border-bottom: 1px solid #ddd; margin-bottom: 1.429em; padding-bottom: 1.429em; } table.wishlist_table tbody tr:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } table.wishlist_table tbody tr td { display: block; border-top: none; } table.wishlist_table tbody tr td.product-thumbnail { width: 100%; } table.wishlist_table tbody tr td.product-thumbnail img { margin: 0; } /*........Blog Page........*/ article.post .media-attachment .media-attachment-gallery .owl-carousel .owl-stage-outer { height: auto; } article.post.format-quote, article.post.format-link { padding: 2.857em; } .blog-list article.post .media-attachment { margin-bottom: 1.429em; } .blog-list article.post.format-quote, .blog-list article.post.format-link { margin: 0 0 6.214em; } .entry-meta { clear: both; } .post-author-info .media .media-left { display: block; padding-right: 0; } .single-post article.post .entry-header h1.entry-title .comments-link { display: none; } .comment-list .comment .gravatar-wrapper, .comment-list .pingback .gravatar-wrapper, .pings-list .comment .gravatar-wrapper, .pings-list .pingback .gravatar-wrapper { display: block; padding-right: 0; } .comment-list .comment-body .comment-content, .pings-list .comment-body .comment-content { display: block; width: 100%; margin-top: 20px; } .comment-list .comment-body .comment-content, .pings-list .comment-body .comment-content { margin-bottom: 0; } /*........Contact Page........*/ .contact-form.vc_column_container .vc_column-inner { padding-right: 0; } .store-info.vc_column_container .vc_column-inner { padding-left: 1.071em; padding-right: 1.071em; } .store-info.store-info-v2 .vc_column-inner { padding-right: 1.071em; } .store-info.store-info-v2 .vc_column-inner .inner-left-xs { padding-left: 0; } .store-info .inner-right-md { padding: 0; } /*........About Page ........*/ .wpb-accordion .vc_tta-container { padding-left: 0; } /*........My Account........*/ .no-registration-form { margin: 0; width: 100%; } #customer_login { padding: 0; } #customer_login:before, #customer_login:after { display: none; } #customer_login .col-1 { padding-right: 0.9375rem; margin-bottom: 2.143em; } #customer_login .col-2 { padding-left: 0.9375rem; } .or-text { display: none; } /*........HomePage........*/ .section-onsale-product .savings { float: none; margin-top: 20px; } .ads-block > div { margin-bottom: 1.429em; } .ads-block > div:last-child { margin-bottom: 0; } .products-carousel-tabs .nav-inline, .products-2-1-2 .nav-inline { margin-bottom: 2.143em; } .products-carousel-tabs .nav-inline .nav-item, .products-2-1-2 .nav-inline .nav-item { margin-bottom: 1.429em; } .products-carousel-tabs .nav-inline .nav-item + .nav-item, .products-2-1-2 .nav-inline .nav-item + .nav-item { margin-left: 0; } .products-carousel-tabs .nav-link, .products-2-1-2 .nav-link { display: inline-block; } .products-2-1-2 .columns-2-1-2 > ul { margin-bottom: 0; } .products-2-1-2 ul.products > li.product .hover-area, .products-2-1-2 .section-onsale-product ul.products > .onsale-product .hover-area, .section-onsale-product .products-2-1-2 ul.products > .onsale-product .hover-area, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 ul.products > .onsale-product-content .hover-area, .products-2-1-2 .products-carousel .owl-item ul.products > .product .hover-area, .products-carousel .owl-item .products-2-1-2 ul.products > .product .hover-area { padding-bottom: 1.071em; } section.section-product-cards-carousel header ul.nav, .products-6-1 header ul.nav { float: none; display: block; margin: 1.429em 0; } .products-6-1 header h1, .home-v2-product-cards-carousel header h1 { display: block; } .primary-nav .nav-inline .dropdown-menu .menu-item > a { white-space: normal; } .products-carousel-with-image section header .h1, .products-carousel-with-image section header h1 { font-size: 1.7em; } .nav-inline .nav-item { display: block; text-align: center; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-item { margin-left: 0; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product, .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .columns-2-1-2 > ul.products:first-child .product, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .columns-2-1-2 > ul.products:last-child .product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-2-1-2 .section-onsale-product .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child .product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-2-1-2 .section-onsale-product .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child .product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child .product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child .product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > li.product, .products-2-1-2 .products-carousel .owl-item .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child .product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > li.product, .products-2-1-2 .products-carousel .owl-item .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-carousel .owl-item .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child .product { margin-bottom: 0.857em; } .products-carousel { clear: both; } .products-carousel .owl-stage-outer { padding: 0; } .products-carousel .owl-item .product .product-inner { border-right: none; } section header, section.section-product-cards-carousel header { margin-bottom: 1.429em; } .products .product.product-card .media-body .hover-area { opacity: 1; visibility: visible; transform: translateY(4%); } .products .product.product-card:hover .media-body .hover-area { transform: translateY(4%); } .products .product.product-card:hover .product-inner { height: 100%; } /*........Home Page2........*/ .section-onsale-product-carousel .owl-nav { padding-bottom: 1.429em; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content { margin-top: 2.143em; } .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-thumbnails .savings { position: relative; } .home-list-categories ul.categories > li.category:after { display: none; } .products-carousel-with-image { padding: 50px 0; } /*........HomePage-3........*/ .columns-6-1 > ul.products.products-6, .columns-6-1 > ul.products.product-main-6-1 { float: none; } .columns-6-1 > ul.products.products-6 { padding-right: 0.9375rem; } .columns-6-1 > ul.products.product-main-6-1 { padding-left: 0.9375rem; } .columns-6-1 > ul.products.product-main-6-1 .product-outer { height: inherit !important; } .columns-6-1 > ul.products.product-main-6-1 > .product .thumbnails { margin-right: 0; } .columns-6-1 > ul.products.product-main-6-1 > .product .thumbnails > a { width: 40%; margin-bottom: 10px; } .columns-6-1 > ul.products.products-6 > li.product, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product { padding-right: 0; margin-bottom: 0.857em; } .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner { padding-bottom: 0; padding-right: 1.714em; } .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > li.product:hover .product-inner .hover-area, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .onsale-product-content:hover .product-inner .hover-area, .products-carousel .owl-item .columns-6-1 > ul.products.products-6 > .product:hover .product-inner .hover-area { padding-bottom: 1.429em; } .pagination { padding-top: 2.143em; margin-bottom: 2.143em; } .sidebar .widget:last-child, .sidebar-blog .widget:last-child { margin-bottom: 0; } /*........Store Category........*/ .electro-store-directory .widget_product_categories .product-categories:not(.product-categories), .electro-store-directory .widget_product_categories > ul:not(.product-categories) { width: 100%; } #config { position: absolute !important; } } @media (max-width: 543px) { /*........Header Menu Dropdown........*/ .primary-nav .nav-inline > .menu-item.open .dropdown-menu { position: static; top: auto; width: auto; float: none; } ul.products > li.product.list-view, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content, .products-carousel .owl-item ul.products > .list-view.product, .section-onsale-product ul.products > .list-view.onsale-product, .section-onsale-product ul.products > .list-view.onsale-product, .products-carousel .owl-item ul.products > .list-view.product, .products-carousel .owl-item ul.products > .list-view.product { margin: 0.857em 0; padding-bottom: 0; border-bottom: none; } ul.products > li.product.list-view:last-child, .section-onsale-product ul.products > .list-view.onsale-product:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:last-child, .products-carousel .owl-item ul.products > .list-view.product:last-child, .section-onsale-product ul.products > .list-view.onsale-product:last-child, .section-onsale-product ul.products > .list-view.onsale-product:last-child, .products-carousel .owl-item ul.products > .list-view.product:last-child, .products-carousel .owl-item ul.products > .list-view.product:last-child { margin-bottom: 0.857em; } ul.products > li.product.list-view .media, .section-onsale-product ul.products > .list-view.onsale-product .media, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media, .products-carousel .owl-item ul.products > .list-view.product .media, .section-onsale-product ul.products > .list-view.onsale-product .media, .section-onsale-product ul.products > .list-view.onsale-product .media, .products-carousel .owl-item ul.products > .list-view.product .media, .products-carousel .owl-item ul.products > .list-view.product .media { border: 1px solid #ddd; } ul.products > li.product.list-view .media-left, .section-onsale-product ul.products > .list-view.onsale-product .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-left, .products-carousel .owl-item ul.products > .list-view.product .media-left, ul.products > li.product.list-view .media-body, .section-onsale-product ul.products > .list-view.onsale-product .media-body, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body, .products-carousel .owl-item ul.products > .list-view.product .media-body, .section-onsale-product ul.products > .list-view.onsale-product .media-left, .section-onsale-product ul.products > .list-view.onsale-product .media-body, .section-onsale-product ul.products > .list-view.onsale-product .media-left, .section-onsale-product ul.products > .list-view.onsale-product .media-body, .products-carousel .owl-item ul.products > .list-view.product .media-left, .products-carousel .owl-item ul.products > .list-view.product .media-body, .products-carousel .owl-item ul.products > .list-view.product .media-left, .products-carousel .owl-item ul.products > .list-view.product .media-body { padding-right: 0; display: block; width: 100%; } ul.products > li.product.list-view .media-body .row, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .row, .products-carousel .owl-item ul.products > .list-view.product .media-body .row, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row, .products-carousel .owl-item ul.products > .list-view.product .media-body .row, .products-carousel .owl-item ul.products > .list-view.product .media-body .row { margin: 0; } ul.products > li.product.list-view .media-body .row .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .row .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .row .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .row .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .row .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .row .col-xs-12:first-child { padding-right: 1.071em; } ul.products > li.product.list-view .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .hover-area, .products-carousel .owl-item ul.products > .list-view.product .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .hover-area, .products-carousel .owl-item ul.products > .list-view.product .hover-area, .products-carousel .owl-item ul.products > .list-view.product .hover-area { border-top: 1px solid #eaeaea; padding: 1.071em 0; } ul.products > li.product.list-view:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:hover .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product:hover .hover-area, ul.products > li.product.list-view:focus .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:focus .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.product:focus .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:focus .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.product:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.product:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product:focus .hover-area { border-top: 1px solid #eaeaea; padding: 1.071em 0; } ul.products > li.product.list-view.list-view-small .hover-area, .section-onsale-product ul.products > .list-view.list-view-small.onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.list-view-small.onsale-product-content .hover-area, .products-carousel .owl-item ul.products > .list-view.list-view-small.product .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small .hover-area { border-top: none; padding: 0 0 1.071em; } ul.products > li.product.list-view.list-view-small .media-body, .section-onsale-product ul.products > .list-view.list-view-small.onsale-product .media-body, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.list-view-small.onsale-product-content .media-body, .products-carousel .owl-item ul.products > .list-view.list-view-small.product .media-body, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small .media-body, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small .media-body, .products-carousel .owl-item ul.products > .list-view.product.list-view-small .media-body, .products-carousel .owl-item ul.products > .list-view.product.list-view-small .media-body { margin-top: 20px; } ul.products > li.product.list-view.list-view-small:hover .hover-area, .section-onsale-product ul.products > .list-view.list-view-small.onsale-product:hover .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.list-view-small.onsale-product-content:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.list-view-small.product:hover .hover-area, ul.products > li.product.list-view.list-view-small:focus .hover-area, .section-onsale-product ul.products > .list-view.list-view-small.onsale-product:focus .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.list-view-small.onsale-product-content:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.list-view-small.product:focus .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small:focus .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small:hover .hover-area, .section-onsale-product ul.products > .list-view.onsale-product.list-view-small:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small:focus .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small:hover .hover-area, .products-carousel .owl-item ul.products > .list-view.product.list-view-small:focus .hover-area { border-top: none; } .accessories .col-left .products li.product::before, .accessories .col-left .products .section-onsale-product .onsale-product::before, .section-onsale-product .accessories .col-left .products .onsale-product::before, .accessories .col-left .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .col-left .products .onsale-product-content::before, .accessories .col-left .products .products-carousel .owl-item .product::before, .products-carousel .owl-item .accessories .col-left .products .product::before { left: 42%; transform: translateY(-74%); z-index: 1; top: inherit; } .accessories .col-left .products li.product .hover-area, .accessories .col-left .products .section-onsale-product .onsale-product .hover-area, .section-onsale-product .accessories .col-left .products .onsale-product .hover-area, .accessories .col-left .products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .accessories .col-left .products .onsale-product-content .hover-area, .accessories .col-left .products .products-carousel .owl-item .product .hover-area, .products-carousel .owl-item .accessories .col-left .products .product .hover-area { display: none; } .dropdown-menu-mini-cart { width: 308px; right: -25px !important; } } /*===================================================================================*/ /* SCREEN-DOWN-MD /*===================================================================================*/ @media (max-width: 991px) { /* upto 991px*/ /*........Top Bar........*/ .top-bar .nav.nav-inline { float: none; text-align: center; margin: 0.714em 0; } .top-bar .nav.nav-inline.pull-left.flip, .top-bar .nav.nav-inline.pull-right.flip { float: none !important; } /*........Header........*/ .header-logo, .primary-nav { margin-bottom: 1.429em; float: none; } .woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last { width: 100%; } .woocommerce-billing-fields .form-row.form-row-last { padding-left: 0; } .woocommerce-billing-fields .form-row.form-row-first { padding-right: 0; } ul.products > li.product .product-inner, .section-onsale-product ul.products > .onsale-product .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner, .products-carousel .owl-item ul.products > .product .product-inner, .section-onsale-product ul.products > .onsale-product .product-inner, .products-carousel .owl-item .product .product-inner { border: 1px solid #ddd; } ul.products > li.product .hover-area, .section-onsale-product ul.products > .onsale-product .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .hover-area, .products-carousel .owl-item ul.products > .product .hover-area, .section-onsale-product ul.products > .onsale-product .hover-area, .products-carousel .owl-item .product .hover-area { display: block; padding-top: 1.071em; border-top: 1px solid #eaeaea; } ul.products > li.product:hover .product-inner, .section-onsale-product ul.products > .onsale-product:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content:hover .product-inner, .products-carousel .owl-item ul.products > .product:hover .product-inner, .section-onsale-product ul.products > .onsale-product:hover .product-inner, .products-carousel .owl-item .product:hover .product-inner { box-shadow: none; position: relative; } ul.products > li.product:hover .hover-area, .section-onsale-product ul.products > .onsale-product:hover .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content:hover .hover-area, .products-carousel .owl-item ul.products > .product:hover .hover-area, .section-onsale-product ul.products > .onsale-product:hover .hover-area, .products-carousel .owl-item .product:hover .hover-area { display: block; padding-top: 1.071em; } .footer-newsletter .newsletter-marketing-text { margin-left: 0; display: block; text-align: center; } .home-v3-ads-block .ad:first-child .ad-text { margin-bottom: 0px; font-size: 1.32em; } .header-logo { text-align: center; z-index: 1; float: left; } .header-logo a.header-logo-link { display: inline-block; } .departments-menu > .nav-item { width: 100%; margin-right: 0; text-align: center; } .navbar-search { width: 100%; margin: 0.714em 0; } .navbar-search > .input-group { display: block; } .navbar-search > .input-group .search-field.form-control, .navbar-search > .input-group table.cart .coupon .search-field.input-text, table.cart .coupon .navbar-search > .input-group .search-field.input-text { border-bottom: 1px solid #dddddd; border-bottom-left-radius: 0; border-top-right-radius: 1.467em; } .navbar-search > .input-group .search-categories.input-group-addon { border-bottom-left-radius: 1.467em; border-top-left-radius: 0; width: 100%; text-align: left; } .navbar-search > .input-group .search-categories.input-group-addon select { padding: 0 1.75rem 0 1em; width: 100%; } .navbar-search > .input-group .input-group-btn > .btn, .navbar-search > .input-group .input-group-btn > .hero-action-btn { padding: 1.036em 2.2em; border-top-right-radius: 0; } .navbar-search > .input-group .twitter-typeahead { display: block !important; } .navbar-search .form-control, .navbar-search table.cart .coupon .input-text, table.cart .coupon .navbar-search .input-text { border-radius: 1.467em; } .navbar-search .search-field:not(:first-child):not(:last-child) { border-top-left-radius: 1.467em; } .navbar-search .btn, .navbar-search .hero-action-btn, .navbar-search button { border-radius: 1.571em; } .vertical-menu.make-absolute { position: relative; width: 100%; } .dropdown-menu-mini-cart { right: -1.071em; } .dropdown-menu-mini-cart p.buttons::after { content: ""; display: table; clear: both; } .dropdown-menu-mini-cart p.buttons .wc-forward { margin: 0 0.5em 0 0; padding: 0.6em 1.8em; } .dropdown-menu-mini-cart p.buttons .wc-forward.checkout { margin: 0 0 0 0.5em; } .navbar-primary { padding: 1rem; } .navbar-primary .container { position: relative; } .navbar-primary .navbar-mini-cart .dropdown-menu-mini-cart { right: -1.071em; } /*........ Header Menu Dropdown........*/ .vertical-menu .menu-item-has-children.open > .dropdown-menu, .departments-menu .menu-item-has-children.open > .dropdown-menu { position: static !important; left: 0 !important; width: 100% !important; height: auto !important; opacity: 1 !important; visibility: visible !important; min-height: inherit !important; } .vertical-menu .menu-item-has-children:hover > .dropdown-menu, .vertical-menu .menu-item-has-children:focus > .dropdown-menu, .departments-menu .menu-item-has-children:hover > .dropdown-menu, .departments-menu .menu-item-has-children:focus > .dropdown-menu { opacity: 0; visibility: hidden; } .departments-menu .departments-menu-dropdown .menu-item-has-children:hover > ul.dropdown-menu, .departments-menu .departments-menu-dropdown .menu-item-has-children:focus > ul.dropdown-menu, .departments-menu .departments-menu-dropdown .menu-item-has-children.open > ul.dropdown-menu { position: static !important; display: block !important; margin-top: 0 !important; left: 0 !important; top: auto; } .home-v2 .departments-menu > .dropdown > .dropdown-menu { display: none; } .home-v2 .departments-menu > .dropdown.open > .dropdown-menu { display: block; } .header-v1 .container > .row:first-child, .header-v3 .container > .row:first-child { margin: 0 0 1.786em; position: relative; } .header-v1 .header-logo, .header-v3 .header-logo { float: none; width: 100%; } .header-v1 .navbar-search .input-group .form-control, .header-v1 .navbar-search .input-group table.cart .coupon .input-text, table.cart .coupon .header-v1 .navbar-search .input-group .input-text, .header-v3 .navbar-search .input-group .form-control, .header-v3 .navbar-search .input-group table.cart .coupon .input-text, table.cart .coupon .header-v3 .navbar-search .input-group .input-text { border-right: 2px solid transparent; } .header-v1 .navbar-search .input-group .input-group-addon, .header-v3 .navbar-search .input-group .input-group-addon { border-left: 2px solid transparent; padding: 0.375rem 1.78rem; } .header-v1 .navbar-search .input-group .input-group-addon select, .header-v3 .navbar-search .input-group .input-group-addon select { padding: 0 1.75rem 0 0; } .header-v1 .navbar-nav + .navbar-nav, .header-v1 .navbar-search + .navbar-nav, .header-v3 .navbar-nav + .navbar-nav, .header-v3 .navbar-search + .navbar-nav, .navbar-primary .navbar-nav + .navbar-nav, .navbar-primary .navbar-search + .navbar-nav { margin-left: 0; } .header-v1 .navbar-nav.navbar-compare, .header-v3 .navbar-nav.navbar-compare, .navbar-primary .navbar-nav.navbar-compare { float: left !important; padding-left: 0.714em; } .header-v1 .navbar-nav.navbar-wishlist, .header-v3 .navbar-nav.navbar-wishlist, .navbar-primary .navbar-nav.navbar-wishlist { bottom: 0; /*1.071em;*/ display: inline-block; left: 50%; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*........Home Page 1.......*/ .products-2-1-2 .columns-2-1-2 > ul.products:first-child { padding-right: 0.9375rem; } .products-2-1-2 .columns-2-1-2 > ul.products:last-child { padding-left: 0.9375rem; } /*........Home Page 2........*/ .columns-3 .products .product-card .hover-area .action-buttons > div:first-child, .columns-3 .products .product-card .hover-area .action-buttons > a:first-child, .columns-3 .products .product-card .hover-area .action-buttons > div:last-child, .columns-3 .products .product-card .hover-area .action-buttons > a:last-child { float: none; } .home-v2 #sidebar { margin-top: 5.714em !important; } .home-v2-slider { left: 50%; } /*..........Home Page 3........*/ .features-list.columns-5 .feature, .features-list.columns-5 .feature + .feature { border-bottom: 1px solid #ddd; border-left: none; } .features-list.columns-5 .feature:last-child, .features-list.columns-5 .feature + .feature:last-child { border-bottom: none; } /*........Shop Page........*/ .shop-control-bar-bottom .woocommerce-result-count { float: right; } .shop-control-bar-bottom .woocommerce-pagination { clear: both; display: block; text-align: center; float: none; } .shop-control-bar-bottom .woocommerce-pagination ul.page-numbers { display: inline-block; margin-top: 1.429em; } .shop-control-bar .form-electro-wc-ppp { margin-left: 0; } /*........Single producy Page........*/ .advanced-review .rating-histogram .rating-bar .star-rating { margin-right: 2em; } .advanced-review .rating-histogram .rating-percentage-bar { margin-left: 0; } .single-product .cart { margin-bottom: 1.429em; } .single-product .cart .quantity { margin-bottom: 1.429em; } .single-product table.variations th, .single-product table.variations td { padding: 0.571em; } } /*===================================================================================*/ /* SCREEN-DOWN-LG /*===================================================================================*/ @media (max-width: 1199px) { /*upto 1199*/ table.shop_table.cart .coupon { position: relative; margin-bottom: 1.429em; } table.shop_table.cart .coupon .input-text { width: 100%; border-right: 1px solid #dddddd; border-top-right-radius: 1.467em; border-bottom-right-radius: 1.467em; } table.shop_table.cart .coupon .button { position: absolute; right: 0; top: 0; padding: 1.036em 1.134em; } /*........Single Product Page........*/ .electro-advanced-reviews .comment-form > p input[type="text"], .electro-advanced-reviews .comment-form > p textarea { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .departments-menu > .nav-item { width: 25%; } .navbar-search { width: 50%; } .secondary-nav .menu-item + .menu-item { margin-left: 1.429em; } .primary-nav .nav-inline > .menu-item.dropdown + .menu-item { margin-left: 1.429em; } .primary-nav .nav-inline > .menu-item + .menu-item { margin-left: 1.786em; } .products .product.product-card .media-body .hover-area .action-buttons > div { margin-right: 0; } .products .product.product-card .media-body .hover-area .action-buttons > a { margin-left: 0.714em; } } /*===================================================================================*/ /* SCREEN-SM-MD /*===================================================================================*/ @media (min-width: 544px) and (max-width: 991px) { /*544-991*/ #content #sidebar { margin-top: 50px !important; } .header-logo, .primary-nav, .header-support-info { width: 100%; text-align: center; display: inline-block; } .header-support-info { float: none; } .header-support-info .media-body, .header-support-info .media-left, .header-support-info .media-right { display: inline-block; } .header-support-info .media-body { width: auto; } .header-support-info .media-left { padding-right: 10px; padding-left: 0; } .primary-nav { float: left; } .home-v1-ads-block .ad .media-left { padding: 0; width: 100%; } .home-v1-ads-block .ad .media-body { display: block; text-align: center; width: 100%; } .products-carousel-tabs .tab-content ul.products { margin-right: -10px; margin-left: -10px; } .products-carousel-tabs .tab-content ul.products > li.product, .products-carousel-tabs .tab-content .section-onsale-product ul.products > .onsale-product, .section-onsale-product .products-carousel-tabs .tab-content ul.products > .onsale-product, .products-carousel-tabs .tab-content .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel-tabs .tab-content ul.products > .onsale-product-content, .products-carousel-tabs .tab-content .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .products-carousel-tabs .tab-content ul.products > .product { width: 50%; padding-right: 6px; padding-left: 6px; } .products-carousel-tabs .tab-content ul.products > li.product::after, .products-carousel-tabs .tab-content .section-onsale-product ul.products > .onsale-product::after, .section-onsale-product .products-carousel-tabs .tab-content ul.products > .onsale-product::after, .products-carousel-tabs .tab-content .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel-tabs .tab-content ul.products > .onsale-product-content::after, .products-carousel-tabs .tab-content .products-carousel .owl-item ul.products > .product::after, .products-carousel .owl-item .products-carousel-tabs .tab-content ul.products > .product::after { display: none; } .products-carousel-tabs .tab-content ul.products > li.product.first, .products-carousel-tabs .tab-content .section-onsale-product ul.products > .first.onsale-product, .section-onsale-product .products-carousel-tabs .tab-content ul.products > .first.onsale-product, .products-carousel-tabs .tab-content .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .first.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel-tabs .tab-content ul.products > .first.onsale-product-content, .products-carousel-tabs .tab-content .products-carousel .owl-item ul.products > .first.product, .products-carousel .owl-item .products-carousel-tabs .tab-content ul.products > .first.product { clear: none; } .product-cards-carousel ul.products > li.product, .product-cards-carousel .section-onsale-product ul.products > .onsale-product, .section-onsale-product .product-cards-carousel ul.products > .onsale-product, .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .product-cards-carousel ul.products > .onsale-product-content, .product-cards-carousel .products-carousel .owl-item ul.products > .product, .products-carousel .owl-item .product-cards-carousel ul.products > .product { width: 100%; padding-right: 0; padding-left: 0; margin: 0.4em 0; } .product-cards-carousel ul.products > li.product .price, .product-cards-carousel .section-onsale-product ul.products > .onsale-product .price, .section-onsale-product .product-cards-carousel ul.products > .onsale-product .price, .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .product-cards-carousel ul.products > .onsale-product-content .price, .product-cards-carousel .products-carousel .owl-item ul.products > .product .price, .products-carousel .owl-item .product-cards-carousel ul.products > .product .price { font-size: 1.429em; } .products .product.product-card .media-body { padding-left: 1.929em !important; } .products-carousel-tabs .tab-content { margin-top: 30px; } .products-carousel-tabs .tab-content .products .owl-stage .owl-item:not(.active) + .owl-item.active .product, .products-carousel-tabs .tab-content .products .owl-stage .owl-item.active:first-child .product { margin: 0; } .products-carousel-tabs .tab-content .products .owl-item { margin-bottom: 10px; } .products-carousel-tabs .tab-content .products .owl-item .product::after { display: none; } .products-2-1-2 li.product .hover-area, .products-2-1-2 .section-onsale-product .onsale-product .hover-area, .section-onsale-product .products-2-1-2 .onsale-product .hover-area, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .onsale-product-content .hover-area, .products-2-1-2 .products-carousel .owl-item .product .hover-area, .products-carousel .owl-item .products-2-1-2 .product .hover-area { background-color: transparent; } .products-6-1 .columns-6-1 ul.products.products-6 li.product, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product .onsale-product, .section-onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .onsale-product, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .onsale-product-content, .products-6-1 .columns-6-1 ul.products.products-6 .products-carousel .owl-item .product, .products-carousel .owl-item .products-6-1 .columns-6-1 ul.products.products-6 .product { width: 50%; margin-top: 0.4em; } .products-6-1 .columns-6-1 ul.products.products-6 li.product:hover .product-inner, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product .onsale-product:hover .product-inner, .section-onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .onsale-product:hover .product-inner, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .product-inner, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .onsale-product-content:hover .product-inner, .products-6-1 .columns-6-1 ul.products.products-6 .products-carousel .owl-item .product:hover .product-inner, .products-carousel .owl-item .products-6-1 .columns-6-1 ul.products.products-6 .product:hover .product-inner { padding-right: 1.714em; } .products-6-1 .columns-6-1 ul.products.products-6 li.product.first, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product .first.onsale-product, .section-onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .first.onsale-product, .products-6-1 .columns-6-1 ul.products.products-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .first.onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-6-1 .columns-6-1 ul.products.products-6 .first.onsale-product-content, .products-6-1 .columns-6-1 ul.products.products-6 .products-carousel .owl-item .first.product, .products-carousel .owl-item .products-6-1 .columns-6-1 ul.products.products-6 .first.product { clear: none; } .section-products-carousel .products-carousel .owl-item .product { margin: 0; padding-right: 6px; padding-left: 6px; } .section-products-carousel .products-carousel .owl-item .product::after { display: none; } .section-products-carousel .products-carousel .owl-stage .owl-item.active:first-child .product { margin: 0; } .product-cards-carousel .products .product.product-card .media-body .hover-area { visibility: visible; opacity: 1; } .primary-nav .nav-inline > .menu-item { display: inline-block; } .primary-nav .nav-inline > .menu-item.dropdown + .menu-item { margin-left: 0; } .primary-nav .nav-inline > .menu-item + .menu-item { margin-left: 0; } .primary-nav .nav-inline > .menu-item > a { display: block; padding: 0.6em 0.800em; } .header-support-info .media { width: 50%; display: inline-block; } .footer-bottom-widgets { margin-left: -0.9375rem; margin-right: -0.9375rem; margin-left: 0; margin-right: 0; } .footer-bottom-widgets::after { content: ""; display: table; clear: both; } .footer-bottom-widgets .columns { position: relative; float: left; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; width: 33.3333333333%; } .footer-bottom-widgets .columns + .columns { margin-left: 0 !important; } .home-list-categories ul.categories > li.category:nth-child(2n)::after, .home-list-categories ul.categories > li.category:last-child::after { content: none; display: none; } .home-list-categories ul.categories > li.category:nth-child(3n)::after { content: ""; } .home-list-categories ul.categories > li.category:nth-child(4n) { clear: none; } .product_list_widget .product-title { margin-left: 95px; } ul.products > li.product.list-view .media-body .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:first-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:first-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:first-child { padding-right: 1.071em; width: 55%; } ul.products > li.product.list-view .media-body .col-xs-12:last-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:last-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:last-child, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:last-child, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:last-child { width: 45%; } ul.products > li.product.list-view .media-body .col-xs-12:last-child .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:last-child .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:last-child .hover-area, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:last-child .hover-area, .section-onsale-product ul.products > .list-view.onsale-product .media-body .col-xs-12:last-child .hover-area, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .list-view.onsale-product-content .media-body .col-xs-12:last-child .hover-area, .products-carousel .owl-item ul.products > .list-view.product .media-body .col-xs-12:last-child .hover-area { padding-top: 0; border-top: none; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product { width: 50%; float: left; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product:first-child, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product:first-child, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product:first-child, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content:first-child, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product:first-child, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product:first-child, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product:first-child, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product:first-child, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product:first-child, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content:first-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content:first-child, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product:first-child, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product:first-child { padding-right: 6px; } .products-2-1-2 .columns-2-1-2 > ul.products:first-child > li.product:last-child, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product:last-child, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product:last-child, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:first-child > .onsale-product-content:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .onsale-product-content:last-child, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:first-child > .product:last-child, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:first-child > .product:last-child, .products-2-1-2 .columns-2-1-2 > ul.products:last-child > li.product:last-child, .products-2-1-2 .section-onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product:last-child, .section-onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product:last-child, .products-2-1-2 .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-2-1-2 > ul.products:last-child > .onsale-product-content:last-child, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .onsale-product-content:last-child, .products-2-1-2 .products-carousel .owl-item .columns-2-1-2 > ul.products:last-child > .product:last-child, .products-carousel .owl-item .products-2-1-2 .columns-2-1-2 > ul.products:last-child > .product:last-child { padding-left: 6px; } ul.products { margin-top: 10px; } ul.products > li.product, .section-onsale-product ul.products > .onsale-product, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content, .products-carousel .owl-item ul.products > .product { padding-left: 6px; padding-right: 6px; width: 50%; margin: 0.4em 0; } ul.products > li.product::after, .section-onsale-product ul.products > .onsale-product::after, .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content::after, .products-carousel .owl-item ul.products > .product::after { display: none; } ul.products > li.product:nth-child(even), .section-onsale-product ul.products > .onsale-product:nth-child(even), .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content:nth-child(even), .products-carousel .owl-item ul.products > .product:nth-child(even) { clear: none; } .electro_posts_carousel_widget .section-posts-carousel .post-item { padding-right: 6px; padding-left: 6px; } .vertical-menu.make-absolute { overflow: hidden; } .vertical-menu.make-absolute > .menu-item, .vertical-menu.make-absolute .dropdown-menu > .menu-item { overflow: hidden; } #sidebar > aside { width: 50%; float: left; padding-right: 8px; padding-left: 8px; } #sidebar > aside:last-child { clear: both; } .widget_electro_products_carousel_widget .section-products-carousel { margin-bottom: 0; } .widget_electro_products_carousel_widget .products-carousel .owl-stage-outer { padding-bottom: 0; } section.section-product-cards-carousel header { border: none; } section.section-product-cards-carousel header ul.nav { padding-top: 1.143em; float: none; text-align: center; border-top: 1px solid #dadada; } .extended .single-product-wrapper .product-images-wrapper, .extended .single-product-wrapper .summary.entry-summary { width: 50%; } .extended .single-product-wrapper .product-actions-wrapper { width: 100%; margin-top: 60px; } .single-product.full-width .single-product-wrapper { margin-bottom: 5.429em; } #primary #tab-description .electro-description .layout tr td:last-child img { left: 60px; width: 100%; } #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 60px; width: 100%; } #tab-accessories.electro-tabs .ec-tabs { margin-bottom: 3.571em; } .accessories .col-left { width: 100%; padding: 0; } .accessories .col-left ul.products { margin-right: -1.429em; } .accessories .col-left ul.products > li { width: 33.3333333333%; } .accessories .col-left ul.products > li .hover-area { display: none; } .accessories .col-left .check-products { margin-top: 60px; width: 56%; } .accessories .row { position: relative; } .accessories .col-right { bottom: 0; padding: 0; position: absolute; right: 0; text-align: center; } } /*===================================================================================*/ /* SCREEN-MD-LG /*===================================================================================*/ @media (min-width: 768px) and (max-width: 1199px) { /*768-1200*/ .footer-bottom-widgets .columns + .columns { margin-left: 2.500em; } .primary-nav .nav-inline .yamm-fw .dropdown-menu { width: 720px; } /*........Single Product........*/ .extended .single-product-wrapper > .product-actions-wrapper .product-actions { padding: 1.071em 1.429em; } .extended .single-product-wrapper > .product-actions-wrapper .product-actions div.quantity { width: auto; } .advanced-review .rating-histogram .rating-percentage-bar { width: 10em; } .extended.full-width #primary #tab-description .electro-description .layout { margin-bottom: 80px; } .extended.full-width #primary #tab-description .electro-description .layout tr td:last-child img { left: 57px; } .extended.full-width #primary #tab-description .electro-description .layout:last-child tr td:first-child img { right: 57px; } /*........Shop Page........*/ .shop-control-bar .woocommerce-ordering { float: right; } .shop-control-bar .form-electro-wc-ppp { float: left; clear: both; margin-top: 1.429em; } .shop-control-bar .electro-advanced-pagination { margin-top: 1.429em; } .header-v1 .navbar-nav + .navbar-nav, .header-v1 .navbar-search + .navbar-nav, .header-v3 .navbar-nav + .navbar-nav, .header-v3 .navbar-search + .navbar-nav, .navbar-primary .navbar-nav + .navbar-nav, .navbar-primary .navbar-search + .navbar-nav { margin-left: 1.714em; } /*........Home Page........*/ .products-2-1-2 .nav-inline { white-space: normal; } .products-2-1-2 .nav-inline .nav-item { margin-bottom: 0.714em; } .products-2-1-2 .nav-inline .nav-item + .nav-item { margin-left: 1.429em; } .columns-6-1 > ul.products > li.product .price, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products > .product .price, .columns-6-1 > ul.products > .onsale-product .price, .columns-6-1 > ul.products > .onsale-product-content .price, .columns-6-1 > ul.products .product .price, .section-onsale-product .columns-6-1 > ul.products > li.product .price, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products > .product .price, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products > .product .price, .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product .columns-6-1 > ul.products .product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > li.product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products > .product .price, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products .product .price, .products-carousel .owl-item .columns-6-1 > ul.products > li.product .price, .products-carousel .owl-item .section-onsale-product .columns-6-1 > ul.products > .onsale-product .price, .section-onsale-product .products-carousel .owl-item .columns-6-1 > ul.products > .onsale-product .price, .products-carousel .owl-item .section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1 > ul.products > .onsale-product-content .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .products-carousel .owl-item .columns-6-1 > ul.products > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products > .product .price, .products-carousel .owl-item .columns-6-1 > ul.products > .onsale-product .price, .products-carousel .owl-item .columns-6-1 > ul.products > .onsale-product-content .price, .products-carousel .owl-item .columns-6-1 > ul.products .product .price { font-size: 1.429em; } li.product .price, .section-onsale-product .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price, .products-carousel .owl-item .product .price, .section-onsale-product .onsale-product .price, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price, .products-carousel .owl-item .product .price { font-size: 1.286em; } section.section-product-cards-carousel .product-cards-carousel { clear: both; } .products .product.product-card .product-inner { padding: 1.786em 1.071em; } .products .product.product-card .media-body { padding-left: 0.714em; } .products-carousel .owl-stage-outer { padding: 0 0.214em 3.571em; } li.product .added_to_cart, .section-onsale-product .onsale-product .added_to_cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart, .products-carousel .owl-item .product .added_to_cart, .section-onsale-product .onsale-product .added_to_cart, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart, .products-carousel .owl-item .product .added_to_cart, li.product .button, .section-onsale-product .onsale-product .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button, .products-carousel .owl-item .product .button, .section-onsale-product .onsale-product .button, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button, .products-carousel .owl-item .product .button { position: relative; } } a{ color:#2e6cc1; } .woocommerce-info a, .woocommerce-info button, .woocommerce-noreviews a, .woocommerce-noreviews button, p.no-comments a, p.no-comments button, .woocommerce-info a:focus, .woocommerce-info a:hover, .woocommerce-info button:focus, .woocommerce-info button:hover, .woocommerce-noreviews a:focus, .woocommerce-noreviews a:hover, .woocommerce-noreviews button:focus, .woocommerce-noreviews button:hover, p.no-comments a:focus, p.no-comments a:hover, p.no-comments button:focus, p.no-comments button:hover{color:white;} .woocommerce-cart table.cart td.actions{padding-top: 2rem !important;} .woocommerce-cart table.cart td.actions .coupon{display: flex;align-items: center;} .woocommerce-cart table.cart td.actions .coupon button{width: 200px;position: relative;top: 0.25px;} .woocommerce-cart table.cart td.actions .coupon .input-text{max-width: 100% !important;padding: 6px 15px;} .woocommerce-cart table.cart td.actions button[name="update_cart"]{float: right;} .checkout_coupon .form-row-first #coupon_code{padding: 10px 20px !important;border: solid 1px #d9d9d9;} .checkout_coupon .form-row-last .button[name="apply_coupon"]{} .woocommerce form .form-row .required{color:red;} #payment .place-order .button{height: auto;white-space: normal;} .footer-newsletter .input-group{display: flex;} .footer-newsletter .input-group .input-group-btn{width: auto;} /*.footer-newsletter span.wpcf7-not-valid-tip{position: absolute;bottom: -55px;}*/ .footer-newsletter .wpcf7-spinner{position: absolute;right: 60px;display: block;top: 17px;z-index: 99;} .footer-newsletter .wpcf7 form.invalid .wpcf7-response-output{padding: 5px;margin-right: 0;margin-left: 0;margin-bottom: 0px;margin-top: 5px;} .product .woocommerce-product-gallery{float:left;} .entry-summary{float:right;}