/* Theme Customizer colors */ :root { --primary-color: #6664e4; --primary-links-hover-color: #0f110f; --primary-dark-color: #0f110f; --primary-bg-color: #e5e6f6; --header-bg-color: #f5f4fe; --footer-bg-color: #f5f5f6; --title-color: #0f110f; --fw-title-color: #0f110f; --btn-bg-color: #6664e4; --btn-hover-color: #0f110f; --txt-select-bg-color: #e5e6ff; } /* Back-end variables */ :root { --header-text-color: var(--title-color); --header-menu-color: #212529; --header-menu-color-white: #ffffff; --header-title-color: var(--title-color); --header-text-color-hover: var(--primary-color); --header-current-page: var(--primary-color); --breadcrumbs-txt: #080808; --breadcrumbs-a: #ffffff; --breadcrumbs-a-bg: var(--btn-bg-color); --breadcrumbs-a-hover: #ffffff; --breadcrumbs-a-hover-bg: var(--btn-hover-color); --breadcrumbs-border: transparent; --footer-link-color: var(--fw-title-color); --blog-tile-content: #666666; --widget-title-color: var(--title-color); --footer-tag-color: var(--title-color); --footer-product-title-color: var(--title-color); --block-box-shadow: 0 20px 40px rgba(9, 31, 67, 0.05); --header-menu-hover-bg: transparent; } /* Features colors */ :root { --social-icon-txt-color: #ffffff; --social-icon-color: var(--btn-bg-color); --social-icon-hover-color: var(--btn-hover-color); --price-color: var(--title-color);; --price-tile-color: var(--title-color);; --woo-pr-fil-bg-color: var(--primary-color); --success-icon-color: var(--primary-color); --cart-count-color: var(--primary-color); --sale-badge-bg-color: var(--primary-color); } /* Mobile variables */ @media (max-width: 1199px) { :root { --block-box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.15); } } #site-footer { --primary-bg-color: #ffffff; } pre { font-family: monospace, monospace; font-size: 1em; } a { -webkit-text-decoration-skip: objects; transition: all 215ms; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, b a, b p, b span, strong, strong a, strong p, strong span { font-weight: 800; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } dfn { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: unset; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } html { height: 100%; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [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; min-height: 100vh; margin: auto; } ol { padding-left: 0; } ul { padding: 0; } ul ul, ol ol { padding-left: 1rem; } button, input { outline: none; border: 1px solid #e4e5e7 !important; border-radius: 8px; } a { color: var(--primary-color); } a:hover { color: var(--primary-links-hover-color); } :focus { outline: none; } ::selection { background: var(--txt-select-bg-color); } body { -webkit-selection: var(--txt-select-bg-color); } body { -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; } img { image-rendering: -webkit-optimize-contrast; } input:not([type="radio"], [type="checkbox"]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:required { box-shadow: none; } ins { text-decoration: none; } h1.header-title { color: var(--header-title-color); } 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:hover { color: #0f110f; } #site-footer .widget-content .search-form .search-field, #site-footer .widget .woocommerce-product-search .search-field { background: #ffffff; border-color: #e8e8e9; } #site-footer .widget-content .search-form .search-field, #site-footer .widget .woocommerce-product-search .search-field, #site-footer .widget .woocommerce-product-search button, #site-footer .widget-content .search-form .search-submit { height: 45px; } #site-footer .tagcloud a, #site-footer .tagged_as a { color: var(--footer-tag-color); border: 1px solid #e8e8e9; } #site-footer .comment-author-link a { color: var(--title-color); border: none; background: transparent; padding: 0 !important; } #site-footer .product_list_widget li a { color: var(--footer-product-title-color); } .footer-top, .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 .widget_categories ul li, #site-footer .widget_archive ul li, #site-footer .recentcomments { color: var(--fw-title-color); } #site-footer .recentcomments { margin-bottom: 1rem; } #site-footer .woocommerce ul.product_list_widget li { border: 1px solid #e8e8e9; } #site-footer .product_list_widget li a:hover { color: var(--primary-color); } #site-footer .tagcloud a:hover, #site-footer .tagged_as a:hover { color: white; border: 1px solid var(--primary-color); } #site-footer .comment-author-link a:hover { color: var(--primary-color); } /* Dark footer colors */ #site-footer.nav-white-desktop { --footer-bg-color: #090b0f; --fw-title-color: #ffffff; --footer-link-color: #ffffff; --footer-txt-color: #0f110f; --footer-tag-color: var(--footer-txt-color); --footer-product-title-color: var(--footer-txt-color); } #site-footer #wp-calendar { color: var(--footer-txt-color); } #site-footer.nav-white-desktop button:hover, #site-footer.nav-white-desktop input[type="submit"] { background: var(--btn-bg-color) !important; } #site-footer.nav-white-desktop .footer-top { border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .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: 43px; border: 0; display: block; font-size: 16px; cursor: pointer; transition: all 0.3s ease-in-out; letter-spacing: -0.011em; } .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; } @media (min-width: 1200px) { .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 { padding-left: 3px; } } .magic-search form .inner-form .row .input-field input.placeholder { color: #adb5bd; font-size: 15px; font-weight: 400; letter-spacing: -0.009em; } .magic-search form .inner-form .row .input-field input:-moz-placeholder { opacity: 0; color: #adb5bd; font-size: 15px; font-weight: 400; letter-spacing: -0.009em; } .magic-search form .inner-form .row .input-field input.isFocus:-moz-placeholder { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; 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::-webkit-input-placeholder { opacity: 0; color: #adb5bd; font-size: 15px; font-weight: 400; letter-spacing: -0.009em; } .magic-search form .inner-form .row .input-field input.isFocus::-webkit-input-placeholder { -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; background: var(--header-menu-hover-bg); } .magic-search:hover #inputFocus:not(.isFocus), .magic-search:hover input { background: var(--header-menu-hover-bg); } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field.first .clear { height: 43px; 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; transition: all 215ms ease; } .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; } /* @media (min-width: 1200px) { .magic-search.focus-search .input-field:hover svg.search-icon, .magic-search.focus-search .input-field svg.search-icon { display: none; } } */ .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: 16px; height: 43px; transition: all 0.325s 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: #161C2D; padding-right: 43px; } .magic-search form .inner-form .row .input-field.first input.isFocus { padding-left: 41px; padding-right: 43px; width: 350px; background-color: white; color: #161C2D; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1); } /* Code duplicated because of issues */ /* noinspection DuplicatedCode */ .magic-search form .inner-form .row .input-field.first input.isFocus ~ .clear { opacity: 1; -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: 0.2s, 1.4s; transition-duration: 0.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: 50%; } .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 */ .container-xl.blog-post { max-width: 1300px; } .pr-color { color: var(--primary-color); } .container-narrow { margin: auto; } .container-narrow, .container-narrow .blog-tile, .blog .container.container-narrow { max-width: 900px; } .narrow-wrap { max-width: 768px; } .inner-header { margin-top: 75px; margin-bottom: 0; z-index: 1; position: relative; max-width: 1330px; } @media (max-width: 1199px) { .inner-header { margin-top: 50px; margin-bottom: 25px; } .inner-header .breadcrumbs { text-align: center; } h1.header-title { text-align: center; } } @media (min-width: 1200px) { .primary-menu-inner { width: 100%; max-width: 1400px; border-bottom: 1px solid #0000000d; padding-bottom: 8px; } .navbar-fixed-anim .primary-menu-inner { border-bottom: unset; padding-bottom: 0; } } .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 { z-index: 9; } /*noinspection CssUnknownTarget*/ #main-header { overflow: hidden; /* background: var(--header-bg-color); */ background-image: url(../images/bg-img-7.png) !important; background-position: top center; background-size: cover; background-repeat: no-repeat; } .title-wrap { display: flex; flex-direction: column-reverse; } .magic-search #inputFocus:not(.isFocus) { z-index: 3; } /*noinspection CssNonIntegerLengthInPixels*/ .breadcrumbs { text-align: center; color: var(--breadcrumbs-txt); font-size: 12px; font-weight: 400; line-height: 1em; text-transform: uppercase; letter-spacing: 0.5px; } .breadcrumbs .current-item { font-weight: 500; color: var(--primary-color); } .breadcrumbs a { padding: 5px 12px; border-radius: 20px; color: var(--breadcrumbs-a); background-color: var(--breadcrumbs-a-bg); transition: all .45s; white-space: nowrap; margin-bottom: 1rem; /* Enable border */ /*border: 1px solid var(--breadcrumbs-border);*/ } .breadcrumbs a:hover { color: var(--breadcrumbs-a-hover); background-color: var(--breadcrumbs-a-hover-bg); } .breadcrumbs span[typeof="ListItem"] { margin-bottom: 1.5rem; display: inline-block; margin-left: 5px; margin-right: 5px; } .dropdown-menu .current-menu-item .dropdown-item { font-weight: 500; } .blog-post .entry-content { line-height: 1.7; } @media (min-width: 1200px) { :root { --mobile-grey-color: #fafafa; } .custom-logo { max-height: 40px; } #pr-nav { margin-top: 16px; position: absolute; width: 100%; padding: 0.25rem 1.5rem; background: transparent; /*transition: opacity 300ms;*/ transition: all 0ms; height: 70px; } #pr-nav.navbar-fixed { background: rgba(255, 255, 255, 1); margin-top: 0; opacity: 0; position: fixed; top: 0; left: 0; right: 0; -webkit-transform: translateY(-120%); transform: translateY(-120%); } #pr-nav.navbar-fixed.navbar-fixed-anim { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; } .admin-bar #pr-nav.navbar-fixed.navbar-fixed-show { -webkit-transform: translateY(32px); transform: translateY(32px); } #pr-nav.navbar-fixed.navbar-fixed-show { -webkit-transform: translateY(0); transform: translateY(0); } #pr-nav.nav-white-desktop.navbar-fixed { background: rgba(0, 0, 0, 0.72); } #pr-nav.navbar-fixed .header-cta .elementor-button, #pr-nav.navbar-fixed .nav-link { font-size: 14px; letter-spacing: normal; font-weight: 500; } #pr-nav.navbar-fixed .custom-logo-link h5 { font-size: 24px; letter-spacing: -0.019em; } .blog > .container > .row, .woocommerce-shop .container-shop > .row, .single-product .container-product > .row, .single-post .blog-post > .row { flex-direction:unset; } .blog > .container > .row .col-lg-8, .woocommerce-shop .container-shop > .row .col-lg-9, .single-product .container-product > .row .col-lg-8, .single-post .blog-post > .row .col-lg-8 { padding-left: 50px; } .magic-search { padding: 0 1rem; margin-right: 0.5rem; width: 43px; } /* For box-shadow */ .magic-search #inputFocus:not(.isFocus) { color: transparent; background: transparent; } /* For box-shadow */ .cart-contents { padding: 0.594rem; transition: all 0.215s ease; } .navbar-expand-lg .navbar-nav { margin-left: 2rem; } .header-icons { height: 34px; margin-right: 2rem; } .primary-menu.navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; 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: 200%; border: none; border-radius: 0 0 8px 8px; overflow: hidden; box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15); border-top: 2px solid var(--primary-color); } .primary-menu.navbar .nav-item:hover .dropdown-menu { transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; visibility: visible; top: 100%; } .primary-menu .dropdown-item { border-radius: 5px; color: #6c757d; } .dropdown-item:hover { background-color: #f5f4fe; color: #060708; } .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: 20px !important; padding-left: 20px !important; } .footer-menu li { padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1.7rem; } .primary-menu.navbar .nav-item.current_page_item .nav-link { color: var(--header-current-page) !important; } .navbar-dark .navbar-nav .nav-link { display: flex; align-items: center; transition: color 300ms; } .primary-sub-menu.navbar-light .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 215ms; } /* Change color for header's top level menu titles on desktop */ .navbar-dark .navbar-nav .nav-link { color: var(--header-menu-color) !important; } /* Change color for header's additional info blocks on desktop */ .header-info a { color: var(--header-text-color) !important; } .navbar-dark.nav-white-desktop .navbar-nav .nav-link, .nav-white-desktop .header-info a, .nav-white-desktop .custom-logo-link h5 { color: var(--header-menu-color-white) !important; } /* Change *hover* color for header's top level menu titles and additional info blocks on desktop */ .navbar-dark .navbar-nav .nav-link:hover, .primary-menu.navbar .nav-item:hover .nav-link, .primary-menu.navbar .nav-item:hover .nav-link::after, .header-info a:hover { color: var(--header-text-color-hover) !important; background: rgba(9, 31, 67, 0.04); } .navbar-dark.nav-white-desktop .navbar-nav .nav-link:hover { background: rgba(255, 255, 255, 0.04); } /* Change color for header's icons for additional info blocks on desktop */ .header-address path { fill: var(--header-text-color); } /* Change *hover* color for header's icons for additional info blocks on desktop */ .header-address a:hover path { fill: var(--header-text-color-hover); } } .bi-three-dots-vertical { width: 1.5rem; height: 1.5rem; } #site-footer .widget { padding-bottom: 2rem; } .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: 400; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link { padding-top: 16px; padding-bottom: 16px; } .primary-menu .dropdown-item { font-weight: 500; padding: 12px 22px 12px 22px; transition: all 0s; } .primary-sub-menu.navbar-light .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link, .primary-menu .dropdown-item { font-size: 15px; line-height: 1.5; letter-spacing: -0.009em; } .footer-top a, .footer-top p { font-size: 15px; line-height: 1.5; letter-spacing: -0.009em; } .footer-top .widget-content ul li a { font-size: 15px; letter-spacing: -0.009em; color: var(--footer-link-color); font-weight: 500; } /* Top Menu links style */ .navbar-dark .navbar-nav .nav-link { font-weight: 500; font-size: 16px; line-height: 19px; border-radius: 8px; letter-spacing: -0.011em; } .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; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--btn-bg-color); } @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; display: block; text-decoration: none; } .custom-logo-link h5 { font-weight: 600; letter-spacing: -0.021em; font-size: 28px; color: var(--header-menu-color); } @media (max-width: 1199px) { :root { --mobile-grey-color: #fafafa; } .custom-logo { max-height: 2.5625rem; } h1, h1.header-title { font-size: 42px; line-height: 1.4; letter-spacing: -0.022em; } h1.header-title { margin: 0 0 20px 0; } h2 { font-size: 36px; line-height: 1.4; letter-spacing: -0.022em; } .primary-menu .dropdown-item { font-weight: 500; } .magic-search { padding: 1rem; } .primary-menu.navbar .nav-item.current_page_item .nav-link { color: var(--primary-color) !important; } .navbar-dark .navbar-nav .nav-link { color: var(--title-color) !important; } .nav-link { display: flex; align-items: center; } .dropdown.show .dropdown-toggle { color: var(--primary-links-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%; } #primary-menu { padding-top: 6px; padding-left: 1rem; padding-right: 1rem; } .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-reverse; } .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: 43px; } .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 { flex-grow: 1; text-align: center; margin-right: 5.125rem; margin-left: 1.875rem; display: flex; align-items: center; justify-content: center; } #pr-nav { transition-duration: unset !important; padding: 1rem; } #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%; } .footer-bottom .footer-menu { display: flex; flex-flow: wrap; justify-content: center; margin-bottom: 0; } .footer-copyright { text-align: center; } /* Dark Mobile Header */ #pr-nav.nav-white-desktop { background: black; } #pr-nav.nav-white-desktop.open-pr-nav { background: black; } #pr-nav.navbar-dark:not(.nav-white-desktop) { background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(180%) blur(20px); } #pr-nav.navbar-dark:not(.nav-white-desktop).open-pr-nav { background: #ffffff; } #pr-nav.nav-white-desktop .header-cta .elementor-button { border: 1px solid #ffffff80; color: #ffffff; } #pr-nav.nav-white-desktop .header-cta .elementor-button:hover { background: #ffffff; color: #212529; } .nav-white-desktop .dropdown-menu { background-color: transparent; } .primary-menu.nav-white-desktop .navbar-collapse .navbar-nav .nav-link, .primary-menu.nav-white-desktop .dropdown-menu .dropdown-item { border-top: 1px solid #b6bdc51f; } .primary-menu.nav-white-desktop .dropdown-menu .dropdown-item, .navbar-dark.nav-white-desktop .navbar-nav .nav-link:focus { color: #b6bdc5; } .navbar-dark.nav-white-desktop .navbar-nav .nav-link, .nav-white-desktop .header-info a, .nav-white-desktop .custom-logo-link h5 { color: #ffffff !important; } .primary-menu.nav-white-desktop li a:hover { background: #13171f; } .primary-menu.nav-white-desktop .animated-icon1 span { background: #b6bdc5; } .primary-menu.nav-white-desktop .navbar-collapse li:last-child a.nav-link { border-bottom: 1px solid #b6bdc51f; } } /* Mobile */ @media (max-width: 570px) { .inner-header { margin-top: 40px; margin-bottom: 0; padding: 0 10%; } h1.header-title { /* margin: 0 0 20px 0; */ font-size: 24px; line-height: 1.4; letter-spacing: -0.022em; } #pr-nav { padding: 16px 1rem; } .custom-logo-link h5 { font-weight: 600; font-size: 21px; letter-spacing: -0.018em; } } @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 !important; } @media (max-width: 1199px) { .search.search-no-results #site-content { padding: 2rem 2rem 1rem 2rem !important; margin-bottom: 4rem; margin-top: 2rem; } #site-content .blog-post { max-width: 720px; } } .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message { margin-bottom: 1.5rem; } .woocommerce div.product .product-header form.cart .group_table td { vertical-align: middle !important; } .woocommerce .quantity .qty { padding-right: 0.5rem; padding-left: 0.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 { margin-bottom: 1.5rem; margin-top: 1.25rem; border-top: 1px solid #f4f5f6; } .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 { color: #939393; } .footer-copyright, .footer-menu li a { font-size: 13px; letter-spacing: -0.0025em; } .footer-top { margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .footer-bottom { display: flex; justify-content: space-between; align-items: center; } @media (min-width: 1200px) { .footer-top { margin-top: 2rem; } } @media (max-width: 1199px) { .footer-top { margin-top: 1rem; } .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: var(--fw-title-color); } #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; } @media (max-width: 1199px) { #footer-wave { background: var(--footer-bg-color); } } @media (min-width: 1200px) { #footer-wave { background: var(--footer-bg-color); } } .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; } #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: var(--social-icon-color); } .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; padding-top: 2rem; padding-bottom: 0.5rem; } .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; } .footer-top .textwidget > h1:nth-child(1), .footer-top .textwidget > h2:nth-child(1), .footer-top .textwidget > h3:nth-child(1), .footer-top .textwidget > h4:nth-child(1), .footer-top .textwidget > h5:nth-child(1), .footer-top .textwidget > h6:nth-child(1) { margin-top: 0; } .rssSummary { padding-bottom: 0.5rem; font-size: 14px; letter-spacing: -0.006em; } .rss-date { opacity: 0.5; font-size: 14px; margin-bottom: 0.5rem; display: block; letter-spacing: -0.006em; } .widget-title .rsswidget { font-size: 20px; letter-spacing: -0.017em; } .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: 600; 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.011em; line-height: 1.5; } .calendar_wrap thead *, .calendar_wrap tbody * { font-size: 14px; line-height: 19px; letter-spacing: -0.006em; } .calendar_wrap * { line-height: 19px; } .calendar_wrap .wp-calendar-nav { font-size: 15px; letter-spacing: -0.009em; } .wp-calendar-table * { text-align: center; } .calendar_wrap nav a { font-weight: 600; } .wp-calendar-table th { padding: 6px; font-weight: 600; } .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: 16px; cursor: default; color: var(--primary-color); } .widget-content ul { list-style: none; margin-bottom: 0; } .widget-content span.product-title { font-weight: 500; } #site-footer .calendar_wrap { padding: 2rem; background: white; border-radius: 8px; } @media (min-width: 440px) and (max-width: 1199px) { .calendar_wrap .wp-calendar-table { margin: auto; height: 27vw; max-width: unset; } #site-footer .calendar_wrap .wp-calendar-table { width: 46vw; } } @media (max-width: 1199px) { .calendar_wrap { border: 1px solid #e4e5e7; border-radius: 8px; padding: 2rem; margin: auto; } #site-footer .calendar_wrap { background: white; border: none; } } @media (min-width: 768px) and (max-width: 1199px) { #site-footer .calendar_wrap { width: auto; } .wp-calendar-table caption { font-size: 18px; padding: 1rem; margin-bottom: 1.5rem; letter-spacing: -0.014em; } } .footer-top .calendar_wrap a { color: var(--primary-color); } .widget-content ul li a { font-size: 15px; line-height: 1.5; margin-bottom: 17px; color: var(--primary-dark-color); letter-spacing: -0.009em; } main .widget-content ul li.recentcomments > a { color: #6d6d6d; font-weight: 500; } main .widget-content ul li.recentcomments > a:hover, .widget-content ul li a:hover, .widget_text a:hover { color: var(--primary-color); } .widget-content .search-form .search-field { width: 100%; padding: 10px 22px; font-size: 14px; line-height: 19px; border-radius:8px 0 0 8px; height: 41px; background: #ffffff; border-color: #e1e2e1; letter-spacing: -0.006em; } .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.006em; border-radius: 8px; } .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: #ffffff; border-color: #e1e2e1; letter-spacing: -0.006em; } .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(--btn-bg-color); color: #ffffff; height: 41px; border: none; font-weight: 600; border-radius: 8px; text-overflow: ellipsis; transition: all 0.45s; letter-spacing: -0.006em; } .woocommerce-cart-form { position: relative; } /* Accordion */ .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 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 rgba(0, 0, 0, 0.06); 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: 4px 10px; border-radius: 5px; background-color: var(--primary-bg-color); margin-bottom: 7px; display: inline-block; font-weight: 400; font-size: 15px !important; line-height: 19px; letter-spacing: -0.009em !important; 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: 600; letter-spacing: -0.006em; } .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: 16px; display: block; font-weight: 600; transition: all 215ms; letter-spacing: -0.006em; } .widget.widget_recent_entries li a .post-title + .post-date { display: block; } .widget_recent_entries span.post-date { font-size: 14px; font-weight: 500; color: #6d7c90; letter-spacing: -0.006em; display: block; } .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: 12px; letter-spacing: 0; line-height: 1.5; font-weight: 500; } .header-address { align-items: center; vertical-align: middle; display: flex; } .header-address a { display: flex; align-items: center; } .header-address a:hover { background: transparent; } .header-phone { text-align: center; } @media (min-width: 1200px) { .header-address { min-height: 62px; } .header-info { align-items: center; padding-right: 2.15rem; padding-left: 1.5rem; max-height: 35px; } .header-address p { width: 10rem; margin: 0 0 0 10px; } .header-phone { margin-left: 15px; } .header-phone p { margin-bottom: 0; } } @media (max-width: 1199px) { .header-address path { fill: var(--title-color); } .header-address a:hover path { fill: var(--primary-color); } .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-info-empty { order: -1; margin-top: 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; letter-spacing: -0.009em; } } @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: 1540px) { #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; } #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; } } .entry-categories-inner a { font-weight: 600; } .widget-title:before, .single-product .product_meta > span:before, form[name="checkout"] h4:before, .ngg-album-compact h4 .ngg-album-desc:before, .wpcf7-form .theme-contact-form h6:before, .comments-header .comment-reply-title: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, .h5-styled:before { content: '|'; width: 8px; display: inline-block; font-weight: 600; font-size: 18px; letter-spacing: -0.014em; color: var(--primary-color); margin-right: 0.25rem; } .h5-styled:before { font-size: 24px; margin-right: 14px; } #site-footer .widget .children li a:before { color: var(--fw-title-color); } .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 { width: 1199px; } } #bg-footer * { fill: var(--footer-bg-color); } form[name="checkout"] h4:before { margin-right: 0.5rem; font-size: 18px; letter-spacing: -0.014em; } .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; line-height: 1.5; letter-spacing: -0.011em; color: var(--blog-tile-content); } .blog-tile .entry-categories-inner a { font-weight: 600; margin-bottom: 0.5rem; letter-spacing: -0.011em; font-size: 16px; } .blog-tile-content .entry-excerpt { max-height: 5rem; text-align: left; } .blog-tile { max-width: 900px; } .blog .container { max-width: 1300px; } .sidebar-shop, .sidebar-single-product, .blog .col-lg-4 { background: #f8f8f8; border-radius: 12px; padding-right: 15px; padding-left: 15px !important; } @media (min-width: 768px) and (max-width: 1199px) { .blog .container { max-width: 628px; } } @media (max-width: 1199px) { .blog-tile { margin: 0 1rem 1rem 1rem; padding: 0px; } } /* 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: 0; border: 1px solid #ffffff; } @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: flex-start; } } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { display: block; width: 100%; } .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: -0.006em; 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: var(--block-box-shadow); } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { border-radius: 6px; 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: 12px; } .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: 53px; width: 22px; height: 22px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: -0.014em; align-items: center; padding: 0; z-index: 1; border: 1px solid; } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { background: var(--primary-color); color: white !important; } .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: 18px; line-height: 1.25; letter-spacing: -0.014em; } .woocommerce ul.products li.product .price { margin-top: .5rem; margin-bottom: .5rem; text-align: center; font-weight: 600; color: var(--price-color); font-size: 16px; line-height: 27px; letter-spacing: -0.011em; } .woocommerce ul.products li.product .price ins { font-weight: 700; } .woocommerce ul.products li.product a img { border-radius: 12px 12px 0 0; transition: all 0.45s ease-in-out; max-height: 18rem; margin: auto; object-fit: contain; width: 100%; background: #f3f3f3; } .woocommerce ul.product_list_widget li a { display: flex; font-weight: normal; margin-bottom: 0.25rem; } .woocommerce ul.product_list_widget li { margin-bottom: 10px; color: var(--primary-color); min-height: 100px; } .woocommerce ul.product_list_widget li a { align-items: center; } main .widget { margin: 0 0 2rem 0; padding: 32px 28px 10px 28px; border: none; position: relative; } @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; } .elementor-shortcode .woocommerce ul.products li.product { margin-bottom: 0; } .woocommerce ul.products li.product .star-rating { font-size: 16px; letter-spacing: -0.011em; 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, .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, .woocommerce-error, .woocommerce-info, .product-header, .woocommerce div.product .woocommerce-tabs .panel, .single-post .featured-media img, .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, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { box-shadow: var(--block-box-shadow); border-radius: 12px; } /* 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, .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, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 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: 16px; line-height: 1.5; padding: 0; margin-right: 0.5rem; letter-spacing: -0.011em; 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-links-hover-color); } .woocommerce-checkout-review-order-table thead th { font-size: 21px; letter-spacing: -0.018em; } .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; } .woocommerce-checkout #billing_address_2_field { margin-top: -0.5rem; } .wc_payment_methods li > label, .comment-form-cookies-consent label { cursor: pointer; font-size: 18px; line-height: 1.5; transition: all 0.3s; letter-spacing: -0.014em; } .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; letter-spacing: -0.017em; } .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; } .woocommerce-ResetPassword.lost_reset_password label { width: 100%; } .woocommerce-info::before { color: var(--primary-color); } .cart_totals h4 { font-weight: 600; font-size: 24px; letter-spacing: -0.021em; } .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 { position: absolute; bottom: 9px; font-size: 14px; } .woocommerce-cart-form__cart-item .product-subtotal, .woocommerce-cart-form__cart-item .product-price { color: var(--primary-color); font-weight: 600; } /* Set spacing for bottom of the main content */ @media (min-width: 1200px) { .container-product, .container-shop { padding-bottom: 30px; } .blog-post, #site-content.blog { padding-bottom: 62px; } .archive #site-content, .search #site-content { margin-bottom: 62px; } .layout-shadow-box { padding-bottom: 62px; } .woocommerce-checkout .post-inner, .woocommerce-cart .post-inner { padding-bottom: 62px; } .woocommerce-account .container-lg { padding-bottom: 62px; } } /* Set spacing for bottom of the main content on mobile */ @media (max-width: 1199px) { .container-product, .container-shop { padding-bottom: 24px; } .blog-post, #site-content.blog { padding-bottom: 22px; } .archive #site-content, .search #site-content { margin-bottom: 42px; } .layout-shadow-box { padding-bottom: 42px; } .woocommerce-checkout .post-inner, .woocommerce-cart .post-inner { padding-bottom: 24px; } .woocommerce-account .container-lg { padding-bottom: 42px; } } /* Making horizontal spacing equal */ @media (min-width: 1200px) and (max-width: 1670px) { .container-product, .container-shop, #site-content.blog { padding-right: 40px; padding-left: 40px; } } @media (max-width: 1199px) { .footer-inner { padding-left: 2rem; padding-right: 2rem; text-align: center; } .footer-top { padding-bottom: 0; } } @media (min-width: 1200px) { .ft-col-1, .ft-col-2, .ft-col-3 { padding-left: 2rem; padding-right: 2rem; } .header-cta { margin-left: 20px; } .container-product, .container-shop { max-width: 1300px; } .footer-inner { max-width: 1400px; } .three-col { max-width: 1440px; } .two-col-sidebar { max-width: 1300px; } .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 var(--primary-bg-color); padding-left: 3rem; } } .archive #site-content .entry-content, .search #site-content .entry-content { line-height: 1.6; } .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: 10.5rem; } } .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: 2.5rem 0.5rem 1rem 0.5rem; } @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; } } .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: 10px; padding: 12px 25px; text-overflow: ellipsis; border: none; font-weight: 500; font-size: 16px; line-height: 27px; letter-spacing: -0.011em; height: 51px; background: white; } .f-drop-tr-open .dropdown-menu { pointer-events: all !important; } @media (max-width: 475px) { .theme-mailchimp-fields input[type="email"], .theme-mailchimp-fields input[type="submit"] { font-size: 14px; line-height: 19px; height: 43px; letter-spacing: -0.006em; } .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: 14px; padding-left: 0.5rem; letter-spacing: -0.006em; } .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: unset; } .theme-mailchimp-fields input[type="submit"] { width: 41%; margin-left: -7%; background: var(--btn-bg-color); color: #fff; transition: .45s; text-align: center; box-shadow: unset; } .theme-mailchimp-fields input[type="submit"]:hover { background-color: var(--btn-hover-color); box-shadow: unset; } .theme-mailchimp-fields input[type="email"]::-webkit-input-placeholder { font-size: 16px; line-height: 22px; letter-spacing: -0.011em; color: #a6a6a6; } /* Firefox fix */ .theme-mailchimp-fields input[type="email"]:-moz-placeholder { font-size: 16px; line-height: 22px; letter-spacing: -0.011em; color: #767676; } .theme-mailchimp p { font-size: 14px; line-height: 22px; margin-top: 22px; width: 100%; font-style: italic; letter-spacing: -0.006em; margin-bottom: 0; } .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; } .post-meta { list-style: none; display: flex; flex-flow: wrap; } .single-post .post-meta-single-top .post-meta { 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: 12px; color: #6d6d6d; font-weight: 600; font-style: normal; letter-spacing: -0.006em; } .post-meta .post-tags a { font-size: 15px; letter-spacing: -0.009em; } .blog-tile .meta-text, .blog-tile .post-meta a { font-size: 13px; letter-spacing: -0.0025em; } .single-post .post-inner { padding: 1rem 1rem 1rem 1rem; margin-bottom: 1rem; } .blog-post .col-lg-4 { background: #f8f8f8; border-radius: 12px; } .single-post .blog-post .col-lg-8.pb-45.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; } } .post-page-numbers, .page-numbers { margin-right: 0.5rem; text-align: center; padding: 0.5rem 1rem; border-radius: 0.5rem; color: #666666; letter-spacing: -0.011em; font-size: 16px; } a.page-numbers { background: #f3f3f3; } .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: #e3e3e3; font-weight: 600; } a.post-page-numbers:hover, a.page-numbers:hover { background: var(--primary-bg-color); color: var(--primary-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: 2rem; } .archive-header-inner { margin-bottom: 2rem; } } .archive #site-content .post-meta-single-top .post-meta, .search #site-content .post-meta-single-top .post-meta { margin-bottom: 0; } .archive #site-content .post-meta-single-top .post-meta .post-date, .search #site-content .post-meta-single-top .post-meta .post-date { display: none; } .archive #site-content .post-meta-single-bottom .blog-tile-wave, .search #site-content .post-meta-single-bottom .blog-tile-wave { display: 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 { color: #fff; min-width: 3.25rem; padding: 0.7em 1.764em; text-align: center; border-radius: 8px; font-weight: 500; text-shadow: none !important; line-height: 22px; transition: all .45s; background: var(--btn-bg-color); box-shadow: unset; 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); } /* Disables transitions on touch screens */ @media (hover: none) { .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(172, 172, 172, 0.65); color: #fff; } #pr-nav .header-cta .elementor-button { box-shadow: none; font-size: 15px; font-weight: 500; letter-spacing: -0.009em; white-space: nowrap; line-height: 1; padding: 9px 22px; border-radius: 7px; transition: color 450ms, background 450ms; } #pr-nav .header-cta .elementor-button { border: 1px solid #21252980; background: #212529; color: #ffffff; } #pr-nav .header-cta .elementor-button:hover { background: transparent; color: #212529; } #pr-nav.nav-white-desktop .header-cta .elementor-button { border: 1px solid #ffffff80; color: #ffffff; } #pr-nav.nav-white-desktop .header-cta .elementor-button:hover { background: #ffffff; color: #212529; } @media (max-width: 1199px) { #pr-nav .header-cta .elementor-button { margin-bottom: 1rem; } .header-cta { margin: 16px auto auto; } } .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: 16px; letter-spacing: -0.011em; border-radius: 8px; } .form-submit #submit, .wpcf7-submit { font-size: 14px; letter-spacing: -0.006em; border-radius: 14px; } body .blog-tile-content .elementor-button.elementor-size-md { font-size: 18px; font-weight: 500; letter-spacing: 0; border-bottom: 2px solid var(--primary-color); color: var(--primary-color); box-shadow: none; background: transparent; margin-top: 0.5rem; padding: 0 0 5px 0; border-radius: 0; } body .blog-tile-content .elementor-button.elementor-size-md:hover { color: var(--primary-links-hover-color); } .blog-tile-content > a { width: fit-content; margin-top: -0.75rem; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { margin-bottom: 0.5rem; } .woocommerce-MyAccount-navigation ul { margin-bottom: 0; } @media (min-width: 1200px) { .woocommerce-MyAccount-navigation { max-width: calc(30% - 1.5rem); padding: 2rem 3rem 2rem 3rem; } } @media (max-width: 1199px) { .woocommerce-MyAccount-navigation { padding: 1rem 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-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; letter-spacing: -0.014em; border-radius: 8px; } 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: 16px; letter-spacing: -0.011em; } 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; } textarea { border-radius: 6px; /* padding: 22px; */ line-height: 1.23536; font-weight: 400; text-overflow: ellipsis; border: 1px solid #e4e5e7; } form[name="checkout"] h4 { font-weight: 600; font-size: 20px; line-height: 1.5; letter-spacing: -0.017em; font-family: inherit; } /* Woocommerce selector */ .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: 500; margin-bottom: 0.65rem; margin-top: 0.5rem; font-size: 16px; line-height: 24px; width: 100%; letter-spacing: -0.011em; } .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; letter-spacing: -0.006em; } .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: 600; letter-spacing: -0.006em; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { line-height: 19px; font-size: 14px; display: flex; align-items: center; cursor: pointer; letter-spacing: -0.006em; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span { margin-left: 0.5rem; font-weight: 400; } /* end INPUTS */ /* ============================================================================================================== */ /* * 12. WP IMPROVES */ .gallery-caption { font-size: 14px; margin-right: 1rem; margin-top: 0.25rem; color: #6d7c90; letter-spacing: -0.006em; } .bypostauthor { font-size: inherit; } @media (min-width: 1921px) { .hide-on-ultra-wide { display: none; } } .comment-author .fn { font-weight: 600; } .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; letter-spacing: -0.009em; } .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; letter-spacing: -0.009em; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { font-size: 15px; margin-top: .65rem; letter-spacing: -0.009em; } .wp-block-video figcaption { font-size: 15px; margin-bottom: 0; letter-spacing: -0.009em; } cite { font-size: 15px; padding-top: 0.5rem; display: inline-block; letter-spacing: -0.009em; } 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; list-style-position: inside; } .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%; border-radius: 20px; } .intro-text { background: var(--primary-bg-color); padding: 2rem 2rem 1rem 2rem; border-radius: 1.125rem; margin-bottom: 0.5rem; display: inline-block; line-height: 1.7; } .woocommerce-product-details__short-description { width: 100%; margin: 0; display: inline-block; border-radius: 8px; background: var(--primary-bg-color); padding: 1.5rem 1.5rem 0.5rem 1.5rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 1rem 0.75rem; font-weight: 800; color: var(--primary-color); text-decoration: none; font-size: 18px; line-height: 1.5; letter-spacing: -0.014em; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { font-weight: 800; } @media (min-width: 769px) { .woocommerce div.product .woocommerce-tabs ul.tabs li a { margin-bottom: 0.5rem; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: var(--primary-bg-color); color: var(--header-text-color-hover); padding: 1rem 1.75rem; border-radius: 16px; } } .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 #eee; padding-left: 1.5rem; } .comment-body { padding-top: 2rem; padding-bottom: 1rem; margin-top: 1rem; border-top: 1px solid #eee; } .comment-metadata { padding-bottom: 1rem; padding-top: 1.5rem; font-size: 16px; font-weight: 700; letter-spacing: -0.011em; } @media (min-width: 576px) { .page .comments-wrapper.section-inner { margin: 2rem 0 0 0; } #site-content.flex-grow-1 .page .comments-wrapper.section-inner { margin: 2rem 0 4rem 0; } /* To fix large spaces comes fromm Woocommerce*/ .container-product, .container-shop, .woocommerce-cart #site-content { margin-top: 0; } } @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; } .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(--widget-title-color); font-weight: 600; font-size: 18px; line-height: 1.5; font-family: inherit; letter-spacing: -0.014em; } #site-footer .widget-title { font-weight: 700; font-size: 18px; letter-spacing: -0.014em; } .recentcomments a.url { font-weight: 600; 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.009em; } .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: 600; letter-spacing: -0.011em; } #shipping_method li { align-items: baseline; display: flex; } #shipping_state { width: 100%; } .woocommerce .comment-form-rating p.stars a::before { font-size: 24px; letter-spacing: -0.019em; } .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.006em; } .comment-content { padding-left: 1.25rem; border-left: 2px solid var(--primary-color); margin-bottom: 1rem; line-height: 1.7; } .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: 22px; color: var(--title-color); letter-spacing: -0.018em; } .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: var(--primary-color); font-weight: bold; margin-bottom: 1rem; } .blog-tile .entry-categories-inner { font-weight: 600; padding: 0.25rem 0.75rem; border-radius: 0.5rem; background: var(--primary-bg-color); margin-bottom: 1.25rem; margin-top: 1.25rem; width: fit-content; } @media (min-width: 1200px) { .blog-tile .entry-categories-inner { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*noinspection CssUnknownProperty*/ -webkit-line-clamp: 2; max-height: 51px; } } .single-post .entry-categories-inner { margin-top: 0; margin-bottom: 1rem; padding: 0.5rem 0.75rem; border-radius: 0.5rem; background: var(--primary-bg-color); } .single-post .entry-categories-inner, .single-post .entry-categories-inner a { font-weight: bold; font-size: 18px; line-height: 1.4; letter-spacing: -0.014em; transition: all 0.1s; width: fit-content; } .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.014em; transition: all 0.1s; } .search .entry-categories-inner, .archive .entry-categories-inner { margin-top: 1rem; display: none; } .archive-separator { border-top: 1px solid rgba(0, 0, 0, 0.07); margin-top: 2rem; } .header-title, .woocommerce-loop-product__title, .product-title, .entry-title, .entry-categories-inner a { word-break: break-word; } .h-site-description { display: block; font-weight: 600; letter-spacing: -0.014em; font-size: 18px; color: #6d7c90; line-height: 1.4em; max-width: 800px; margin: 1rem auto 0 auto; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right { /* padding-top: 7.5px; */ } .blog-tile { overflow: hidden; /* margin: 0 2rem 3rem 1rem; */ } .blog-tile .entry-title { margin-top: 0; line-height: 1.25; margin-bottom: 1rem; font-size: 20px; font-weight: 700; text-align: left; letter-spacing: normal; } .blog-tile .entry-title-link { color: var(--title-color); transition: all 300ms ease; } .blog-tile .entry-title-link:hover { color: var(--primary-color); } .blog-tile .post-meta { margin-bottom: 1.25rem; justify-content: left; } .blog-tile .featured-media img { object-fit: cover; border-radius:12px; } .blog-tile-empty-placeholder { border-radius: 12px; } .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: 1.5rem 1rem 3rem 1rem; } .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: 16rem; } .two-col .blog-tile-placeholder, .two-col-sidebar .blog-tile-placeholder, .three-col .blog-tile-placeholder { background: url(../images/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; } .two-col .blog-tile .entry-title { /*noinspection CssUnknownProperty*/ -webkit-line-clamp: 1; max-height: 1.25em; } .two-col-sidebar .blog-tile .entry-title, .three-col .blog-tile .entry-title { /*noinspection CssUnknownProperty*/ -webkit-line-clamp: 2; max-height: 2.5em; } .blog .pagination-wrapper { margin-bottom: 0; } } .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 { padding: 2rem 0; position: relative; margin-top: 0; } @media (max-width: 1199px) { .blog .pagination-wrapper { margin-bottom: 2rem; } } .blog .pagination-wrapper hr { border-top: 1px solid transparent; } .pagination-wrapper .nav-links { margin: unset; } .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; } .c button { font-size: 14px; letter-spacing: -0.006em; } .pagination-single-inner { display: flex; justify-content: space-between; } .pagination-single-inner a { width: 100%; padding: 1rem 0 1rem 0; border: none; position: relative; } nav.pagination-single.section-inner { border-top: 1px solid #edeeed; border-bottom: 1px solid #edeeed; margin: 1rem 0rem; } .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.011em; font-weight: 600; } .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; } .only-one .next-post, .only-one .previous-post { margin-right: 0; margin-left: 0; } .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 (min-width: 1200px) { .previous-post:hover .title-nav-prev { margin-left: 0.75rem; } .next-post:hover .title-nav-next { margin-right: 0.75rem; } } @media (max-width: 570px) { .pagination-single svg { width: 16px; } .title-nav-prev, .title-nav-next { font-size: 14px; letter-spacing: -0.006em; 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; } } .author-title-wrapper { width: 8rem; } .author-avatar img { border-radius: 0.5rem; } .author-title { text-align: center; color: var(--title-color); font-weight: 600; font-size: 16px; line-height: 27px; font-family: inherit; letter-spacing: -0.011em; } .author-description { flex-basis: 100%; } .author-description p { color: #0f110f; font-size: 15px; letter-spacing: -0.009em; line-height: 1.7; margin-top: -0.45em; } .author-description .author-link { font-size: 15px; letter-spacing: -0.009em; } @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; } .range-mob{ text-align: left !important; } } .wpcf7-form label, .wpcf7-form textarea, .wpcf7-form input { min-width: 100%; max-width: 100%; } .wpcf7-form input { padding: 1rem 22px; font-size: 16px; letter-spacing: -0.011em; } .wpcf7-form textarea { padding: 22px; font-size: 16px; letter-spacing: -0.011em; } .wpcf7-form .theme-contact-form h6 { margin: 0 0 2rem 0; font-weight: bold; font-family: inherit; } .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; } .mcf-submit { text-align: right; } .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; } .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: var(--block-box-shadow); 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: -0.017em; 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.017em; } @media (max-width: 570px) { body .ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc { font-size: 16px; line-height: 1.2; letter-spacing: -0.011em; } 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: -0.017em; 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; } @media (max-width:567px){ .card-2{ margin-top: 0px !important; } .card-3{ margin-top: 0px !important; } .card-4{ margin-top: 0px !important; } .card-5{ margin-top: 0px !important; } .card-6{ margin-top: 0px !important; } .card-7{ margin-top: 0px !important; } .card-8{ margin-top: 0px !important; } .card-9{ margin-top: 0px !important; } .elementor-11977 .elementor-element.elementor-element-589757b>.elementor-widget-container{ display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } } @media (max-width:1199px) { .elementor-11977 .elementor-element.elementor-element-a52afdf{ font-size: 36px !important; } .elementor-11977 .elementor-element.elementor-element-82fab11{ padding: 0px 20px 30px 20px !important; } .elementor-22931 .elementor-element.elementor-element-a558b12{ padding: 50px 20px 50px 20px !important; } .elementor-22931 .elementor-element.elementor-element-4a0a111 .elementor-heading-title{ font-size: 30px !important; margin-top: 10px; } .elementor-22931 .elementor-element.elementor-element-03afeae{ padding: 30px; } .elementor-22931 .elementor-element.elementor-element-5a9189e{ padding: 30px; } .elementor-22931 .elementor-element.elementor-element-0661b6e{ padding:35px; } .advantage{ padding-top: 75px; } .elementor-11977 .elementor-element.elementor-element-f2132d5{ font-size: 35px !important; } .elementor-22931 .elementor-element.elementor-element-b189515{ left:0% !important; } .footer-top{ min-width: 100% !important; } .textwidget h3{ font-size: 22px !important; } .elementor-11977 .elementor-element.elementor-element-00f9423{ padding: 50px 20px 0px 20px; } } @media screen and (min-width: 992px) and (max-width:1024px) { .elementor-11977 .elementor-element.elementor-element-a52afdf{ font-size: 60px !important; } .elementor-11977 .elementor-element.elementor-element-82fab11{ padding: 0px 20px 0px 20px !important; } .elementor-22931 .elementor-element.elementor-element-a558b12{ padding: 75px 20px 100px 20px !important; } .elementor-22931 .elementor-element.elementor-element-4a0a111 .elementor-heading-title{ font-size: 35px !important; margin-top: 10px; } .elementor-22931 .elementor-element.elementor-element-03afeae{ padding: 40px; } .elementor-22931 .elementor-element.elementor-element-5a9189e{ padding: 40px; } .elementor-22931 .elementor-element.elementor-element-0661b6e{ padding: 40px; } .card-2{ margin-top: 35px; } .card-3{ margin-top: 85px; } .card-4{ margin-top: -80px; } .card-5{ margin-top: -5px; } .card-6{ margin-top: 44px; } .card-7{ margin-top: -80px; } .card-8{ margin-top: -2px; } .card-9{ margin-top: 41px; } .advantage{ padding-top: 75px !important; } .elementor-11977 .elementor-element.elementor-element-f2132d5{ font-size: 35px !important; } .elementor-22931 .elementor-element.elementor-element-b189515{ left:2% !important; } .footer-top{ margin: 0px; max-width: 100%; } .textwidget h3{ font-size: 25px !important; } .footer-menu-wrapper{ margin: 1rem 0rem 0.5rem 0rem; } } .owl-carousel .owl-stage-outer { overflow: unset !important; } /* faq css */ .elementor-toggle { text-align: left } .elementor-toggle .elementor-tab-title { font-weight: 700; line-height: 1; margin: 0; padding: 15px; border-bottom: 1px solid #d4d4d4; cursor: pointer; outline: none } .elementor-toggle .elementor-tab-title .elementor-toggle-icon { display: inline-block; width: 1em } .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg { -webkit-margin-start: -5px; margin-inline-start: -5px; width: 1em; height: 1em } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right { float: right; text-align: right } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: left; text-align: left } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed { display: block } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened { display: none } .elementor-toggle .elementor-tab-title.elementor-active { border-bottom: none } .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed { display: none } .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened { display: block } .elementor-toggle .elementor-tab-content { padding: 15px; border-bottom: 1px solid #d4d4d4; display: none } @media (max-width:767px) { .elementor-toggle .elementor-tab-title { padding: 12px } .elementor-toggle .elementor-tab-content { padding: 12px 10px } } .e-con-inner>.elementor-widget-toggle, .e-con>.elementor-widget-toggle { width: var(--container-widget-width); --flex-grow: var(--container-widget-flex-grow) }