/* Theme Name: Hanio Theme URI: https://hanio.peerduck.com Author: Duck-Themes Author URI: https://peerduck.com Description: Sweets & Pastry Shop WordPress Theme Version: 2.03 Requires at least: 5.0 Requires PHP: 7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, three-columns, custom-colors, featured-images, theme-options Text Domain: hanio */ /* ------------------------------------------------------------------ [Table of contents] 1. GLOBAL VARIABLES 2. CSS RESET 3. GLOBAL COLORS 4. SEARCH 5. LAYOUT 6. WOOCOMMERCE GENERAL 7. MAILCHIMP FORM 8. POST META 9. SEARCH PAGE NAVIGATION 10. BUTTONS 11. INPUTS 12. WP IMPROVES 13. GENERAL IMPROVES 14. BLOG 15. CONTACT FORM 7 16. NextGEN GALLERY 17. AUDIO /* ------------------------------------------------------------------ */ /* ============================================================================================================== */ /* * 1. GLOBAL VARIABLES */ :root { --primary-color: #f8ae4b; --primary-hover-color: #000000; --primary-bg-color: #fcf6f0; --header-bg-color: #FFF4E6; --footer-bg-color: #FFF4E6; --primary-dark-color: #000000; --title-color: #000000; --fw-title-color: #000000; --price-color: #000000; --header-hover-color: #FFF4E6; --btn-bg-color-1: #FC6274; --btn-bg-color-2: #FF9945; --btn-hover-color: #f8ae4b; --social-icon-txt-color: #ffffff; --social-icon-color: #f8ae4b; --social-icon-hover-color: #EC720F; --woo-pr-fil-bg-color: #f8ae4b; --txt-select-bg-color: #feebd4; --price-tile-color: #000000; --sale-badge-bg-color: #f8ae4b; --cart-count-color: #f8ae4b; --success-icon-color: #f8ae4b; --logo-height: 52px; } #site-footer { --primary-bg-color: #ffffff; } /* end GLOBAL VARIABLES */ /* ============================================================================================================== */ /* * 2. CSS RESET */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { /*noinspection CssUnknownProperty*/ -webkit-text-decoration-skip: objects; } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ /*noinspection CssOverwrittenProperties*/ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, b a, b p, b span, strong, strong a, strong p, strong span { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. */ button, select { text-transform: none; } /** * Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. * Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } html { height: 100%; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } fieldset { margin: 0; padding: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; border: 0; } legend { margin: 0; padding: 0; display: block; -webkit-padding-start: 0; -webkit-padding-end: 0; } body, input, textarea, select, button { font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; } body { color: var(--primary-dark-color); overflow-x: hidden; max-width: 2048px; min-height: 100vh; margin: auto; } ol { padding-left: 0; } ul { padding: 0; } ul ul, ol ol { padding-left: 1rem; } button, input { outline: none; } a { color: var(--primary-color); } a:hover { color: var(--primary-hover-color); } :focus { outline: none; } ::selection { background: var(--txt-select-bg-color); } /* Webkit selection */ body { /*noinspection CssUnknownProperty*/ -webkit-selection: var(--txt-select-bg-color); } /* Firefox selection */ body { /*noinspection CssUnknownProperty*/ -moz-selection: var(--txt-select-bg-color); } mark, .mark { background-color: var(--txt-select-bg-color); } main, #primary { z-index: 1; } img { max-width: 100%; height: auto; } /* Fix blurry images in latest Chrome */ img { /*noinspection CssInvalidPropertyValue*/ image-rendering: -webkit-optimize-contrast; /*will-change: transform;*/ /*transform: translateZ(0);*/ } input:not([type="radio"], [type="checkbox"]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } ins { text-decoration: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 1.2rem !important; background: url("data:image/svg+xml;utf8,") no-repeat calc(100% - 0.5rem) center; } /* end CSS RESET */ /* ============================================================================================================== */ /* * 3. GLOBAL COLORS */ /* They uses gradient color by default settings that comes from Theme Customize */ h1 { color: var(--title-color); } /* Uses theme customizer's color */ .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .star-rating span::before { color: var(--primary-color); } /* Hover light */ .primary-menu.navbar .nav-item:hover .nav-link, .primary-sub-menu.navbar-light .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:hover, .cart-contents:hover svg, .magic-search .input-field:hover svg.search-icon, .woocommerce .woocommerce-breadcrumb a:hover, .footer-menu li a:hover, .post-meta a:hover, .entry-categories-inner a:hover, .header-info a:hover { color: var(--primary-color) !important; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .dropdown-item, .header-info a { color: var(--title-color); } .entry-categories-inner a { color: #6d7c90; } #site-footer .widget-content .search-form .search-field, #site-footer .widget .woocommerce-product-search .search-field { background: #ffffff; border-color: var(--primary-color); } #site-footer .tagcloud a, #site-footer .tagged_as a, #site-footer .product_list_widget li a, #site-footer .comment-author-link a { color: var(--title-color); } .footer-top, .footer-top .widget-content ul li a, .footer-top a, .footer-top p, #site-footer #wp-calendar, #site-footer .widget-title, #site-footer .widget_price_filter .price_label, #site-footer .widget_shopping_cart .total, #site-footer .tagcloud a:hover, #site-footer .tagged_as a:hover, #site-footer .comment-author-link a:hover, #site-footer .widget_categories ul li, #site-footer .widget_archive ul li, #site-footer .recentcomments { color: var(--fw-title-color); } #site-footer .product_list_widget li a:hover { color: var(--primary-color); } /* end GLOBAL COLORS */ /* ============================================================================================================== */ /* * 4. SEARCH */ .magic-search form { width: 100%; margin: 0; } .magic-search form .inner-form .row .input-field { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .magic-search form .inner-form .row .input-field input { width: 2.6875rem; border: 0; display: block; font-size: 0.875rem; cursor: pointer; transition: all 0.3s ease-in-out; } .navbar-collapse.collapsing .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder, .navbar-collapse.show .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder, .magic-search form .inner-form .row .input-field.first input.isFocus::-webkit-input-placeholder { opacity: 1; } .magic-search form .inner-form .row .input-field input.placeholder { color: #6e6e73; font-size: 0.875rem; font-weight: 300; } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field input:-moz-placeholder { opacity: 0; color: #6e6e73; font-size: 0.875rem; font-weight: 300; } .magic-search form .inner-form .row .input-field input.isFocus:-moz-placeholder { will-change: transform; -webkit-transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: 1.2s, 1.4s; transition-duration: 1.2s, 1.4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field input::-webkit-input-placeholder { opacity: 0; color: #6e6e73; font-size: 0.875rem; font-weight: 300; } .magic-search form .inner-form .row .input-field input.isFocus::-webkit-input-placeholder { will-change: transform; -webkit-transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: 1.2s, 1.4s; transition-duration: 1.2s, 1.4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); } .magic-search form .inner-form .row .input-field input:hover, .magic-search form .inner-form .row .input-field input:focus { box-shadow: none; outline: 0; } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field.first .clear { height: 2.6875rem; padding: 0 0.75rem; position: absolute; top: 0; right: 0; border: 0; background: transparent; z-index: 2; cursor: pointer; opacity: 0; } .magic-search form .inner-form .row .input-field.first .clear svg { fill: rgba(110, 110, 115, 0.7); width: 1.375rem; height: 1.1875rem; } .magic-search svg.search-icon { width: 1.375rem; height: 1.1875rem; position: absolute; left: 0.7rem; top: 0.8rem; color: var(--primary-dark-color); fill: currentColor; cursor: pointer; z-index: 4; } .magic-search.focus-search .input-field:hover svg.search-icon, .magic-search.focus-search .input-field svg.search-icon { color: #6e6e73 !important; transition: all 0.215s ease; cursor: default; } .magic-search form .inner-form .row .input-field.first .clear:hover, .magic-search form .inner-form .row .input-field.first .clear:focus { box-shadow: none; outline: 0; } .magic-search form .inner-form .row .input-field.first input { padding: 0.75rem; border-radius: 1.875rem; height: 2.6875rem; transition: all 0.4s ease; } .navbar-collapse.collapsing .magic-search form .inner-form .row .input-field.first input, .navbar-collapse.show .magic-search form .inner-form .row .input-field.first input { width: 100% !important; background-color: #f5f5f7; color: #1d1d1f; padding-right: 2.6875rem; } .magic-search form .inner-form .row .input-field.first input.isFocus { padding-left: 2.6875rem; padding-right: 2.6875rem; width: 16.75rem; background-color: #ffffff; color: #1d1d1f; box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field.first input.isFocus ~ .clear { opacity: 1; will-change: transform; -webkit-transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, -webkit-transform; /*noinspection CssOverwrittenProperties*/ transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-duration: 1.2s, 1.4s; transition-duration: 1.2s, 1.4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94); } .navbar-collapse.show .magic-search form .inner-form .row .input-field { width: 100%; } .animated-icon1 { width: 26px; height: 12px; position: relative; margin: 0; cursor: pointer; } .animated-icon1 span { display: block; position: absolute; height: 2px; width: 100%; border-radius: 9px; opacity: 1; left: 0; transition: all .1806s linear; } .animated-icon1 span { background: var(--primary-dark-color); } .animated-icon1 span:nth-child(1) { top: 0; } .animated-icon1 span:nth-child(2) { top: 10px; width: 60%; } .animated-icon1.open span:nth-child(1) { top: 3px; } .animated-icon1.open span:nth-child(2) { top: 7px; width: 100%; } /* end SEARCH */ /* ============================================================================================================== */ /* * 5. LAYOUT STYLES */ .pr-color { color: var(--primary-color); } .container-narrow { max-width: 768px; margin: auto; } .narrow-wrap { max-width: 768px; } .inner-header { margin-top: 180px; margin-bottom: 95px; z-index: 1; position: relative; } @media (max-width: 1199px) { .inner-header { margin-top: 70px; margin-bottom: 46px; } } @media (max-width: 570px) { .inner-header { padding: 0 10%; } } @media (min-width: 1200px) { .primary-menu-inner { width: auto; min-width: 1110px; } } .custom-logo { width: auto; } .header-cart-icon { display: flex; justify-content: center; align-items: center; } .header-bg { background-color: var(--header-bg-color); } .footer-bg { background-color: var(--footer-bg-color); position: relative; } .post-meta path { fill: var(--primary-color); } #pr-nav { max-width: 2048px; z-index: 9; } .magic-search #inputFocus:not(.isFocus) { z-index: 3; } @media (min-width: 1200px) { :root { --mobile-grey-color: #fafafa; } .custom-logo { max-height: var(--logo-height); margin-right: 3rem; } #pr-nav { position: absolute; width: 100%; padding-top: 1.375rem; padding-left: 2rem; padding-right: 2rem; } .magic-search { padding: 0 1rem; margin-right: 0.5rem; } .cart-contents:hover { background: var(--header-hover-color); } .magic-search form .inner-form .row .input-field:hover input { background: var(--header-hover-color); } .magic-search #inputFocus:not(.isFocus) { color: transparent; box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } .cart-contents { padding: 0.594rem; border-radius: 100%; background: #ffffff; transition: all 0.215s ease; box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } .navbar-expand-lg .navbar-nav { flex-flow: wrap; } .primary-menu.navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; transition: all .215s ease-in-out; margin-top: 0; } .primary-menu.navbar .nav-item:hover .nav-link, .primary-menu.navbar .nav-item:hover .nav-link::after { color: var(--primary-color); } .primary-menu.navbar .dropdown-menu { top: 180%; border: none; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } .primary-menu.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity: 1; visibility: visible; top: 100%; transform: rotateX(0deg); } .primary-menu .dropdown-item { color: var(--title-color); border-radius: 90px; } .dropdown-item:hover { background-color: var(--primary-bg-color); color: var(--primary-color); } .dropdown-item:active { background-color: #fff; color: var(--primary-color); } .dropdown-menu .current-menu-item .dropdown-item { color: var(--primary-color); } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .footer-menu li { padding-left: 1rem; line-height: 1rem; } .navbar-dark .navbar-nav .nav-link { display: flex; align-items: center; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link, .primary-menu .dropdown-item, .header-info a, .header-address path, .primary-menu .dropdown-toggle::after, .ngg-navigation span.current, .ngg-navigation a.page-numbers, .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img { transition: all 0.215s ease; } } .bi-three-dots-vertical { width: 1.5rem; height: 1.5rem; } #site-footer .widget { margin-bottom: 3rem; } .navbar-expand .navbar-nav .nav-link { margin: 0.5rem 1rem; padding: 0; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .footer-top li a { font-weight: 500; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; } .primary-menu .dropdown-item { font-weight: 600; padding: 0.563rem 1rem; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link, .primary-menu .dropdown-item { font-size: 0.875rem; line-height: 1.381; letter-spacing: 0.5px; } .footer-top a, .footer-top p { font-size: 16px; line-height: 1.5; letter-spacing: normal; } .footer-top .widget-content ul li a { font-size: 16px; } /*noinspection CssNoGenericFontName*/ .navbar-dark .navbar-nav .nav-link { color: var(--title-color) !important; font-weight: 900; text-transform: uppercase; font-size: 16px; line-height: 19px; letter-spacing: normal; font-family: "Manrope"; } .widget_product_categories .dropdown_product_cat, .widget_product_categories .select2 { max-width: 20rem; } .woocommerce .widget_layered_nav_filters ul li a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { color: var(--woo-pr-fil-bg-color); vertical-align: middle; height: 19px; display: inline-block; } .primary-menu.navbar .nav-item.current_page_item .nav-link { color: var(--primary-color) !important; } @media (min-width: 576px) { .primary-sub-menu { height: 5rem; } } .bg-grey { background-color: var(--mobile-grey-color); } .header-icons { display: flex; align-items: center; } .custom-logo-link { transition: all 0.215s; } @media (max-width: 1199px) { :root { --mobile-grey-color: #fafafa; } .custom-logo { max-height: 60px; } h1, h1.header-title { font-size: 42px; line-height: 1.4; } h2 { font-size: 36px; line-height: 1.4; } .magic-search { padding: 1rem; } .nav-link { display: flex; align-items: center; } .dropdown.show .dropdown-toggle { color: var(--primary-hover-color) !important; } .navbar-dark .navbar-nav .show > .nav-link, .primary-menu .dropdown-menu .dropdown-item:hover { color: var(--primary-color); } #magic-search .input-field svg.search-icon { color: #6e6e73 !important; transition: all 0.215s ease; } .navbar-collapse .magic-search form .inner-form .row .input-field { width: 100%; } .form-inline.search-nav { margin-top: 1rem; padding: 1rem 0; border-top: 1px solid #424245; width: 100%; } #mobile-toggle { height: 2.5625rem; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; } .form-inline.search-nav .form-control { width: 100%; } .footer-bottom { flex-flow: column; } .footer-menu li { padding-right: 1rem; line-height: 1.5rem; } .navbar-collapse { display: grid; justify-content: unset !important; transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); } .header-icons { order: -2; } .top-wrap { display: flex; justify-content: space-between; width: 100%; flex-flow: row-reverse; } .cart-contents { padding: 0.594rem; } .cart-contents:hover { background: var(--primary-bg-color); } .primary-menu li a:hover { background: var(--primary-bg-color); width: calc(100% + 2rem) !important; margin-left: -1rem; padding: 1rem !important; border-radius: 0.5rem; } /* Mobile dropdown menu */ .primary-menu .dropdown-menu { border: none; padding: 0; margin: 0; } .primary-menu .dropdown-menu .dropdown-item, .navbar-dark .navbar-nav .nav-link:focus { color: var(--primary-dark-color); } .primary-menu .dropdown-menu .current_page_item .dropdown-item { color: var(--primary-color); } .magic-search form .inner-form .row .input-field.first input { padding-left: 2.6875rem; } .primary-menu .navbar-collapse.show .navbar-nav .nav-link, .primary-menu .navbar-collapse.show .header-icons, .primary-menu .navbar-collapse.show .header-info, .primary-menu .dropdown-menu.show { opacity: 1; } .magic-search form .inner-form .row .input-field.first input { width: 100% !important; } .magic-search .justify-content-end { justify-content: flex-start !important; } .primary-menu .navbar-collapse .navbar-nav .nav-link, .primary-menu .dropdown-menu .dropdown-item { border-top: 1px solid #f5f5f7; padding: 1rem 0; } .custom-logo-link { border-radius: 0.5rem; flex-grow: 1; text-align: center; margin-right: 5.125rem; margin-left: 1.875rem; } #pr-nav { transition-duration: unset !important; padding: 1rem; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .1); } #pr-nav.open-pr-nav { position: fixed; top: 0; right: 0; left: 0; bottom: 0; overflow-y: scroll; overflow-x: hidden; align-items: flex-start; background: #fff; z-index: 999; } .primary-menu .navbar-collapse li:last-child a.nav-link { border-bottom: 1px solid #f5f5f7; } .header-cart-icon { text-align: center; width: 65px; } .header-cart-icon a:hover { border-radius: 0.5rem; } #magic-search { width: 100%; } } @media (min-width: 769px) and (max-width: 1199px) { .sidebar-shop { max-width: 768px; margin: 1.5rem auto auto; } } @media (max-width: 768px) { .woocommerce .content-shop .woocommerce-pagination, .woocommerce .content-shop .products { max-width: 415px; margin-left: auto; margin-right: auto; } .sidebar-shop { max-width: 445px; margin-left: auto; margin-right: auto; } } .search.search-no-results .archive-header-inner.section-inner { margin-bottom: 1rem; } @media (max-width: 1199px) { .search.search-no-results #site-content { padding: 2rem 2rem 1rem 2rem !important; margin-bottom: 4rem; margin-top: 2rem; } .blog-post { max-width: 720px; } } .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message { margin-bottom: 1.5rem; } /* Fix mobile header position if admin menu was enabled */ @media (min-width: 783px) and (max-width: 1199px) { .admin-bar #pr-nav.open-pr-nav { margin-top: 32px; } } @media (max-width: 782px) { .admin-bar #pr-nav.open-pr-nav { margin-top: 46px; } } .blog-tile-wave { height: 6px; background-color: var(--primary-color); -webkit-mask: url("data:image/svg+xml;utf8, ") repeat-x 100% 0; mask: url("data:image/svg+xml;utf8, ") repeat-x 100% 0; margin-bottom: 1.5rem; margin-top: 1.25rem; } .entry-header-inner .blog-tile-wave { margin-bottom: 1.5rem; } .post-meta-single-bottom .blog-tile-wave { margin-top: 1.5rem; } .single-product .product_meta .blog-tile-wave { margin-top: 1.5rem; margin-bottom: 2rem; } .blog-tile-wave.product-variable-top-wave { margin-bottom: 2rem; } .product-sum-top-wave { margin-top: 0; margin-bottom: 1.5rem; } .product-sum-btm-wave { margin-top: 1.5rem; margin-bottom: 0; } .f-bg-wave { fill: var(--footer-bg-color); } .archive .post-meta-single-bottom .blog-tile-wave { display: none; } .footer-copyright { letter-spacing: 0.5px; color: var(--fw-title-color); } .footer-copyright, .footer-menu li a { font-size: 12px; } .footer-top { margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #0000001a; } .footer-bottom { display: flex; justify-content: space-between; } @media (max-width: 1199px) { .footer-top, .footer-bottom { max-width: 690px; margin-left: auto; margin-right: auto; } } .footer-menu-wrapper { margin-bottom: 1rem; } .footer-menu, .widget_nav_menu ul { padding: 0; } .footer-menu li { float: left; } .footer-menu li a { color: #515154; } #clear { display: flex; align-items: center; } a:hover { text-decoration: none; } nav ul, .widget_nav_menu ul { list-style: none; } #site-footer .widget_nav_menu ul.menu, #site-footer .widget_pages ul, #site-footer .widget_recent_comments ul, #site-footer .widget_categories ul { column-count: 1; } .woocommerce-account .addresses .title .edit { float: left; padding: 0.75rem; line-height: 1; margin-bottom: 1rem; background: var(--primary-bg-color); border-radius: .5rem; } #cancel-comment-reply-link { margin-left: 1rem; font-size: 12px; border: 1px solid var(--primary-color); border-radius: 8px; padding: 5px 10px; transition: all 0.215s; font-weight: 500; font-family: inherit; letter-spacing: 0.5px; } #cancel-comment-reply-link:hover { background-color: var(--primary-color); color: #FFFFFF; } .comments-wrapper .styled-separator { display: none; } /* Social Icons color */ .fill-children-current-color, .fill-children-current-color * { fill: var(--social-icon-txt-color); } .footer-social a { height: 2.5rem; width: 2.5rem; border-radius: 50%; background-color: currentColor; transition: all 0.215s ease; display: flex; justify-content: center; color: #ea439f; } .social-menu { display: flex; flex-wrap: wrap; } .social-menu svg { width: 1.25rem; height: 1.25rem; align-self: center; } .footer-top ul li { margin-bottom: 1.5rem; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); /*noinspection CssUnknownProperty*/ -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .footer-top .footer-social li { margin: 0 0.75rem 0.75rem 0; } .footer-inner { position: relative; z-index: 2; } .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none; color: var(--social-icon-hover-color) !important; } #site-footer .gallery-icon img { border: none !important; } #site-footer .gallery-icon { margin-right: 1rem; display: flex; } #site-footer .gallery-item { margin-top: 0 !important; margin-bottom: 1.5rem; } #site-footer { overflow: hidden; } .rssSummary { padding-bottom: 0.5rem; font-size: 14px; } .rss-date { opacity: 0.5; font-size: 14px; margin-bottom: 0.5rem; display: block; } .widget-title .rsswidget { font-size: 20px; } .widget-content ul li a.rsswidget { margin: 0 0 0.5rem; display: block; } .widget_rss li:first-child { border-top: 1px dashed; padding-top: 1.5rem; } .widget_rss li { border-bottom: 1px dashed; margin-bottom: 1.5rem; box-sizing: content-box; padding-bottom: 1rem; } .wp-calendar-table caption { caption-side: top; text-align: center; font-style: normal; font-weight: bold; color: var(--primary-color); font-size: 16px; background: var(--primary-bg-color); padding: 0.5rem; margin-bottom: 1rem; width: auto; border-radius: 8px; letter-spacing: 0.5px; line-height: 1.5; } .calendar_wrap thead *, .calendar_wrap tbody * { font-size: 14px; line-height: 19px; } .calendar_wrap * { line-height: 19px; } .calendar_wrap .wp-calendar-nav { font-size: 15px; } .wp-calendar-table * { text-align: center; } .calendar_wrap nav a { font-weight: bold; } .wp-calendar-table th { padding: 6px; font-weight: 800; } .wp-calendar-table td { padding: 6px; border-radius: 100%; } .wp-calendar-table td:not(.pad):hover, .wp-calendar-table #today { background: var(--primary-bg-color); border-radius: 100%; cursor: default; color: var(--primary-color); } .widget-content ul { list-style: none; margin-bottom: 0; } .widget-content span.product-title { font-weight: 600; } #site-footer .wp-calendar-table { max-width: 239px; } @media (min-width: 440px) and (max-width: 1199px) { .calendar_wrap .wp-calendar-table { margin: auto; height: 27vw; width: 43vw; max-width: unset; } } @media (max-width: 1199px) { .calendar_wrap { border: 1px solid #e4e5e7; border-radius: 8px; padding: 2rem; margin: auto; } } @media (min-width: 768px) and (max-width: 1199px) { .calendar_wrap { width: 53vw; } .wp-calendar-table caption { font-size: 18px; padding: 1rem; margin-bottom: 1.5rem; } } .widget-content ul li a { font-size: 16px; font-weight: 400; font-family: 'Manrope'; line-height: 1.5; margin-bottom: 17px; color: var(--primary-dark-color); letter-spacing: 0.5px; } .widget-content ul li a:hover, .widget_text a:hover { color: var(--primary-color); } .widget_categories form { background: #fff; border-radius: 90px; } .widget select, .widget_product_categories select, .widget_categories select { width: 100%; padding: 10px 22px; border-radius: 90px; font-size: 14px; line-height: 19px; font-weight: 400; text-overflow: ellipsis; border: 1px solid #dee2e6; } /* Disable Woocommerce select */ .widget select, .widget_product_categories select, .widget_product_categories #product_cat { clip: unset !important; width: 100% !important; height: unset !important; position: relative !important; padding: 12px 22px !important; margin: unset !important; overflow: unset !important; background-color: #f2f4f5; color: #6d7c90; font-weight: 600; font-size: 15px; line-height: 19px; letter-spacing: 0.5px; text-overflow: ellipsis; white-space: nowrap; border: unset; } .widget_product_categories .select2 { display: none; } .widget-content .search-form label { margin-bottom: 0.5rem; width: 64%; float: left; } .widget-content .search-form .search-field { width: 100%; padding: 10px 22px; font-size: 14px; line-height: 19px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 41px; background: rgba(109, 124, 144, .1); border-color: transparent; } .widget-content .search-form .search-submit { width: 43%; margin-left: -10%; font-size: 14px; line-height: 19px; padding-top: 10px; padding-bottom: 10px; background: var(--primary-color); color: #ffffff; height: 41px; border: none; font-weight: 600; letter-spacing: 0.5px; } .widget-content .search-form .search-submit:hover, .widget .woocommerce-product-search button:hover { background-color: var(--btn-hover-color); } .widget .woocommerce-product-search .search-field { margin-bottom: 0.5rem; width: 64%; float: left; padding: 10px 22px; font-size: 14px; line-height: 19px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 41px; background: rgba(109, 124, 144, .1); border-color: transparent; } .widget .woocommerce-product-search .search-field:hover, .widget-content .search-form .search-field:hover, .widget .woocommerce-product-search .search-field:focus, .widget-content .search-form .search-field:focus { border-color: var(--primary-color); background: #fff; } .widget .woocommerce-product-search button { width: 43%; margin-left: -10%; font-size: 14px; line-height: 19px; padding-top: 10px; padding-bottom: 10px; background: var(--primary-color); color: #ffffff; height: 41px; border: none; font-weight: 600; border-radius: 90px; text-overflow: ellipsis; transition: all 0.45s; } body .ngg-albumoverview.default-view .ngg-album-compact:before, main .widget:before { content: ''; background-color: var(--primary-color); -webkit-mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 0; mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 0; width: 105px; height: 105px; position: absolute; right: -18px; background-size: contain; top: -18px; z-index: -1; } /* Accordion */ .elementor-accordion .elementor-tab-title .elementor-accordion-icon { padding: 1em; margin-top: -0.75em; background: var(--primary-bg-color); width: 54px !important; border-radius: 100%; height: 54px; align-items: center; display: inline-flex !important; justify-content: center; } .elementor-accordion .elementor-tab-content { border-top: none !important; } .elementor-accordion .elementor-accordion-item { border-top: none !important; border-left: none !important; border-right: none !important; } .elementor-accordion .elementor-tab-title { padding: 2rem 0 !important; } /* Elementor fix tablet reverse */ /* Issue: https://github.com/elementor/elementor/issues/12925 */ @media (min-width: 768px) and (max-width: 1199px) { .elementor-reverse-tablet > .elementor-container > .elementor-row > :first-child { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(2) { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(3) { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(4) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(6) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(7) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(8) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(9) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(10) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } blockquote { font-style: italic; font-weight: 600; margin: 2rem 0; position: relative; border: 1px solid #e4e5e7; border-radius: 8px; padding: 2rem 2rem 1rem 2rem; background: white; } blockquote:before { content: ''; background-color: var(--primary-color); -webkit-mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 0; mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 0; width: 15px; height: 15px; position: absolute; right: 1rem; top: 1rem; } /* Tags */ .posted_in a, .tagcloud a, .tagged_as a { padding: 3px 8px; border-radius: 20px; background-color: var(--primary-bg-color); margin-bottom: 7px; display: inline-block; font-weight: bold; font-size: 14px !important; line-height: 19px; letter-spacing: 1px; transition: all .45s; } .posted_in a:hover, .tagcloud a:hover, .tagged_as a:hover, .recentcomments a.url:hover { color: #ffffff; background-color: var(--primary-color); } .tagcloud a::before, .tagged_as a::before { content: '#'; } .nextend-arrow { min-width: 33px !important; min-height: 33px !important; transition: all 0.215s !important; box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } .product_meta .posted_in { margin-bottom: 1rem; } .product_list_widget .woocommerce-Price-amount.amount, .widget_shopping_cart .quantity { font-size: 14px; color: var(--primary-color); font-weight: 700; } .widget_recently_viewed_products .woocommerce-Price-amount.amount, .widget_shopping_cart .quantity { margin-left: 60px; border-top: 2px dashed; padding-top: 1rem; margin-top: 1rem !important; } .widget_recently_viewed_products .woocommerce-Price-amount.amount { display: inline-block; } .widget_shopping_cart .quantity { display: block; } .widget.widget_recent_entries img { border-radius: 0.5rem; max-height: 200px; object-fit: cover; } .widget_pages ul li, .widget_categories ul li, .widget.widget_recent_entries li { margin-bottom: 1rem; } .widget .children { padding-left: 1rem; padding-top: 1rem; } .widget.widget_recent_entries li a .post-title { margin-top: 0.65rem; font-size: 14px; display: block; font-weight: 600; } .widget.widget_recent_entries li a .post-title + .post-date { display: block; } .widget_recent_entries span.post-date { font-size: 0.875rem; font-weight: 600; color: #6d7c90; letter-spacing: normal; } .widget.widget_recent_entries li:last-child { margin-bottom: 0; } .widget_archive li { margin-bottom: 0.5rem; } .widget_archive ul { margin-bottom: 0; } .widget ul li:last-child { margin-bottom: 0 !important; } .w-post-placeholder { display: none; border-radius: 0.5rem; background: #cacfd7; height: 140px; } @media (max-width: 1199px) { .w-post-placeholder { max-height: 21vh; height: 42vw; } } .header-info { display: flex; font-size: 0.75rem; letter-spacing: normal; line-height: normal; font-weight: 600; } .header-address a { display: flex; margin-top: 0.75rem; margin-bottom: 0.75rem; align-items: center; } .header-phone { text-align: center; } .header-address path { fill: var(--title-color); } .header-address a:hover path { fill: var(--primary-color); } @media (min-width: 1200px) { .header-info { align-items: center; margin-right: 3rem; margin-left: 3rem; } .header-address p { width: 10rem; margin: 0 20px 0 10px; } .header-phone p { margin-bottom: 0; } } @media (max-width: 1199px) { .header-address a { margin-right: 1rem; } .header-address p { margin: 0 0.5rem; } .header-info { order: -1; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .header-phone { display: flex; align-items: center; } .header-phone a { display: flex; flex-wrap: wrap; margin-top: 0.75rem; margin-bottom: 0.75rem; } .header-phone p { margin: auto; } .h-call-us { padding: 0 0.5rem; } .wp-calendar-nav { width: 40vw; margin: 1rem auto auto auto; text-align: center; } .calendar_wrap * { font-size: 15px; } } @media (min-width: 1200px) { .wp-calendar-nav { text-align: center; } } @media (max-width: 414px) { .header-address svg { flex-basis: 31px; } } @media (max-width: 408px) { .calendar_wrap { padding: 1.5rem 1rem; } } @media (min-width: 1200px) { .wp-calendar-table td, .wp-calendar-table th { padding: 9px; } } @media (min-width: 1200px) and (max-width: 1245px) { #pr-nav { padding-left: 1rem; padding-right: 1rem; } .custom-logo { margin-left: 1rem; margin-right: 1rem; } .header-icons, .header-info { margin-right: 2rem; margin-left: 0; } .navbar .primary-menu-inner { align-items: unset; } #primary-menu > li:nth-last-child(3) .dropdown-menu, #primary-menu > li:nth-last-child(2) .dropdown-menu, #primary-menu > li:last-child .dropdown-menu { width: 255px; } #primary-menu > li:nth-last-child(2) .dropdown-menu { left: -80%; } #primary-menu > li:last-child .dropdown-menu { left: -200%; } #primary-menu > li:nth-last-child(3) .dropdown-menu .dropdown-item, #primary-menu > li:nth-last-child(2) .dropdown-menu .dropdown-item, #primary-menu > li:last-child .dropdown-menu .dropdown-item { white-space: normal; } } /*noinspection CssNoGenericFontName*/ .header-address p, .header-phone p { font-family: "Manrope"; } .entry-categories-inner a { font-weight: bold; } .wrap-entry-categories-inner:before, .widget-title:before, .single-product .product_meta > span:before, form[name="checkout"] h4:before, .elementor-accordion .elementor-accordion-title:before, .ngg-album-compact h4 .ngg-album-desc:before, .wpcf7-form .theme-contact-form h6:before, .blog-tile .entry-categories-inner:before, .related.products h6:before, .upsells.products h6:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product form.cart .variations label:before, #review_form .comment-reply-title:before, .woocommerce ul.product_list_widget li .reviewer:before, .woocommerce-result-count:before, .cart_totals h4:before, .woocommerce-MyAccount-navigation li a:before, .h5-styled:before { content: '\2756'; width: 18px; display: inline-flex; font-weight: 700; font-size: 18px; line-height: 1; color: #ea439f; margin-right: 0.25rem; } .related.products h6:before, .upsells.products h6:before, .elementor-accordion .elementor-accordion-title:before, .wpcf7-form .theme-contact-form h6:before { margin-right: 0.5rem; } #review_form .comment-reply-title:before { align-items: center; } .h5-styled:before { font-size: 18px; margin-right: 0.5rem; } .woocommerce-MyAccount-navigation li a:before { font-size: 18px; font-weight: 400; color: var(--title-color); margin-right: 0.5rem; } .cart_totals h4:before { font-size: 26px; width: 26px; margin-right: 8px; } .wrap-entry-categories-inner:before { margin-right: 0; font-size: 17px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:before { color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before { color: var(--primary-color); } .woocommerce ul.product_list_widget li .reviewer:before { width: 9px; font-size: 14px; margin-right: 8px; font-weight: 600; } .widget .children li a:before, .widget.widget_nav_menu .sub-menu li a:before { content: ' - '; width: 12px; display: inline-flex; font-weight: 700; font-size: 24px; line-height: 1; margin-right: 0.25rem; } #site-footer .widget .children li a:before { color: var(--fw-title-color); } .single-product .product_meta > span::before { font-size: 16px; width: 16px; } .widget.widget_nav_menu .sub-menu { margin-top: 0.5rem; } .widget.widget_nav_menu .sub-menu li { margin-bottom: 0.5rem; } .widget.widget_nav_menu .sub-menu a { font-size: 14px; } .widget.widget_nav_menu .sub-menu .sub-menu { margin-left: 1rem; } .layout-shadow-box article .entry-content { padding: 3rem; position: relative; background: #ffffff; } @media (max-width: 1199px) { .layout-shadow-box article .entry-content { padding: 1rem; } #bg-header, #bg-footer { display: none; } } .woocommerce div.product .woocommerce-tabs .panel { background-color: #ffffff; padding: 1rem 3rem 2rem 3rem; border: none; position: relative; margin-bottom: 2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before { color: var(--title-color); margin-right: 0; } .blog-tile .entry-categories-inner:before { font-size: 16px; margin-right: 0; } .widget-title:before { margin-right: 0.5rem; } form[name="checkout"] h4:before { margin-right: 0.5rem; font-size: 18px; } .single-post article, .section-inner { position: relative; } .blog-tile-content .entry-excerpt p { display: -webkit-box; /*noinspection CssUnknownProperty*/ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 5rem; font-size: 16px; } .blog-tile .entry-categories-inner a { font-weight: bold; margin-bottom: 0.5rem; letter-spacing: 0.5px; font-size: 18px; } .blog-tile-content .entry-excerpt { max-height: 5rem; } .blog-tile { max-width: 768px; } /* end LAYOUT */ /* ============================================================================================================== */ /* * 6. WOOCOMMERCE GENERAL */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; position: relative; width: 22.05%; margin-left: 0; text-align: center; background: #fff; transition: all 0.215s ease-out; overflow: visible; padding: 2rem 1.5rem; border: 1px solid #ffffff; border-radius: 15px; } @media (min-width: 769px) { .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { min-height: 521px; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-4 li.product { min-height: 305px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: flex; flex-flow: column; align-items: center; justify-content: center; } } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { display: block; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { padding: 2rem 2rem .5rem 2rem; } .woocommerce .woocommerce-breadcrumb { margin-bottom: 2rem; font-size: 14px; line-height: 19px; letter-spacing: 1px; color: #959FB0; display: none; } .elementor-shortcode .woocommerce ul.products li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-message { box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09); } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { border-radius: 100%; border: 1px solid var(--primary-color); width: 40px; min-width: 40px; height: 40px; object-fit: cover; background: #fff; margin: 0.65rem 20px -1.5rem 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { background: var(--primary-bg-color); padding: 1.5rem !important; border-radius: 8px; } .woocommerce-mini-cart-item .remove { background: #fff; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding: 1rem 1.5rem 1.5rem 1.5rem !important; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 1rem; left: 50px; width: 22px; height: 22px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: -1px; align-items: center; padding: 0; border-width: 1px; } .woocommerce .quantity .qty { padding-left: 0.5rem; padding-right: 0.5rem; } .woocommerce .widget_shopping_cart ul.product_list_widget li a { align-items: unset; margin-top: 1rem; } .woocommerce .widget_shopping_cart ul.cart_list li img, .woocommerce .widget_shopping_cart ul.product_list_widget li img { margin-top: 0.65rem; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { text-align: center; color: var(--price-tile-color); padding: 1.5rem 0 .5rem 0; font-weight: 600; font-size: 21px; line-height: 1.25; } .woocommerce ul.products li.product .price { margin-top: .5rem; margin-bottom: .5rem; padding-left: 1.5rem; padding-right: 1.5rem; text-align: center; font-weight: 800; color: var(--price-color); font-size: 18px; line-height: 27px; letter-spacing: 0.5px; } .woocommerce ul.products li.product .price ins { font-weight: 800; } .woocommerce ul.products li.product a img { border-radius: 8px; transition: all 0.45s ease-in-out; min-height: 17rem; margin: auto; object-fit: contain; width: max-content; } .woocommerce ul.product_list_widget li a { display: flex; font-weight: normal; margin-bottom: 0.25rem; } .woocommerce ul.product_list_widget li { margin-bottom: 1rem; color: var(--primary-color); min-height: 100px; } .woocommerce ul.product_list_widget li a { align-items: center; } main .widget { padding: 2.4rem; margin: 0 0 2rem 0.5rem; } @media (max-width: 1199px) { main .widget { margin: 0 0 1.5rem; } body .ngg-albumoverview.default-view .ngg-album-compact:before, main .widget:before { right: -15px; } } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-bottom: 2rem; } .woocommerce ul.products li.product .star-rating { font-size: 16px; margin: 0.5rem auto 1rem auto; } .woocommerce-MyAccount-navigation { margin-bottom: 1rem; } /* Fix for mobile to display one column instead of two */ @media (max-width: 768px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; margin: 1rem 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:before { display: none; } .container-product .content-single-product, .container-product .sidebar-single-product { max-width: 415px; margin: auto; } } .woocommerce div.product form.cart .variations label { word-break: break-all; } .woocommerce table.shop_table, .woocommerce form.checkout, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .comments-wrapper, .author-bio, .woocommerce-MyAccount-navigation, main .widget, .woocommerce-error, .woocommerce-info { background-color: #ffffff; padding: 32px; border: none; position: relative; } .woocommerce-message { background-color: #ffffff; border-radius: 8px; color: var(--title-color); position: relative; } /* Default boxes styles */ .woocommerce table.shop_table, .woocommerce form.checkout, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .comments-wrapper, .author-bio, .woocommerce-MyAccount-navigation, main .widget, .woocommerce-error, .woocommerce-info, .product-header, .woocommerce div.product .woocommerce-tabs .panel, .single-post .post-inner, .pagination-single-inner a, .blog-tile, .single-post .featured-media img, .blog .pagination-wrapper, .woocommerce-pagination, .archive #site-content, .search #site-content, .elementor-widget-wp-widget-media_audio, .woocommerce-MyAccount-content, .woocommerce-account.woocommerce-page.woocommerce-lost-password .entry-content .woocommerce > p, .woocommerce-ResetPassword.lost_reset_password, .layout-shadow-box article .entry-content, .woocommerce .woocommerce-customer-details address { box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09); border-radius: 40px; } /* Default mobile boxes styles */ @media (max-width: 1199px) { .woocommerce table.shop_table, .woocommerce form.checkout, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .comments-wrapper, .author-bio, .woocommerce-MyAccount-navigation, main .widget, .woocommerce-error, .woocommerce-info, .product-header, .woocommerce div.product .woocommerce-tabs .panel, .single-post .post-inner, .pagination-single-inner a, .blog-tile, .single-post .featured-media img, .blog .pagination-wrapper, .woocommerce-pagination, .archive #site-content, .search #site-content, .woocommerce-MyAccount-content, .woocommerce-account.woocommerce-page.woocommerce-lost-password .entry-content .woocommerce > p, .woocommerce-ResetPassword.lost_reset_password, .layout-shadow-box article .entry-content, .woocommerce .woocommerce-customer-details address { border-radius: 8px; } } .woocommerce-message::before { color: var(--success-icon-color); content: "\e015"; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { display: flex; height: 100%; align-items: center; top: 0; left: unset; right: 1.5rem; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: unset; background: none; color: var(--primary-color); font-size: 1rem; line-height: 1.5; padding: 0; margin-right: 0.5rem; letter-spacing: normal; box-shadow: none; } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover { background: none !important; color: var(--primary-hover-color); } .woocommerce-MyAccount-content .woocommerce-error, .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message { border: 1px solid var(--primary-color); box-shadow: none; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: var(--primary-bg-color); color: #515151; font-weight: 600; border-radius: 0.5rem; margin-bottom: 1rem; margin-top: 1rem; font-size: 14px; line-height: 19px; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0 0.5em 0 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid transparent; border-bottom-color: var(--primary-bg-color); } .woocommerce-checkout-review-order-table thead th { font-size: 21px; } #order_review_heading { margin-bottom: 1em; } .woocommerce .woocommerce-checkout table.shop_table tfoot .cart-subtotal td { color: var(--primary-color); } .woocommerce .woocommerce-checkout table.shop_table tbody tr:last-child td { padding-bottom: 2rem; } .woocommerce .woocommerce-checkout table.shop_table td, .woocommerce .woocommerce-checkout table.shop_table th { border-color: #fff; } .wc_payment_methods li > label, .comment-form-cookies-consent label { cursor: pointer; font-size: 18px; line-height: 1.5; transition: all 0.3s; } .wc_payment_methods li > label:hover { color: var(--primary-color); } .woocommerce .woocommerce-customer-details address { border: unset; background-color: #ffffff; padding: 2rem; margin-bottom: 4rem !important; } .woocommerce .woocommerce-order-details thead th { font-size: 20px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin-top: 0.5rem; } .wc_payment_methods li { padding-bottom: 0.5rem; } .woocommerce form.checkout_coupon button { white-space: pre; padding: 0.8125em 1.5425em; min-width: 160px; height: 50px; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-left: 0.5rem; } .woocommerce-ResetPassword.lost_reset_password label { width: 100%; } .woocommerce-info::before { color: #f8ae4b; } .cart_totals h4 { font-weight: 600; font-size: 26px; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1rem 3.5rem 1rem 2rem; border: none; color: var(--title-color); z-index: 1; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { margin-left: 0.5rem; } .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: 600; } .woocommerce div.product form.cart { margin-bottom: 0.5rem; margin-top: 1.5rem; } .woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after { display: none; } .woocommerce div.product form.cart div.quantity { margin-right: 1rem; } .woocommerce-variation-price { margin-bottom: 1rem; } .woocommerce ul.products li.product a.added_to_cart.wc-forward { display: none; } .woocommerce-cart-form__cart-item .product-subtotal, .woocommerce-cart-form__cart-item .product-price { color: var(--primary-color); font-weight: bold; } /* For product page*/ .woocommerce .summary a.button.added::after { right: 3.5rem; } .woocommerce .summary a.button.added:hover, .woocommerce .summary a.button.loading:hover { color: transparent; } .woocommerce .summary a.button.loading { padding-right: 2em; } .woocommerce ul.products li.product .button.loading:before, .woocommerce ul.products li.product .button.added:before { display: none; } .woocommerce .summary a.button.loading::after { right: 3.5rem; padding: 0; top: 1.23536em; } .woocommerce ul.products li.product .button.loading, .woocommerce ul.products li.product .button.added, .woocommerce .button.loading, .woocommerce .button.added { color: transparent !important; background-color: var(--primary-color) !important; opacity: 1; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after, .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { position: absolute; color: #fff; right: 4.5rem; transition-delay: 0.45s; top: .9305em; } .woocommerce ul.products li.product .button:before { content: '###'; color: transparent; -webkit-mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 30%; mask: url('data:image/svg+xml;utf8, ') no-repeat 100% 30%; margin-right: 0.65em; width: 1.25em; display: inline-flex; transition: all 0.45s; } .woocommerce ul.products li.product .button:before { background-color: #fff; } .woocommerce ul.products li.product .button:before { background-color: var(--primary-color); } .woocommerce ul.products li.product .button:hover:before { background-color: #fff; } .woocommerce-cart .cart-collaterals .cart_totals table { padding: 1rem; margin-bottom: 1rem; } .woocommerce a.remove { font-size: 30px; height: 40px; width: 40px; padding: 0; line-height: 30px; font-weight: 400; color: var(--primary-color) !important; border: 1px solid var(--primary-color); transition: all .215s ease; margin: auto; display: flex; align-items: center; justify-content: center; letter-spacing: normal; } .woocommerce a.remove:active, .woocommerce a.remove:hover { background: var(--primary-color); } .woocommerce .woocommerce-cart-form a.remove { border: none; } .woocommerce .woocommerce-cart-form a.remove:active, .woocommerce .woocommerce-cart-form a.remove:hover { color: black !important; background: transparent; } .woocommerce-mini-cart__buttons.buttons { display: flex; flex-wrap: wrap; } .woocommerce-cart table.cart img { min-width: 100px; width: 100px; border: 1px solid var(--primary-color); border-radius: 100%; height: 100px; object-fit: cover; background: #fff; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before { margin-right: 0.5rem; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul { border-color: transparent; margin: 0 0.25rem; } .woocommerce-pagination { margin-bottom: 2rem; padding: 1rem 1rem 0.5rem 1rem; background: #fff; position: relative; } #comments .woocommerce-pagination { box-shadow: unset; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.65em; font-size: 18px; font-weight: 600; } .woocommerce .woocommerce-ordering select, .woocommerce div.product form.cart .variations select { border-radius: 90px; font-weight: 600; border: none; padding: 10px 16px; background-color: #f2f4f5; color: #6d7c90; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: all .215s ease; max-width: 11rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 15px; line-height: 19px; letter-spacing: 0.5px; } .woocommerce .woocommerce-ordering select:hover, .woocommerce div.product form.cart .variations select:hover { background-color: #f5f5f7; } .woocommerce .woocommerce-ordering { margin-bottom: 2rem; position: relative; display: flex; align-items: center; } .woocommerce-result-count { border: unset; padding: 0.5rem 0; color: var(--title-color); font-weight: bold; font-size: 18px; line-height: 1.5; font-family: inherit; } @media (max-width: 550px) { .woocommerce .woocommerce-result-count { width: 100%; } .woocommerce .woocommerce-ordering { float: left; margin-bottom: 1rem; } } .woocommerce .star-rating { font-size: 16px; height: 16px; width: 6.4em; } .woocommerce .star-rating::before { color: var(--primary-color); } .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 1px solid #f5f5f7; } .woocommerce table.shop_table { border: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-thankyou-order-received { color: var(--primary-color); font-weight: bold; font-size: 30px; line-height: 41px; letter-spacing: 1px; margin-bottom: 2rem; } .woocommerce-order-received .woocommerce-thankyou-order-details { border: 1px solid var(--primary-color); border-radius: 0.5rem; padding: 2rem 2rem 0 2rem; margin-bottom: 2rem !important; } .woocommerce-order-received .woocommerce-thankyou-order-details li { margin-bottom: 2rem; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { color: var(--primary-color); } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: unset; } @media (min-width: 769px) { .woocommerce form.checkout { padding: 1rem 3rem; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 2rem 3rem; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding: 2rem; } td[data-title="Shipping"] { max-width: 340px; } } @media (max-width: 768px) { .woocommerce form.checkout { padding: 0.5rem 1.5rem; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 1.5rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100%; border-radius: 4px; padding: 0; margin-bottom: 0.25rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 1rem; line-height: 1; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs { background-color: #ffffff; border-radius: 8px; padding: 1.5rem; box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09); border: none; position: relative; margin-bottom: 2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #e5e5e5; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } } .woocommerce-form-coupon .form-row.form-row-first, .woocommerce-form-coupon .form-row.form-row-last { float: left; margin: 0; } .woocommerce-form-coupon .form-row.form-row-first { width: 51%; } .woocommerce-form-coupon .form-row.form-row-last { margin-left: -7%; } .woocommerce nav.woocommerce-pagination ul li span.current { color: var(--primary-dark-color); } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #4ca75480; } .woocommerce ul.products li.product span.onsale, .woocommerce span.onsale { background-color: transparent; font-weight: 500; line-height: 1; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; font-size: 0.75rem; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding: 0.5rem; } /* Fix for PayPal payment method */ @media (max-width: 480px) { .wc_payment_method.payment_method_paypal input { float: left; height: 31px; margin-right: 0.75rem !important; } .wc_payment_method.payment_method_paypal label { display: inline-flex; flex-flow: column; } .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal img { margin: 1rem 0 0; } .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal a { margin: 0; } } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 0.85rem; } .comment-form-author label, .comment-form-email label, .comment-form-url label { margin-right: 1rem; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; max-width: 100%; } .comment-form-cookies-consent { display: flex; align-items: center; } #wp-comment-cookies-consent { margin: 1rem 1rem 1rem 0; } .woocommerce-MyAccount-content label[for="shipping_last_name"], .woocommerce-MyAccount-content label[for="billing_last_name"] { width: 100%; } #account_display_name + span { font-weight: 600; font-size: 13px; line-height: 19px; color: var(--primary-color); padding-top: 0.5rem; } .comment-form-cookies-consent label { margin: 1rem 0; } .woocommerce ul.products li.product span.onsale { margin: -1rem -0.75rem 0 0; } .woocommerce span.onsale { margin: -0.25rem; } .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: transparent !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs li { border-color: transparent !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--primary-hover-color); } .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: none; } .product-categories { list-style: none; } .woocommerce div.product p.price ins { font-weight: 800; } .widget_nav_menu ul li, .widget_archive ul li, .widget_meta ul li, .product-categories .cat-item { margin-bottom: 1rem; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--woo-pr-fil-bg-color); margin-left: -1px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; } .woocommerce .widget_price_filter h4 { margin-bottom: 2rem; } .woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-flow: column-reverse; } .woocommerce-mini-cart__total.total strong { font-weight: bold; } .woocommerce .widget_price_filter .price_label { display: inline-block; font-weight: bold; font-size: 16px; line-height: 19px; width: 100%; margin-bottom: 25px; letter-spacing: 1px; text-align: center; color: var(--title-color); } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px dashed #dee2e6; font-weight: 600; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-align: center; padding-top: 1rem; padding-bottom: 0.5rem; margin-top: 1.5rem; color: var(--title-color); } .woocommerce .widget_price_filter .price_slider_amount .button { padding: 3px 26px; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { padding: 5px 15px; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { line-height: 22px; letter-spacing: 0.5px; font-size: 0.875rem; margin: auto; box-shadow: none; background-color: var(--primary-color); } .woocommerce ul.products li.product .button, body .blog-tile-content .elementor-button.elementor-size-md, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget_shopping_cart .buttons a.checkout, .woocommerce .cart button[name="apply_coupon"], .woocommerce form.checkout_coupon button, .woocommerce div.product form.cart .reset_variations { border: 1px solid var(--primary-color); color: var(--primary-color); background: transparent; box-shadow: none; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background: #6d7c90; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { border: 2px solid #6d7c90; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { border: 1px solid #f2f4f5; } .woocommerce ul.products li.product .button:hover, body .blog-tile-content .elementor-button.elementor-size-md:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce.widget_shopping_cart .buttons a.checkout:hover, .woocommerce .cart button[name="apply_coupon"]:hover, .woocommerce form.checkout_coupon button:hover, body .blog-tile-content .elementor-button.elementor-size-md:active, .woocommerce .widget_price_filter .price_slider_amount .button:active, .woocommerce.widget_shopping_cart .buttons a.checkout:active, .woocommerce .cart button[name="apply_coupon"]:active, .woocommerce form.checkout_coupon button:active, .woocommerce div.product form.cart .reset_variations:hover { color: #fff; background: var(--primary-color) !important; } .woocommerce form.checkout_coupon button { background: #fff; } .woocommerce .cart button[name="apply_coupon"] { padding: 0.8125em 1.5875em; width: 41%; margin-left: -7%; min-width: 175px; background: #fff; font-size: 14px; letter-spacing: 0.5px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #coupon_code { width: 64% !important; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.8125em 10% 0.8125em 1.8875em; } .woocommerce table.cart td.actions .coupon { display: flex; } .woocommerce-checkout #coupon_code { padding: 0.8125em 17% 0.8125em 1.3875em; width: 100% !important; font-size: 1rem; height: 50px; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 1.75rem; margin-right: 0; margin-left: 0; background-color: #f2f2f2 !important; cursor: pointer; height: 2px; } .woocommerce form .password-input, .woocommerce-page form .password-input { width: 100%; } /* Login form */ .woocommerce form .form-row.post-meta.woo-bottom-f-row { display: flex; align-items: baseline; margin-top: 1rem; } @media (min-width: 1200px) { .woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register { min-height: 430px; } } .woocommerce form.login, .woocommerce form.register { max-width: 568px; margin: 2rem auto; } .woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register { margin: 1rem auto; } .woocommerce-checkout .woocommerce form.login, .woocommerce-checkout .woocommerce form.register { max-width: unset; } .woocommerce-account.woocommerce-page.woocommerce-lost-password .entry-content .woocommerce > p, .woocommerce-ResetPassword.lost_reset_password { background-color: #ffffff; padding: 3rem; border: none; position: relative; margin-top: 1rem; margin-bottom: 3rem; } .woocommerce-MyAccount-content { background-color: #ffffff; padding: 3rem 3rem 2rem 3rem; border: none; position: relative; } @media (max-width: 768px) { .woocommerce-MyAccount-content { padding: 2rem 2rem 1rem 2rem; } } .woocommerce-MyAccount-navigation li a { color: var(--title-color); font-weight: 600; font-size: 18px; line-height: 1.5; transition: all 0.215s; letter-spacing: 0.5px; } .woocommerce-MyAccount-navigation li a:hover { color: var(--primary-color); } .woocommerce-MyAccount-content .woocommerce-table.woocommerce-table--order-details.shop_table.order_details { box-shadow: none; padding: 1rem; border: 1px solid #e4e5e7; } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address { box-shadow: none; padding: 2rem; border: 1px solid #e4e5e7; margin-bottom: 0 !important; } .woocommerce-order-received h4 { margin-bottom: 1rem; } .cart-contents { position: relative; } .cart-contents:hover { text-decoration: none; } .cart-contents-count { position: absolute; top: 22px; right: 3px; transform: translateY(-105%) translateX(25%); font-weight: normal; font-size: 12px; line-height: 22px; height: 22px; width: 22px; vertical-align: middle; text-align: center; color: #fff; background: var(--cart-count-color); border-radius: 50%; padding: 1px; } .cart-contents svg { fill: currentColor; height: 19px; width: 22px; color: var(--primary-dark-color); } .woocommerce #review_form .comment-reply-title { border-radius: 1.125rem; width: 100%; margin: 2rem 0 1.5rem; font-weight: bold; font-size: 20px; line-height: 27px; } #review_form_wrapper { border-top: 1px solid #e4e5e7; margin-top: 2rem; margin-bottom: 1rem; } .woocommerce #reviews #comment { height: unset; } .woocommerce #review_form #respond p.comment-notes, .woocommerce-noreviews { font-size: 16px; line-height: 1.5; letter-spacing: 0.5px; } #commentform .form-submit { text-align: end; } #commentform .comment-form-cookies-consent label { font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing: 0.5px; } #respond { border: 1px solid #e4e5e7; padding: 1.5rem 2rem; border-radius: 8px; margin-top: 1rem; margin-bottom: 1rem; } .comment #respond { margin-bottom: 2.5rem; } .woocommerce #review_form #respond p { margin: 0 0 1.5rem; } @media (max-width: 1199px) { #respond { padding: 1.5rem; } .breadcrumbs { line-height: 1.8em; } .breadcrumbs span[typeof="ListItem"] { margin-bottom: 0.75rem; } } .upsells.products h4, .related.products h4 { margin: 4rem 0 2rem 0; font-family: inherit; } .upsells.products ul.products li.product .price, .related.products ul.products li.product .price, .upsells.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 16px; line-height: 19px; } .upsells + .related > h4 { margin-top: 0; } .woocommerce-checkout .cart-subtotal th { font-weight: normal !important; } .woocommerce-tabs h5 { margin: 2rem 0 1.5rem; font-family: inherit; } .woocommerce-product-attributes.shop_attributes { margin-top: 1.5rem; } .related.products h6, .upsells.products h6 { margin: 3rem 0 2rem; font-family: inherit; font-weight: bold; letter-spacing: 0.5px; font-size: 21px; } .related.products li, .upsells.products li { padding-top: 1.5rem !important; } .single-product .summary .product_title { color: var(--title-color); line-height: 1.2; } .single-product.woocommerce div.product .summary .price { font-weight: 800; font-size: 30px; line-height: 41px; letter-spacing: 1px; color: var(--title-color); } @media (min-width: 769px) and (max-width: 1199px) { .woocommerce div.product div.images.woocommerce-product-gallery { max-width: 300px; margin-left: auto; margin-right: auto; } .content-single-product, .sidebar-single-product { max-width: 800px; margin: auto; } } .woocommerce .related.products ul.products li.product a img, .woocommerce .upsells.products ul.products li.product a img { min-height: unset; width: auto; margin: auto; } @media (min-width: 476px) { .woocommerce .related.products ul.products li.product a img, .woocommerce .upsells.products ul.products li.product a img { max-height: 14rem; } } .onsale .onsale-g path { fill: var(--sale-badge-bg-color); } del bdi { text-decoration: line-through; } .woocommerce a.added_to_cart { margin-left: 0.5rem; } .woocommerce #reviews #comments ol.commentlist { margin-top: 2rem; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: unset; padding: 2rem; background: var(--primary-bg-color); border-radius: 8px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-weight: 600; color: var(--primary-color); font-size: 16px; margin-bottom: 1rem; letter-spacing: 0.5px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { margin-top: 2rem; border-radius: 100%; background: none; border: none; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--primary-bg-color); color: var(--primary-color); } .single-product.woocommerce div.product.product-type-variable .summary > .price { margin-top: 0; margin-bottom: 2rem; color: var(--title-color); font-size: 24px; line-height: 27px; letter-spacing: 1px; font-family: inherit; } .single-product .product_meta > span { margin-bottom: 1rem; display: block; letter-spacing: 0.5px; } .single-product .product_meta > span:last-child { margin-bottom: 0; } .single-product .product_meta { margin-top: 1rem; } @media (min-width: 1200px) and (max-width: 1199px) { .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { padding: 3px 12px; font-size: 14px; } } @media (max-width: 360px) { .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin-bottom: 10px; width: 100%; } } .widget_recently_viewed_products ins .woocommerce-Price-amount.amount { margin-left: -2px; padding-left: 5px; } .archive .pagination-separator { margin: 2rem 0 !important; border-color: rgba(0, 0, 0, 0.15); } .woocommerce ul.product_list_widget li .star-rating { margin-left: 60px; margin-bottom: 0.75rem; margin-top: 0.5rem; } .woocommerce .star-rating::before, .woocommerce .star-rating span::before { letter-spacing: 3px; } .product_list_widget .woocommerce-Price-amount + .woocommerce-Price-amount { border: unset; padding: unset; margin: unset !important; } .widget_top_rated_products bdi, .widget_products bdi { margin-left: 60px; } .widget_top_rated_products .woocommerce-Price-amount + .woocommerce-Price-amount bdi, .widget_top_rated_products del + ins bdi, .widget_products .woocommerce-Price-amount + .woocommerce-Price-amount bdi, .widget_products del + ins bdi { margin-left: 0; } .widget del bdi { color: var(--price-color); opacity: 0.5; } .woocommerce ul.product_list_widget li .reviewer { margin-left: 60px; font-size: 14px; line-height: 19px; color: var(--primary-color); margin-top: 0.5rem; display: block; font-weight: 600; } @media (max-width: 1199px) { .woocommerce ul.product_list_widget li a { align-items: center; } } body:not(.woocommerce) .woocommerce.columns-1 ul.products li.product { width: 100% !important; } form .woocommerce-notice, #order_review table { background: #fff; } #order_review table { box-shadow: none; padding: 1rem; border-radius: 8px; border: 1px solid #e4e5e7; } form .woocommerce-error { background-color: #fff; } .woocommerce form .form-row { align-items: center; } .woocommerce-checkout .cart-subtotal { font-size: 20px; line-height: 27px; } .woocommerce .woocommerce-checkout table.shop_table .order-total th, .woocommerce .woocommerce-checkout table.shop_table .order-total td { font-size: 24px; } .woocommerce .woocommerce-checkout table.shop_table .order-total td { padding: 0 13px; border-radius: 8px; background-color: var(--primary-bg-color); } .woocommerce .woocommerce-checkout table.shop_table tfoot .cart-subtotal th, .woocommerce .woocommerce-checkout table.shop_table tfoot .cart-subtotal td { margin-top: 1rem; padding-top: 2rem; border-top: 1px solid #e4e5e7; border-spacing: 0; font-size: 18px; line-height: 1.5; font-weight: bold !important; } .woocommerce .woocommerce-checkout table.shop_table th { font-size: 20px; line-height: 1.5; } @media (min-width: 769px) { .woocommerce-checkout .product-total .amount { font-size: 16px; } .woocommerce .woocommerce-checkout table.shop_table td { font-size: 16px; line-height: 1.5; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left: 0; margin-bottom: 0.5rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding-right: 0; } } @media (max-width: 768px) { .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs li { border-color: #e5e5e5 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: unset; } #order_review table { padding: 1rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 1rem !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background-color: var(--mobile-grey-color); } } @media (max-width: 1199px) { .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-right: 1rem; } } .woocommerce table.my_account_orders td .button { font-size: 14px; padding: 0.25rem 1rem; } .woocommerce-orders-table { padding: 1rem; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 8px 8px; } .woocommerce table.my_account_orders th { font-size: 1rem; } .woocommerce-table--order-details { padding: 1rem; } .woocommerce table.shop_attributes tr:nth-child(even) th { letter-spacing: .5px; font-weight: 700; color: #20292f; } .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: #f2f4f5; } .woocommerce-mini-cart__empty-message { letter-spacing: .5px; text-align: center; font-size: 15px; } .woocommerce-account .woocommerce table.shop_table { border: none; box-shadow: none; padding: 0; } .checkout .woocommerce-NoticeGroup-checkout { margin-top: 2rem; } .product-header { display: inline-block; background-color: #ffffff; padding: 3rem 3rem 1rem 3rem; border: none; position: relative; margin-bottom: 2rem; width: 100%; } @media (min-width: 1200px) { .container-product, .container-shop { max-width: 1400px; } .footer-inner { max-width: 1200px; } .three-col, .two-col-sidebar { max-width: 1200px; } } @media (min-width: 1200px) { .container-product .col-lg-8 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .container-product .col-lg-4 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .container-product .woocommerce-product-gallery { width: 38% !important; } .woocommerce .container-product div.product div.summary { width: 58% !important; border-left: 2px dashed #fce0bb; padding-left: 3rem; } } .woocommerce table.shop_attributes td p { padding: 0; } @media (max-width: 768px) { .product-header { padding: 1.5rem 1.5rem 0 1.5rem; } .woocommerce div.product .woocommerce-tabs .panel { padding: 0.5rem 1.5rem 1rem 1.5rem; } .woocommerce div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations .value { width: 50%; } .woocommerce ul.products li.product .button { width: 11rem; } } .products.columns-3 { display: flex; flex-wrap: wrap; } .woocommerce ul.products.columns-3 li.product .woocommerce-loop-product__title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; padding: 0; margin: 1.5rem 0 1rem 0; } /*noinspection CssUnknownProperty*/ @media (min-width: 769px) { .woocommerce ul.products.columns-3 li.product .woocommerce-loop-product__title { text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: 2.5em; } } /* end WOOCOMMERCE GENERAL */ /* ============================================================================================================== */ /* * 7. MAILCHIMP FORM */ .theme-mailchimp { display: flex; align-items: center; flex-flow: wrap; max-width: 445px; } #site-footer .theme-mailchimp { margin: 0; } .theme-mailchimp-fields { width: 100%; } .theme-mailchimp-fields input[type="email"], .theme-mailchimp-fields input[type="submit"] { float: left; border-radius: 90px; padding: 12px 25px; text-overflow: ellipsis; border: none; font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 1px; height: 51px; } @media (max-width: 475px) { .theme-mailchimp-fields input[type="email"], .theme-mailchimp-fields input[type="submit"] { font-size: 14px; line-height: 19px; height: 43px; } .woocommerce .cart button[name="apply_coupon"] { margin-left: -9%; } .woocommerce-cart .woocommerce .cart button[name="apply_coupon"] { padding-right: 0.5rem; min-width: 130px; font-size: 0.875rem; padding-left: 0.5rem; } .theme-mailchimp-fields input[type="email"] { padding: 12px 32px 12px 19px; } } .theme-mailchimp-fields input[type="email"] { width: 64%; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 60px 30px rgba(223, 178, 139, 0.15); } .theme-mailchimp-fields input[type="submit"] { width: 41%; margin-left: -7%; background: linear-gradient(120deg, var(--btn-bg-color-1) 0%, var(--btn-bg-color-2) 100%); color: #fff; transition: .45s; text-align: center; } .theme-mailchimp-fields input[type="submit"]:hover { background-color: var(--btn-hover-color); box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); } .theme-mailchimp-fields input[type="email"]::-webkit-input-placeholder { font-size: 16px; line-height: 22px; letter-spacing: .5px; color: #959FB0; } /* Firefox fix */ .theme-mailchimp-fields input[type="email"]:-moz-placeholder { font-size: 16px; line-height: 22px; letter-spacing: .5px; color: #959FB0; } .theme-mailchimp p { font-size: 14px; line-height: 22px; margin-top: 22px; width: 100%; font-style: italic; } .mc4wp-response { margin-top: 1rem; text-align: center; } .mc4wp-alert { background: #fff; padding: 1rem 1rem 0 1rem; display: inline-block; border-radius: 0.5rem; border: 1px solid var(--primary-color); } .mc4wp-alert p { color: var(--primary-color); font-weight: 600; } /* end MAILCHIMP FORM */ /* ============================================================================================================== */ /* * 8. POST META */ .post-meta { list-style: none; display: flex; flex-flow: wrap; } .single-post .post-meta-single-top .post-meta { margin-top: 1rem; margin-bottom: 1rem; } .single-post .post-meta-single-bottom .post-meta { margin-top: 1.5rem; margin-bottom: 0; } .post-meta li { margin-right: 0.5rem; margin-bottom: 0.5rem; padding: 0.25rem 0.75rem; background: #fafafa; border-radius: 0.5rem; } .post-tags.meta-wrapper { background: white; padding: 0; margin: 0; line-height: 1.7; } .meta-text, .post-meta a { font-size: 14px; color: #6d7c90; font-weight: bold; font-style: normal; letter-spacing: 0.5px; } .post-meta .post-tags a { font-size: 15px; } .blog-tile .meta-text, .blog-tile .post-meta a { font-size: 13px; } .single-post .post-inner { background-color: #ffffff; padding: 3rem; margin-bottom: 2rem; } .single-post .blog-post .col-lg-8.pb-5.mx-auto > .featured-media { margin-bottom: 2rem; } .page .container-lg.py-2.py-sm-0 > .featured-media img { border-radius: 0.5rem; box-shadow: 0 8px 60px 0 rgba(223, 178, 139, 0.15), 0 12px 90px 0 rgba(223, 178, 139, 0.15); margin-bottom: 2rem; } .meta-icon svg { height: 14px; width: 14px; margin-right: 6px; } .post-tags .meta-icon svg { height: 16px; width: 16px; margin-right: 6px; } @media (max-width: 550px) { .single-post .post-inner, .author-bio, .comments-wrapper { padding: 1.5rem !important; } } /* end POST META */ /* ============================================================================================================== */ /* * 9. SEARCH PAGE NAVIGATION */ .post-page-numbers, .page-numbers { margin-right: 0.5rem; text-align: center; padding: 0.5rem 1rem; border-radius: 0.5rem; color: #525A75; } a.page-numbers { background: #fafafa; } .post-page-numbers { margin-bottom: 0.5rem; display: inline-block; } .prev.page-numbers.placeholder, .page-numbers.dots { background: white; } .post-page-numbers.current, .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li span.current { background: #f2f4f5; font-weight: 700; } a.post-page-numbers:hover, a.page-numbers:hover{ background: var(--primary-bg-color); } .archive #site-content, .search #site-content { background-color: #ffffff; padding: 4rem; } .archive-header-inner { margin-bottom: 3rem; } @media (max-width: 1199px) { .archive #site-content, .search #site-content { max-width: 90%; padding: 6%; } .archive-header-inner { margin-bottom: 2rem; } } /* end SEARCH PAGE NAVIGATION */ /* ============================================================================================================== */ /* * 10. BUTTONS */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .form-submit #submit, .wpcf7-submit, .post-password-form input[type="submit"], body .elementor-button.elementor-size-xl, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs { color: #fff; min-width: 3.25rem; padding: 0.7em 1.764em; text-align: center; border-radius: 90px; font-weight: 600; line-height: 22px; letter-spacing: 0.5px; transition: all .45s; background: linear-gradient(120deg, var(--btn-bg-color-1) 0%, var(--btn-bg-color-2) 100%); box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); border: none; } body .elementor-button.elementor-size-xl, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs { background: var(--btn-bg-color-1); } body.error404 .elementor-button.elementor-size-md { background: linear-gradient(120deg, var(--btn-bg-color-1) 0%, var(--btn-bg-color-2) 100%); } /* Disables transitions on touch screens */ @media (hover: none) { .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce ul.products li.product .button:before, .woocommerce div.product form.cart .reset_variations, .recentcomments a.url, .form-submit #submit, .wpcf7-submit, .post-password-form input[type="submit"], .tagcloud a, .tagged_as a, .previous-post .title-nav-prev, .next-post .title-nav-next, .previous-post path, .next-post path, .widget .woocommerce-product-search button, body .elementor-button.elementor-size-xl, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs, #cancel-comment-reply-link { transition: none !important; } } /* Light button */ .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .form-submit #submit:hover, .wpcf7-submit:hover, .post-password-form input[type="submit"]:hover { background-color: var(--btn-hover-color) !important; color: #fff; } body .elementor-button:hover, body .elementor-button:focus { background-color: var(--btn-hover-color); box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.8); color: #fff; } .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .post-password-form input[type="submit"] { font-size: 1rem; } .form-submit #submit, .wpcf7-submit { font-size: 0.875rem; } .woocommerce .summary .button { font-size: 0.875rem; margin-bottom: 1rem; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: #fff; } .woocommerce ul.products li.product .button { margin: 0.5rem auto 0; padding: 0.8125rem; font-size: 14px; font-weight: 700; width: 10rem; } .woocommerce div.product div.images .flex-control-thumbs { margin-top: 2rem; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px; } a.checkout-button.button.alt { font-size: 1rem; padding: 0.8125em 1.8875em; max-width: 250px; } .woocommerce .cart .button[name="update_cart"] { padding: 0.8125em 1.8875em !important; max-width: 250px; } body .blog-tile-content .elementor-button.elementor-size-md { font-size: 17px; font-weight: bold; } .blog-tile-content > a { width: fit-content; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { margin-bottom: 0.5rem; } @media (min-width: 1200px) { .woocommerce-MyAccount-navigation { max-width: calc(30% - 1.5rem); padding: 3rem 3rem 2rem 3rem; } } @media (max-width: 1199px) { .woocommerce-MyAccount-navigation { padding: 2rem 2rem 1rem 2rem; } } @media (min-width: 769px) { a.checkout-button.button.alt { float: right; } .woocommerce-MyAccount-content form h3:first-child { margin-top: 0; } } .woocommerce-MyAccount-navigation li { margin-bottom: 1rem; } .woocommerce-MyAccount-content legend { padding-top: 2rem; padding-bottom: 1rem; } .u-columns.woocommerce-Addresses { padding-top: 0.5rem; } .woocommerce-address-fields__field-wrapper { margin-bottom: 2rem; } #place_order { font-size: 18px; margin-left: auto; } button[name="save_account_details"] { margin-top: 1.5rem !important; } .woocommerce form .form-row.woo-bottom-f-row { display: flex; align-items: center; margin-top: 1rem; margin-bottom: 1rem; } /* end BUTTONS */ /* ============================================================================================================== */ /* * 11. INPUTS */ input, textarea { padding: 0.75rem 1rem; font-size: 1rem; } input, textarea, .select2-container--default .select2-selection--single { transition: all .215s ease; } input:hover, input:focus, textarea:hover, textarea:focus, .select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus { border-color: var(--primary-color) !important; } input, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .select2-container--default .select2-selection--single { border-radius: 90px; line-height: 1.23536; font-weight: 400; text-overflow: ellipsis; border: 1px solid #e4e5e7; } .select2-container--default .select2-selection--single[aria-expanded="true"] { border-radius: 0.5rem; } textarea { border-radius: 4px; padding: 1rem 22px; line-height: 1.23536; font-weight: 400; text-overflow: ellipsis; border: 1px solid #e4e5e7; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, #coupon_code { float: unset; max-width: 100%; width: unset; font-size: 0.875rem; } .woocommerce table.shop_table td.product-remove { padding: 2rem 1.5rem 2rem 2rem; } @media (max-width: 768px) { .woocommerce table.cart td.actions .coupon { margin-top: 1rem; } .woocommerce .cart .button[name="update_cart"] { margin: 1rem auto; } .woocommerce-Address-title h4 { width: 100%; } .checkout-button.button.alt { margin: auto; } .woocommerce table.shop_table td.product-remove { padding: 1.5rem; } .woocommerce-cart-form tbody tr:first-child .product-remove { padding-top: 0 !important; } .woocommerce div.product form.cart .variations td.label { padding-left: 0.25rem; } .woocommerce div.product form.cart .variations .value { padding-right: 0.25rem; } } .woocommerce-cart table.cart th { font-weight: 800; font-size: 20px; line-height: 27px; letter-spacing: 0.5px; color: var(--title-color); padding-top: 2rem; padding-bottom: 2rem; } .woocommerce-cart-form__cart-item a { color: var(--primary-dark-color); } .woocommerce-cart-form__cart-item a:hover { color: var(--primary-color); } .cart-subtotal th { font-weight: normal; } .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td { font-size: 20px; line-height: 27px; letter-spacing: 0.5px; color: var(--title-color); padding: 1rem 2rem; } .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents { font-size: 18px; line-height: 1.5; } .woocommerce-cart table.cart .product-thumbnail { padding-top: 2rem; padding-bottom: 2rem; } .woocommerce-cart .cart-collaterals .cart_totals table .order-total th, .woocommerce-cart .cart-collaterals .cart_totals table .order-total td { font-weight: bold; font-size: 24px; line-height: 33px; letter-spacing: 1px; } form[name="checkout"] h4 { font-weight: bold; font-size: 20px; line-height: 1.5; letter-spacing: 0.5px; font-family: inherit; } .woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal th { font-weight: normal; } .woocommerce-Address-title h4 { margin-top: 0 !important; } .order-total span.woocommerce-Price-amount.amount { color: var(--primary-color) !important; } #order_comments { min-width: 15rem; min-height: 5rem; } .woocommerce-input-wrapper { flex-grow: 1; } .woocommerce div.product form.cart .variations select { margin-right: 0; margin-bottom: 0.5rem; padding-right: 1.5rem; min-width: 100%; float: left; } .woocommerce div.product form.cart .variations label { color: var(--title-color); font-weight: bold; font-size: 18px; line-height: 1.5; font-family: inherit; letter-spacing: .5px; } .woocommerce div.product form.cart .reset_variations { margin-bottom: 1rem; display: block !important; float: left; margin-top: 1rem; text-align: center; font-weight: 600; visibility: visible; width: 100px; border-radius: 90px; padding: 5px 15px; line-height: 22px; letter-spacing: 1px; font-size: 0.875rem; transition: all .45s; } .woocommerce-variation-price .price { background: var(--primary-bg-color); padding: 1rem; border-radius: 8px; margin-bottom: 1rem; display: inline-block; color: var(--primary-color) !important; } .woocommerce div.product form.cart .variations { margin-bottom: 0.5rem; } .woocommerce div.product form.cart .variations td.label { padding-right: 0.5rem; padding-top: 12px; width: 35%; } .woocommerce div.product form.cart .variations .value { width: 65%; } /* Woocommerce selector */ .select2-container .select2-selection--single { height: unset !important; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-search--dropdown .select2-search__field { line-height: 1.5rem; } .widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow { right: 0.25rem !important; } .widget_product_categories .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; line-height: 1rem; } .widget_product_categories .select2-search--dropdown .select2-search__field { line-height: 1rem !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-search--dropdown .select2-search__field { line-height: 2.875rem; padding: 0 1rem; color: var(--primary-dark-color); } .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 2.875rem; padding-left: 20px; } .woocommerce-MyAccount-content .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce-MyAccount-content .select2-search--dropdown .select2-search__field { line-height: 2rem !important; padding-left: 20px !important; } .select2-container--open .select2-dropdown--below { border-left-color: var(--primary-color) !important; border-right-color: var(--primary-color) !important; border-bottom-color: var(--primary-color) !important; } .select2-container--open .select2-dropdown--above { border-left-color: var(--primary-color) !important; border-right-color: var(--primary-color) !important; border-top-color: var(--primary-color) !important; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-color: var(--primary-color); } .woocommerce-checkout label[for="billing_state"], .woocommerce-checkout label[for="billing_country"] { width: 100%; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 3rem !important; position: absolute !important; top: 0 !important; right: 1rem; width: 1rem !important; } .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e5e5e5; } .woocommerce form .form-row label { margin-right: 1rem; color: var(--title-color); font-weight: bold; margin-bottom: 0.65rem; margin-top: 0.5rem; font-size: 16px; line-height: 24px; width: 100%; } .woocommerce form.woocommerce-checkout .form-row label { width: 100%; } .woocommerce-privacy-policy-text { font-size: 14px; line-height: 19px; color: #959FB0; font-weight: 500; margin-bottom: 1.5rem; } .woocommerce form .form-row { padding: 3px 0; } .woocommerce form.woocommerce-checkout .form-row { margin: 0.5rem 0 1rem; } .woocommerce form .form-row .required { color: var(--primary-color); font-weight: 400; } .btn-right { text-align: right; width: 100%; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { margin-right: 0; } .login-btn { display: inline-flex; text-align: right; flex-grow: 1; flex-flow: row-reverse; } .lost_password { line-height: 19px; font-size: 14px; font-weight: bold; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { line-height: 19px; font-size: 14px; display: flex; align-items: center; cursor: pointer; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span { margin-left: 0.5rem; } /* end INPUTS */ /* ============================================================================================================== */ /* * 12. WP IMPROVES */ .gallery-caption { font-size: 14px; margin-right: 1rem; margin-top: 0.25rem; color: #6d7c90; } .bypostauthor { font-size: inherit; } .comments-closed { margin-bottom: 0; text-align: center; font-style: italic; } .wp-block-cover p:not(.has-text-color) a:hover { opacity: 0.8; transition: all 0.3s; } figcaption, cite, .wp-block-pullquote cite, .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { color: #6d7c90; } .blocks-gallery-grid figcaption, .wp-block-gallery figcaption { font-size: 15px; margin-bottom: 1rem; } .wp-caption { position: relative; overflow: hidden; max-width: 100%; margin-bottom: 0 !important; } .wp-block-image figcaption { font-size: 15px; margin-top: .65rem; margin-bottom: 0; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { font-size: 15px; margin-top: .65rem; } .wp-block-video figcaption { font-size: 15px; margin-bottom: 0; } cite { font-size: 15px; padding-top: 0.5rem; display: inline-block; } blockquote cite { padding-top: 0; padding-bottom: 0.5rem; } blockquote { border-left: 3px solid var(--primary-color); } .wp-block-pullquote blockquote { border-right: 3px solid var(--primary-color); } .alignleft { display: inline-block; float: left; margin-right: 1.5em; margin-top: 0.5em; margin-bottom: 1.5em; } .alignright { display: inline-block; float: right; margin-left: 1.5em; margin-top: 0.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin: 0.5em auto 1.5em; text-align: center; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .entry-content ul li, .entry-content ol li { margin-top: 0.25em; } .wp-block-button { margin-bottom: 1rem; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 2rem 2rem 1rem 2rem; } .wp-block-cover { margin-bottom: 1rem; } .wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2, .wp-block-cover { color: white; } /* end WP IMPROVES */ /* ============================================================================================================== */ /* * 13. GENERAL IMPROVES */ /* Page's featured media */ .featured-media img { object-fit: cover; width: 100%; } .intro-text { background: var(--primary-bg-color); padding: 2rem 2rem 1rem 2rem; border-radius: 1.125rem; margin-bottom: 0.5rem; display: inline-block; } .woocommerce-product-details__short-description { width: 100%; margin: 0; display: inline-block; border-radius: 8px; background: var(--primary-bg-color); padding: 2rem 2rem 1rem 2rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 1rem 0 1.5rem; font-weight: 600; color: var(--primary-color); text-decoration: none; font-size: 20px; line-height: 1.5; letter-spacing: 0.5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { font-weight: bold; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { padding-left: 0; } .posted_in, .tagged_as { width: 100%; display: block; } .comment .avatar { margin-right: 1rem; max-height: 3rem; width: auto; border-radius: 100%; } .comment:not(.depth-1) { border-left: 1px solid #e4e5e7; padding-left: 1.5rem; } .comment-body { padding-top: 2rem; padding-bottom: 1rem; margin-top: 1rem; border-top: 1px solid #e4e5e7; } .comment-metadata { padding-bottom: 1rem; padding-top: 1.5rem; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; } .comment-form-comment label { display: block; } .comment-reply-title { margin: 0 0 1rem 0; display: inline-block; font-size: 24px; } #respond .comment-reply-title { margin: 0 0 0.5rem 0; font-size: 24px; display: flex; flex-wrap: wrap-reverse; } #respond .comment-reply-title small { margin-left: auto; } .comments-wrapper { padding: 3rem; margin: 2rem 0 0 0; } .single-post .comments-wrapper { padding: 3rem 3rem 2rem 3rem; } .woocommerce-cart .return-to-shop { text-align: center; } @media (min-width: 576px) { .woocommerce-cart .return-to-shop { margin-top: 3rem; margin-bottom: 0; } .page .comments-wrapper.section-inner { margin: 2rem 0 0 0; } .woocommerce-cart #site-content { margin-top: 1rem; } } @media (max-width: 575px) { .page .comments-wrapper.section-inner { margin: 2rem 0 1rem 0; } .woocommerce-cart #site-content { margin-top: 2rem; } } @media (max-width: 1400px) { .cart-empty.woocommerce-info { margin-top: 2rem; } } .comment-author a span { padding: 5px 14px; border-radius: 20px; background-color: var(--primary-bg-color); color: var(--primary-color); font-weight: bold; transition: all 0.45s; letter-spacing: 0.5px; } .comment-author a span:hover { background-color: var(--primary-color); color: #ffffff; } .next-post { float: right; } .widget-title { margin-top: 0; margin-bottom: 1.25rem; color: var(--title-color); font-weight: bold; font-size: 20px; line-height: 1.5; font-family: inherit; letter-spacing: 0.5px; } .recentcomments a.url { font-weight: bold; color: var(--primary-color); padding: 3px 8px !important; border-radius: 5px; background-color: var(--primary-bg-color); display: inline-block !important; margin-bottom: 5px !important; transition: all .45s; } .recentcomments { margin-bottom: 1rem; font-size: 15px; line-height: 1.5; letter-spacing: 0.5px; } .wpb_wrapper .wpb_gmaps_widget .wpb_wrapper { background-color: #e5e5e5; padding: 1px; border-radius: .5rem; overflow: hidden; } textarea#comment { min-width: 100%; width: 100%; } .comment-form-comment label { margin-bottom: 1rem; } #commentform label { font-size: 16px; line-height: 1.5; margin-bottom: 0.65rem; display: inline-block; font-weight: bold; } @media (min-width: 576px) { .woocommerce form.checkout { margin-bottom: 4rem; } } #shipping_method li { align-items: baseline; display: flex; } #shipping_state { width: 100%; } .woocommerce .comment-form-rating p.stars a::before { font-size: 1.5rem; } .woocommerce .comment-form-rating p.stars a { height: 2rem; width: 1.5rem; } .comment-form-rating { padding: 2rem 2rem 1rem 2rem; background: var(--primary-bg-color); border-radius: 8px; margin-bottom: 1.5rem; } .comment-footer-meta { font-size: 14px; color: #6d7c90; font-weight: 600; font-style: normal; margin-left: 26px; letter-spacing: 0.5px; } .comment-content { padding-left: 1.5rem; border-left: 2px solid var(--primary-color); margin-bottom: 1rem; } .archive-subtitle { border-radius: 8px; color: var(--title-color); font-weight: 400; background: var(--primary-bg-color); padding: 2rem 2rem 1rem 2rem; } .search main article:first-child .entry-title, .archive main article:first-child .entry-title { margin-top: 0; } .search .entry-title a, .archive .entry-title a { transition: all 0.215s; font-weight: 600; font-size: 24px; color: var(--title-color); } .search .entry-title a:hover, .archive .entry-title a:hover { color: var(--primary-color); } hr.dark-grey { border-top: 1px solid rgba(0, 0, 0, 0.15); } .search .entry-categories-inner { margin-top: 1rem; } .entry-categories-inner { color: #959FB0; font-weight: bold; margin-bottom: 1rem; } .blog-tile .entry-categories-inner { font-weight: 600; padding: 0.5rem 0.75rem; border-radius: 0.5rem; background: #fafafa; margin-bottom: 1.25rem; margin-top: 1.25rem; } /*noinspection CssUnknownProperty*/ @media (min-width: 1200px) { .blog-tile .entry-categories-inner { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; max-height: 51px; } } .single-post .entry-categories-inner { margin-top: 0; margin-bottom: 0.5rem; } .single-post .entry-categories-inner, .single-post .entry-categories-inner a { color: var(--title-color); font-weight: bold; font-size: 19px; line-height: 1.4; letter-spacing: 0.5px; transition: all 0.1s; } .archive .entry-categories-inner, .archive .entry-categories-inner a { color: var(--title-color); font-weight: bold; font-size: 18px; line-height: 1.4; letter-spacing: 0.5px; transition: all 0.1s; } .search .entry-categories-inner, .archive .entry-categories-inner { margin-top: 1rem; } .header-title, .woocommerce-loop-product__title, .product-title, .entry-title, .entry-categories-inner a { word-break: break-word; } /* end GENERAL IMPROVES */ /* ============================================================================================================== */ /* * 14. BLOG */ .blog-tile { background: #fff; overflow: hidden; margin: 0 1rem 2rem 1rem; } .blog-tile .entry-title { margin-top: 0; line-height: 1.25; margin-bottom: 1rem; } .blog-tile .entry-title-link { color: var(--title-color); transition: all .215s; } .blog-tile .entry-title-link:hover { color: var(--primary-color); } .blog-tile .post-meta { margin-bottom: 1.25rem; } .blog-tile .featured-media img { object-fit: cover; } .blog-tile article { display: flex; flex-direction: column; height: 100%; } .blog-tile article.sticky:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQwNCA0MDQuNTM5ODkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxjaXJjbGUgcj0iMjAyIiBjeD0iMjAyIiBjeT0iMjAyLjI2OTk0NSIgZmlsbD0iI2ZmZmZmZiIgc2hhcGU9ImNpcmNsZSI+PC9jaXJjbGU+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC41NSwwLDAsMC41NSwxMjQuNzU1MTcwODcyODA3NDcsOTEuMDIxNjgwNDUwNDM5NDYpIj48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0yNzcuNTMxMjUgMTB2Mzc0LjUzMTI1Yy0uMDAzOTA2IDMuNzQ2MDk0LTIuMTAxNTYyIDcuMTc5Njg4LTUuNDM3NSA4Ljg5MDYyNXMtNy4zNDc2NTYgMS40MTQwNjMtMTAuMzk0NTMxLS43NzM0MzdsLTExNy44MDA3ODEtODQuNDM3NS0xMTcuNzk2ODc2IDg0LjQzNzVjLTMuMDQ2ODc0IDIuMTg3NS03LjA1ODU5MyAyLjQ4NDM3NC0xMC4zOTQ1MzEuNzczNDM3LTMuMzM1OTM3LTEuNzEwOTM3LTUuNDMzNTkzLTUuMTQ0NTMxLTUuNDM3NS04Ljg5MDYyNXYtMzc0LjUzMTI1em0wIDAiIGZpbGw9IiNmZjlmMGQiIGRhdGEtb3JpZ2luYWw9IiMwMGVmZDEiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0yNzcuNTMxMjUgMGgtMjY3LjI2MTcxOWMtNS41MjM0MzcgMC0xMCA0LjQ3NjU2Mi0xMCAxMHYzNzQuNTMxMjVjLS4wMDc4MTIgNy41IDQuMTgzNTk0IDE0LjM3ODkwNiAxMC44NTkzNzUgMTcuODA0Njg4IDYuNjc1NzgyIDMuNDI1NzgxIDE0LjcwNzAzMiAyLjgyNDIxOCAyMC43OTY4NzUtMS41NTg1OTRsMTExLjk3MjY1Ny04MC4yNjE3MTkgMTExLjk3MjY1NiA4MC4yNTc4MTNjNi4wODk4NDQgNC4zNzUgMTQuMTE3MTg3IDQuOTY4NzUgMjAuNzg5MDYyIDEuNTQ2ODc0IDYuNjcxODc1LTMuNDIxODc0IDEwLjg2NzE4OC0xMC4yOTI5NjggMTAuODcxMDk0LTE3Ljc4OTA2MnYtMzc0LjUzMTI1YzAtNS41MjM0MzgtNC40NzY1NjItMTAtMTAtMTB6bS0xMCAzODQuNTIzNDM4LTExNy44MDA3ODEtODQuNDQxNDA3Yy0zLjQ4NDM3NS0yLjQ5NjA5My04LjE2Nzk2OS0yLjQ5NjA5My0xMS42NTIzNDQgMGwtMTE3LjgwODU5NCA4NC40NDkyMTl2LTM2NC41MzEyNWgyNDcuMjYxNzE5em0wIDAiIGZpbGw9IiNmZjlmMGQiIGRhdGEtb3JpZ2luYWw9IiMwODM4NjMiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+); margin-top: 12px; width: 45px; height: 45px; position: absolute; right: 12px; background-size: contain; background-repeat: no-repeat; } .blog-tile-content { display: flex; flex-direction: column; flex-grow: 1; padding: 2rem; } .blog-tile header { flex-grow: 1; } .blog-tile-placeholder { background: #e5e5e5; } @media (min-width: 1200px) { .two-col .blog-tile .featured-media img, .two-col .blog-tile-placeholder { height: 20rem; } .three-col .blog-tile .featured-media img, .three-col .blog-tile-placeholder, .two-col-sidebar .blog-tile .featured-media img, .two-col-sidebar .blog-tile-placeholder { height: 15rem; } .two-col .blog-tile-placeholder, .two-col-sidebar .blog-tile-placeholder, .three-col .blog-tile-placeholder { background: url(assets/img/placeholder.png); background-size: cover; } .two-col .blog-tile .entry-title, .two-col-sidebar .blog-tile .entry-title, .three-col .blog-tile .entry-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /*noinspection CssUnknownProperty*/ .two-col .blog-tile .entry-title { -webkit-line-clamp: 1; max-height: 1.25em; } /*noinspection CssUnknownProperty*/ .two-col-sidebar .blog-tile .entry-title, .three-col .blog-tile .entry-title { -webkit-line-clamp: 2; max-height: 2.5em; } } .peerduck-recent-posts .blog-tile .entry-title { margin-bottom: 1rem; line-height: 1.25; } .comments-pagination { margin-top: 2rem; margin-bottom: 2rem; flex-wrap: wrap; } @media (max-width: 600px) { .blog-tile .featured-media img { height: 15rem; } .prev.page-numbers { width: 100%; display: block; margin-bottom: 1rem; } .next.page-numbers { width: 100%; display: block; margin-top: 1rem; } } .blog .pagination-wrapper { margin-bottom: 2rem; padding: 2rem; background: #fff; position: relative; margin-top: 0; } .blog .pagination-wrapper hr { border-top: 1px solid transparent; } .pagination-wrapper .nav-links { margin: auto; } .archive .pagination-wrapper .nav-links, .search .pagination-wrapper .nav-links { padding-top: 2rem; border-top: 1px dashed #dee2e6; margin-top: 2rem; } .splitting-nav { box-shadow: 0 4px 24px 0 rgba(223, 178, 139, 0.15), 0 12px 64px 0 rgba(223, 178, 139, 0.15); margin-top: 2rem; margin-bottom: 2rem; padding: 2rem 2rem 1.5rem; border-radius: 8px; background: #fff; position: relative; text-align: center; } .splitting-nav .label { margin-right: 1rem; } .blog-tile-content button { font-size: 0.875rem; } .pagination-single-inner { display: flex; justify-content: space-between; } .pagination-single-inner a { width: 100%; background-color: #ffffff; padding: 1.5rem 2rem; border: none; position: relative; } .pagination-single-inner .next-post { text-align: right; } .author-bio { padding: 3rem 3rem 2rem 3rem; margin: 0 0 2rem 0; display: flex; } .title-nav-prev { color: #959FB0; margin-left: 1rem; } .title-nav-next { color: #959FB0; margin-right: 1rem; } .title-nav-prev, .title-nav-next { font-size: 16px; line-height: 29px; letter-spacing: 0.5px; font-weight: bold; } .previous-post, .next-post { display: flex; align-items: center; } .previous-post .arrow, .next-post .arrow { display: flex; } .previous-post { justify-content: flex-start; } .next-post { justify-content: flex-end; margin-left: 2rem; } .previous-post .title-nav-prev, .next-post .title-nav-next, .previous-post path, .next-post path { transition: all 0.45s; } .previous-post:hover .title-nav-prev, .next-post:hover .title-nav-next { color: var(--primary-color); } .previous-post path { fill: #959FB0; } .next-post path { fill: #959FB0; } .previous-post:hover path, .next-post:hover path { fill: var(--primary-color); } @media (max-width: 570px) { .pagination-single svg { width: 16px; } .title-nav-prev, .title-nav-next { font-size: 14px; line-height: 19px; } .title-nav-prev { margin-left: 15px; } .title-nav-next { margin-right: 15px; } .pagination-single-inner .previous-post { padding-right: 1rem; padding-left: 1rem; } .pagination-single-inner .next-post { padding-left: 1rem; padding-right: 1rem; margin-left: 1rem; } } .elementor-widget-text-editor p { font-family: inherit; } .author-title-wrapper { width: 11rem; } .author-avatar img { border-radius: 0.5rem; } .author-title { text-align: center; color: var(--title-color); font-weight: bold; font-size: 18px; line-height: 27px; font-family: inherit; } .author-description { flex-basis: 100%; } @media (min-width: 769px) { .author-title-wrapper { margin-right: 2rem; } } @media (max-width: 768px) { .author-title-wrapper { margin-right: auto; margin-left: auto; margin-bottom: 0.5rem; text-align: center; } .author-bio { flex-flow: wrap; padding: 3rem; } } /* end BLOG */ /* ============================================================================================================== */ /* * 15. CONTACT FORM 7 */ .wpcf7-form label, .wpcf7-form textarea, .wpcf7-form input { min-width: 100%; max-width: 100%; } .wpcf7-form input, .wpcf7-form textarea { padding: 1rem 22px; font-size: 1rem; } .wpcf7-form .theme-contact-form h6 { margin: 0 0 2rem 0; font-weight: bold; font-family: inherit; letter-spacing: 0.5px; } .wpcf7-form input.wpcf7-submit { min-width: unset; padding: 0.8125em 3.4375em; } .wpcf7-form .theme-contact-form h1 { text-align: center; margin-bottom: 3rem; } .wpcf7-not-valid-tip { margin-top: 0.5rem; margin-left: 1rem; } .wpcf7 form .wpcf7-response-output { padding: 1rem; border-radius: 1.125rem; border-width: 1px; text-align: center; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { border-color: var(--primary-color); background: #fff; color: var(--primary-color); font-weight: 600; letter-spacing: 0.5px; } .mcf-submit { text-align: right; } .hanio-make-order-form .mcf-submit { text-align: center; } .hanio-make-order-form { box-shadow: 0 20px 30px 0 rgba(223, 178, 139, 0.4); border-radius: 15px; background: #fff; padding: 3rem; max-width: 381px; margin-left: auto; margin-right: auto; } .wpcf7-form .theme-contact-form .mcf-submit { text-align: right; margin-top: 1.5rem; } .wpcf7 .ajax-loader { margin: 12px; float: left; } .wpcf7-form-control-wrap { display: grid; } @media (max-width: 575px) { .hanio-make-order-form { padding: 2rem; } } /* end CONTACT FORM 7 */ /* ============================================================================================================== */ /* * 16. NextGEN GALLERY */ .ngg-albumoverview.default-view { display: flex !important; flex-wrap: wrap; margin: 0 0 -20px 0; } body .ngg-albumoverview.default-view .ngg-album-compact { width: 46%; border: none; padding: 3% !important; box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09); margin: 2% !important; border-radius: 8px; background-color: #fff; position: relative; } body .ngg-album-compact h4 .ngg-album-desc { height: unset; } body .ngg-albumoverview.default-view .ngg-album-compactbox { border-radius: 0.5rem; overflow: hidden; padding: 0 !important; } body .ngg-albumoverview.default-view .ngg-album-compact h4 { font-weight: bold; font-size: 20px; line-height: 1.2; display: flex; text-align: left; align-items: center; letter-spacing: 1px; color: var(--title-color); font-family: inherit; margin-top: 1.5rem; } body .ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc { color: var(--title-color); font-size: 20px; line-height: 1.2; letter-spacing: 0.5px; } @media (max-width: 570px) { body .ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc { font-size: 1rem; line-height: 1.2; } body .ngg-albumoverview.default-view .ngg-album-compact h4 { margin-top: 10px; } } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a { padding: 4%; } .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img { border-radius: 0.5rem; } body .ngg-navigation span.current, body .ngg-navigation a.page-numbers { border-radius: 100%; color: var(--title-color); min-height: 2em; min-width: 2em !important; display: inline-block; line-height: 2em; padding: 0; font-weight: bold; font-size: 20px; letter-spacing: 1px; text-align: center; } body .ngg-navigation span.current { background: var(--primary-bg-color); } body .ngg-navigation a.page-numbers { background: #fff; } body .ngg-navigation span.current:hover, body .ngg-navigation a.page-numbers:hover { background-color: var(--primary-color); } body .ngg-navigation span.next, body .ngg-navigation span.prev, body .ngg-navigation a.next, body .ngg-navigation a.prev { color: var(--title-color); } body .ngg-navigation span.next:hover, body .ngg-navigation span.prev:hover, body .ngg-navigation a.next:hover, body .ngg-navigation a.prev:hover { color: var(--primary-color) !important; } body .ngg-navigation { padding-top: 50px; padding-bottom: 30px; width: 100%; } body .ngg-galleryoverview .ngg-navigation { padding-bottom: 10px; } @media (max-width: 1199px) { body .ngg-albumoverview, body .ngg-galleryoverview { margin-top: 0; } body .ngg-galleryoverview .ngg-navigation, body .ngg-navigation { padding-bottom: 30px; } } body .ngg-galleryoverview { margin: 0 0 0 0; } #fancybox-content, #fancybox-outer { border-radius: 5px; } /* end NextGEN GALLERY */ /* ============================================================================================================== */ /* * 17. AUDIO */ .elementor-widget-wp-widget-media_audio { padding: 0 2rem 2rem 2rem; } .elementor-widget-wp-widget-media_audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .elementor-widget-wp-widget-media_audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .elementor-widget-wp-widget-media_audio .mejs-controls .mejs-time-rail span { border-radius: 90px; } .elementor-widget-wp-widget-media_audio .mejs-controls, .elementor-widget-wp-widget-media_audio .mejs-container, .elementor-widget-wp-widget-media_audio .mejs-container .mejs-controls, .elementor-widget-wp-widget-media_audio .mejs-embed, .elementor-widget-wp-widget-media_audio .mejs-embed body { background: var(--primary-color); border-radius: 90px !important; } .elementor-widget-wp-widget-media_audio .mejs-time-float { background: #fff; border-color: #959FB0; } .elementor-text-editor ul li, .elementor-text-editor ol li { padding-bottom: 0.5em; } /* end AUDIO */ /* ============================================================================================================== */