@charset "UTF-8"; /* HELPERS */ /* BASIC COLOR */ /* FONTS */ /* MIXINS */ /*! Theme Name: Blossom Shop Theme URI: https://blossomthemes.com/downloads/blossom-shop-free-wordpress-theme/ Author: Blossom Themes Author URI: https://blossomthemes.com/ Description: Blossom Shop is a clean, fast and feature-rich free WordPress theme to create online stores. It is powered by WooCommerce plugin. You can use it to build all kinds of online shop such as fashion, cosmetics, jewelry, furniture, accessories, lifestyle, decoration, gadgets, books, home appliances, clothes, automobiles, movies, and so so. Blossom Shop is designed to highlight products and provide user experience of the highest quality so that your products are sold easily like candy. You can easily change the look and feel of your website using the color and typography features. You can change the color to purple, pink, cyan or any color you like. The theme is mobile friendly and fully responsive to ensure your website looks great in different sized devices. Beautifully placed Instagram section can be used to show your Instagram account and increase your followers. Blossom Shop is Schema.org ready, SEO friendly and speed optimized so that your website ranks over your competitors. It is multilingual ready and supports RTL. Other features include social sharing, Instagram profile, newsletter subscription, similar products, sales ribbon and Mega Menu compatible. In addition, Blossom Shop is backed by world class, one-on-one support, and a super active team of developers and designers ready to help! Check theme details at https://blossomthemes.com/downloads/blossom-shop-free-wordpress-theme/, demo at https://blossomthemes.com/theme-demo/?theme=blossom-shop, read the documentation at https://docs.blossomthemes.com/docs/blossom-shop/, and get support at https://blossomthemes.com/support-ticket/. Version: 1.0.7 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: blossom-shop Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Blossom Wedding is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #474747; font-family: "Nunito Sans", sans-serif; font-size: 20px; line-height: 1.65; font-weight: 400; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; color: #202020; margin: 1em 0 0.6em 0; line-height: 1.3; } h1 { font-size: 2.45em; margin-top: 0.7em; margin-bottom: 0.4em; } h2 { font-size: 1.95em; margin-top: 0.7em; margin-bottom: 0.4em; } h3 { font-size: 1.55em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } q { border-left: 3px solid rgba(0, 0, 0, 0.1); display: inline-block; padding-left: 25px; font-style: italic; color: #202020; margin-bottom: 0; margin-right: 30px; font-size: 1.5em; font-weight: 700; float: left; width: 51%; line-height: 1.33em; font-family: "Cormorant", serif; } blockquote { margin: 1.1112em 0; padding: 20px 0 0 40px; font-size: 1.5em; font-weight: 700; color: #202020; position: relative; line-height: 1.65em; font-family: "Cormorant", serif; font-style: italic; z-index: 1; display: table; clear: both; width: 100%; } blockquote::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-position: center; background-repeat: no-repeat; background-size: 72px; width: 65px; height: 50px; position: absolute; top: 0; left: 0; z-index: -1; } blockquote p + span { float: right; font-size: 0.5333em; color: #999; font-weight: 400; font-style: normal; font-family: "Nunito Sans", sans-serif; } blockquote p, q p { margin-top: 20px; margin-bottom: 0; } blockquote p:first-child, q p:first-child { margin-bottom: 0; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } @media screen and (max-width: 767px) { blockquote { font-size: 1.25em; padding: 5px 0 0 25px; } blockquote:before, blockquote:after { background-size: 40px; width: 45px; height: 30px; } q { width: 100%; margin-right: 0; font-size: 1.25em; float: none; margin-bottom: 30px; } } /*========================== Common style ===========================*/ .skip-link, .skip-link:hover { display: inline-block; position: absolute; top: -9999px; left: 50px; background: #f5f5f5; padding: 15px 25px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); color: #000000; font-size: 0.8888em; font-weight: 600; z-index: -1; transition: none; } .skip-link:focus { z-index: 999; top: 50px; } .archive .site-main .woocommerce-products-header { display: none; } #mega-menu-wrap-primary { display: flex; flex: auto; justify-content: center; align-items: center; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description { position: absolute; top: 0; right: -10px; background: #EE7F4B; color: #ffffff; line-height: 1.3; font-size: 8px; font-weight: 700; padding: 3px 5px; z-index: 9; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description::after { content: ""; border-top: 5px solid #EE7F4B; border-right: 6px solid transparent; position: absolute; bottom: -5px; left: 3px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width: 980px; } body[class*=mega-menu-] .header-main .site-branding { width: auto; } span.comments svg { margin-right: 5px; } .fa-phone { transform: rotate(90deg); } .page-template-default .site-main .entry-content, .page-template-default .site-main .entry-content p:first-child { margin-top: 0; } .custom-background .site { max-width: 85%; margin: 0 auto; background: #ffffff; } .custom-background .sticky-header { max-width: 85%; margin-left: auto; margin-right: auto; } .container { max-width: 1220px; margin: 0 auto; } section[class*=-section] { margin-top: 100px; margin-bottom: 100px; } .site-content + [class*=-section] { margin-top: 0; } .fallback-svg { vertical-align: top; } .woocommerce-store-notice, p.demo_store { font-size: 0.8em; background: #ee7f4b; padding-top: 0.5em; padding-bottom: 0.5em; box-shadow: none; } .woocommerce-store-notice a:hover, p.demo_store a:hover { text-decoration: none; } div.wpcf7 { position: relative; } div.wpcf7 .ajax-loader { background-color: rgba(255, 255, 255, 0.75); background-repeat: no-repeat; background-position: center; background-size: 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .close, .sticky-t-bar .close { padding: 0; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; position: absolute; top: 20px; right: 20px; cursor: pointer; transition: all ease 0.35s; } .close:hover { background: rgba(255, 255, 255, 0.8); } .close:before, .sticky-t-bar .close:before, .close:after, .sticky-t-bar .close:after { content: ""; background: #000000; width: 20px; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; transform: rotate(45deg); } .close:after, .sticky-t-bar .close:after { transform: rotate(-45deg); } .section-title, section[class*=-section] .widget-title { margin-top: 0; margin-bottom: 15px; font-size: 2em; font-family: "Cormorant", serif; text-align: center; line-height: 1.25em; } .section-desc { font-size: 1em; text-align: center; margin-bottom: 40px; color: #868E96; } .section-desc p { margin-top: 0; margin-bottom: 20px; } .entry-title a { color: #202020; } .entry-title a:hover { color: #EE7F4B; } .entry-meta > span { display: inline-block; font-size: 0.6em; line-height: 1.17em; font-weight: 700; color: #868E96; margin-right: 30px; text-transform: uppercase; letter-spacing: 1px; } .entry-meta > span:last-child { margin-right: 0; } .entry-meta > span a { color: #868e96; } .entry-meta > span a:hover { color: #202020; } .entry-meta > span.category a { display: inline-block; margin-right: 10px; margin-bottom: 5px; } .entry-meta > span.category a:last-child { margin-right: 0; } article .btn-readmore { display: inline-block; position: relative; font-size: 0.7em; line-height: 1em; font-weight: 700; color: #202020; letter-spacing: 1px; padding-left: 40px; } article .btn-readmore:before, article .btn-readmore:after { content: ""; background: #868E96; width: 30px; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-60%); transition: all ease 0.35s; } article .btn-readmore:after { left: auto; right: 0; width: 0; visibility: hidden; } article .btn-readmore:hover { padding-left: 0; padding-right: 40px; } article .btn-readmore:hover:before { width: 0; visibility: hidden; } article .btn-readmore:hover:after { width: 30px; visibility: visible; } .dropcap { float: left; font-size: 3.5em; font-weight: 700; line-height: 0.8em; margin-top: 7px; margin-right: 10px; color: #EE7F4B; } #back-to-top { padding: 0; position: fixed; bottom: 0; right: 30px; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.8); border: 4px solid rgba(0, 0, 0, 0.15); text-align: center; line-height: 43px; color: rgba(0, 0, 0, 0.65); font-size: 18px; border-radius: 100%; cursor: pointer; opacity: 0; visibility: hidden; z-index: 999; transition: all ease 0.35s; } #back-to-top.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; bottom: 30px; } #back-to-top:hover { background: #202020; color: #ffffff; } .owl-carousel .owl-nav button[class*=owl-] { position: absolute; top: 40%; left: 0; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; text-indent: 100px; overflow: hidden; width: 35px; height: 30px; transform: translateY(-50%); } .owl-carousel .owl-nav button.owl-prev:hover { background-image: url('data:image/svg+xml; utf-8, '); } .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; background-image: url('data:image/svg+xml; utf-8, '); } .owl-carousel .owl-nav button.owl-next:hover { background-image: url('data:image/svg+xml; utf-8, '); } .owl-carousel .owl-dots { margin-top: 45px; text-align: center; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .owl-carousel .owl-dots .owl-dot { margin: 3px; display: flex; width: 35px; height: 35px; border-radius: 100%; justify-content: center; flex-direction: column; align-items: center; position: relative; } .owl-carousel .owl-dots .owl-dot:before { content: ""; border: 1px solid #868E96; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border-radius: 100%; opacity: 0; visibility: visible; transition: all ease 0.35s; } .owl-carousel .owl-dots .owl-dot:hover:before, .owl-carousel .owl-dots .owl-dot.active:before { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .owl-carousel .owl-dots .owl-dot span { display: inline-block; width: 6px; height: 6px; background: #868E96; border-radius: 100%; } .page-template-default .site-main .page-content { margin-top: 0; } .page-template-default .site-main .page-content p { margin-top: 30px; margin-bottom: 0; } .page-template-default .site-main .page-content p:first-child { margin-top: 0; } .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { font-size: 0.7em; line-height: 1.5; margin-top: 10px; } .yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a { color: rgba(0, 0, 0, 0.5); text-decoration: underline; } .yith-wcwl-wishlistaddedbrowse a:hover, .yith-wcwl-wishlistexistsbrowse a:hover { color: #000000; text-decoration: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #EE7F4B; width: 5px; margin-right: 0; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #EE7F4B; } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; margin-right: 0; background-color: #F0F0F0; } .edit-link { display: block; margin-top: 10px; width: 100%; } .edit-link .post-edit-link { display: inline-block; font-size: 0.6em; text-transform: uppercase; font-weight: 700; color: #000000; background: #DDE9ED; letter-spacing: 1px; line-height: 1.5; padding: 5px 10px; } .edit-link .post-edit-link:hover { color: #ffffff; background: #EE7F4B; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #ffffff; background: #000000; border-radius: 0; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; padding: 20px 30px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #EE7F4B; color: #ffffff; } #yith-quick-view-content .onsale { position: absolute; top: 0; left: 15px; text-transform: uppercase; font-size: 0.6em; font-weight: 700; background: #000000; color: #ffffff; line-height: 1.35; padding: 5px 10px; text-align: center; z-index: 9; margin: 0; min-width: auto; min-height: auto; border-radius: 0; right: auto; transform: rotate(-90deg); transform-origin: 25px 28px; } #yith-quick-view-content .onsale::before, #yith-quick-view-content .onsale::after { content: ""; border-right: 10px solid #000000; border-bottom: 13px solid transparent; position: absolute; top: 0px; left: -10px; } #yith-quick-view-content .onsale::after { top: auto; bottom: 0; border-bottom: none; border-top: 13px solid transparent; } .yith-wcqv-main .product .summary .product_title { font-size: 1.5em; font-weight: 700; font-family: "Cormorant", serif; margin-bottom: 0; } .yith-wcqv-main .product .summary .woocommerce-product-rating { margin-bottom: 1em; } .yith-wcqv-main .product .summary .star-rating { font-size: 0.7em; margin-top: 10px; color: #FFB001; } .yith-wcqv-main .product .summary p.price { margin: 0; font-size: 1em; line-height: 1.5; color: #000000; font-weight: 600; letter-spacing: 1px; } .yith-wcqv-main .product .summary p.price del { margin-right: 10px; opacity: 0.5; filter: alpha(opacity=50); } .yith-wcqv-main .product .summary p.price ins { background: none; } .yith-wcqv-main .product .summary .woocommerce-product-details__short-description { font-size: 0.8em; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr { background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td .button { background: #000000; color: #ffffff; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; padding: 10px 15px; line-height: 1.5; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td .button:hover { background: #EE7F4B; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td label a { color: #000000; font-size: 0.8em; font-weight: 700; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td input[type=number] { width: 100%; padding-left: 10px; padding-right: 10px; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount { font-size: 0.8em; font-weight: 600; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td del { opacity: 0.5; filter: alpha(opacity=50); margin-right: 5px; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td ins { background: none; } .yith-wcqv-main .product .summary table.woocommerce-grouped-product-list tbody tr td p.stock.out-of-stock { margin-top: 0; margin-bottom: 0; } .yith-wcqv-main .product .summary .single_add_to_cart_button { background: #000000; font-size: 0.7em; padding: 20px 30px; border-radius: 0; } .yith-wcqv-main .product .summary .single_add_to_cart_button:hover { background: #EE7F4B; } .yith-wcqv-main .product .summary .product_meta { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; margin-top: 20px; font-size: 0.6em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; width: 100%; } .yith-wcqv-main .product .summary .product_meta > span { display: block; margin-bottom: 10px; } .yith-wcqv-main .product .summary .product_meta > span a, .yith-wcqv-main .product .summary .product_meta > span span { display: inline-block; color: rgba(0, 0, 0, 0.5); margin-left: 10px; } .yith-wcqv-main .product .summary .product_meta > span a:hover { color: #EE7F4B; } .yith-wcqv-main .product .summary .quantity .qty { padding: 5px; height: 54px; width: 5em; } .item { position: relative; text-align: center; } .item .star-rating { overflow: hidden; position: relative; height: 1em; width: 5.4em; font-family: star; line-height: 1; font-size: 0.7em; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .item .star-rating::before { content: "sssss"; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; } .item .star-rating > span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .item .star-rating > span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: #ffb001; } .item .onsale, .item .outofstock { position: absolute; top: 0; left: 15px; text-transform: uppercase; font-size: 0.6em; font-weight: 700; background: #000000; color: #ffffff; line-height: 1.35; padding: 5px 10px; text-align: center; z-index: 9; margin: 0; min-width: auto; min-height: auto; border-radius: 0; right: auto; transform: rotate(-90deg); transform-origin: 25px 28px; } .item .onsale::before, .item .onsale::after, .item .outofstock::before, .item .outofstock::after { content: ""; border-right: 10px solid #000000; border-bottom: 13px solid transparent; position: absolute; top: 0px; left: -10px; } .item .onsale::after, .item .outofstock::after { top: auto; bottom: 0; border-bottom: none; border-top: 13px solid transparent; } .item .outofstock { background: #cc444d; transform-origin: 40px 41px; } .item .outofstock::before, .item .outofstock::after { border-right-color: #cc444e; } .item .recent-prod-image, .item .popular-prod-image, .item .cat-image, .item .product-image { position: relative; overflow: hidden; margin-bottom: 30px; } .item .recent-prod-image .yith-wcwl-add-button, .item .popular-prod-image .yith-wcwl-add-button, .item .cat-image .yith-wcwl-add-button, .item .product-image .yith-wcwl-add-button { position: absolute; top: 10px; right: 0; width: auto; height: auto; line-height: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .item .recent-prod-image .yith-wcwl-add-button::before, .item .popular-prod-image .yith-wcwl-add-button::before, .item .cat-image .yith-wcwl-add-button::before, .item .product-image .yith-wcwl-add-button::before { content: "Add to Wishlist"; background: #000000; position: absolute; white-space: nowrap; font-size: 0.6em; top: 50%; right: 100%; text-indent: 0; color: #ffffff; line-height: 1.5; padding: 5px 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .yith-wcwl-add-button::after, .item .popular-prod-image .yith-wcwl-add-button::after, .item .cat-image .yith-wcwl-add-button::after, .item .product-image .yith-wcwl-add-button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .yith-wcwl-add-button:hover::before, .item .popular-prod-image .yith-wcwl-add-button:hover::before, .item .cat-image .yith-wcwl-add-button:hover::before, .item .product-image .yith-wcwl-add-button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcwl-add-button:hover::after, .item .popular-prod-image .yith-wcwl-add-button:hover::after, .item .cat-image .yith-wcwl-add-button:hover::after, .item .product-image .yith-wcwl-add-button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcwl-add-button:focus-within::before, .item .popular-prod-image .yith-wcwl-add-button:focus-within::before, .item .cat-image .yith-wcwl-add-button:focus-within::before, .item .product-image .yith-wcwl-add-button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcwl-add-button:focus-within::after, .item .popular-prod-image .yith-wcwl-add-button:focus-within::after, .item .cat-image .yith-wcwl-add-button:focus-within::after, .item .product-image .yith-wcwl-add-button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcwl-add-button .add_to_wishlist, .item .popular-prod-image .yith-wcwl-add-button .add_to_wishlist, .item .cat-image .yith-wcwl-add-button .add_to_wishlist, .item .product-image .yith-wcwl-add-button .add_to_wishlist { width: 40px; height: 40px; border-radius: 0; display: inline-block; overflow: hidden; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; text-indent: 50px; white-space: nowrap; } .item .recent-prod-image .yith-wcwl-add-button .add_to_wishlist:hover, .item .popular-prod-image .yith-wcwl-add-button .add_to_wishlist:hover, .item .cat-image .yith-wcwl-add-button .add_to_wishlist:hover, .item .product-image .yith-wcwl-add-button .add_to_wishlist:hover { background-color: #DDE9ED; } .item .recent-prod-image .yith-wcwl-add-button .add_to_wishlist:focus-within, .item .popular-prod-image .yith-wcwl-add-button .add_to_wishlist:focus-within, .item .cat-image .yith-wcwl-add-button .add_to_wishlist:focus-within, .item .product-image .yith-wcwl-add-button .add_to_wishlist:focus-within { background-color: #DDE9ED; } .item .recent-prod-image .yith-wcwl-add-button .ajax-loading, .item .popular-prod-image .yith-wcwl-add-button .ajax-loading, .item .cat-image .yith-wcwl-add-button .ajax-loading, .item .product-image .yith-wcwl-add-button .ajax-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .item .recent-prod-image .yith-wcqv-button, .item .popular-prod-image .yith-wcqv-button, .item .cat-image .yith-wcqv-button, .item .product-image .yith-wcqv-button { display: inline-block; width: 40px; height: 40px; white-space: nowrap; position: absolute; top: 10px; right: 0; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; white-space: nowrap; font-size: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .item .recent-prod-image .yith-wcqv-button::before, .item .popular-prod-image .yith-wcqv-button::before, .item .cat-image .yith-wcqv-button::before, .item .product-image .yith-wcqv-button::before { content: "Quick View"; background: #000000; position: absolute; top: 50%; right: 100%; font-size: 12px; text-indent: 0; color: #ffffff; line-height: 1.5; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); padding: 5px 10px; opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .yith-wcqv-button::after, .item .popular-prod-image .yith-wcqv-button::after, .item .cat-image .yith-wcqv-button::after, .item .product-image .yith-wcqv-button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .yith-wcqv-button:hover, .item .popular-prod-image .yith-wcqv-button:hover, .item .cat-image .yith-wcqv-button:hover, .item .product-image .yith-wcqv-button:hover { background-color: #DDE9ED; } .item .recent-prod-image .yith-wcqv-button:hover::before, .item .popular-prod-image .yith-wcqv-button:hover::before, .item .cat-image .yith-wcqv-button:hover::before, .item .product-image .yith-wcqv-button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcqv-button:hover::after, .item .popular-prod-image .yith-wcqv-button:hover::after, .item .cat-image .yith-wcqv-button:hover::after, .item .product-image .yith-wcqv-button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcqv-button:focus-within, .item .popular-prod-image .yith-wcqv-button:focus-within, .item .cat-image .yith-wcqv-button:focus-within, .item .product-image .yith-wcqv-button:focus-within { background-color: #DDE9ED; } .item .recent-prod-image .yith-wcqv-button:focus-within::before, .item .popular-prod-image .yith-wcqv-button:focus-within::before, .item .cat-image .yith-wcqv-button:focus-within::before, .item .product-image .yith-wcqv-button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .yith-wcqv-button:focus-within::after, .item .popular-prod-image .yith-wcqv-button:focus-within::after, .item .cat-image .yith-wcqv-button:focus-within::after, .item .product-image .yith-wcqv-button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .compare-button, .item .popular-prod-image .compare-button, .item .cat-image .compare-button, .item .product-image .compare-button { position: absolute; top: 10px; right: 0; width: auto; height: auto; line-height: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .item .recent-prod-image .compare-button::before, .item .popular-prod-image .compare-button::before, .item .cat-image .compare-button::before, .item .product-image .compare-button::before { content: "Compare"; background: #000000; position: absolute; white-space: nowrap; font-size: 0.6em; top: 50%; right: 100%; text-indent: 0; color: #ffffff; line-height: 1.5; padding: 5px 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .compare-button::after, .item .popular-prod-image .compare-button::after, .item .cat-image .compare-button::after, .item .product-image .compare-button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .item .recent-prod-image .compare-button:hover::before, .item .popular-prod-image .compare-button:hover::before, .item .cat-image .compare-button:hover::before, .item .product-image .compare-button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .compare-button:hover::after, .item .popular-prod-image .compare-button:hover::after, .item .cat-image .compare-button:hover::after, .item .product-image .compare-button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .compare-button:hover a:hover, .item .popular-prod-image .compare-button:hover a:hover, .item .cat-image .compare-button:hover a:hover, .item .product-image .compare-button:hover a:hover { background-color: #DDE9ED; } .item .recent-prod-image .compare-button:focus-within::before, .item .popular-prod-image .compare-button:focus-within::before, .item .cat-image .compare-button:focus-within::before, .item .product-image .compare-button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .compare-button:focus-within::after, .item .popular-prod-image .compare-button:focus-within::after, .item .cat-image .compare-button:focus-within::after, .item .product-image .compare-button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item .recent-prod-image .compare-button:focus-within a:hover, .item .popular-prod-image .compare-button:focus-within a:hover, .item .cat-image .compare-button:focus-within a:hover, .item .product-image .compare-button:focus-within a:hover { background-color: #DDE9ED; } .item .recent-prod-image .compare-button a, .item .popular-prod-image .compare-button a, .item .cat-image .compare-button a, .item .product-image .compare-button a { width: 40px; height: 40px; border-radius: 0; display: inline-block; overflow: hidden; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; text-indent: 50px; white-space: nowrap; padding: 0; font-weight: 400; } .item .recent-prod-image .yith-wcwl-add-to-wishlist, .item .popular-prod-image .yith-wcwl-add-to-wishlist, .item .cat-image .yith-wcwl-add-to-wishlist, .item .product-image .yith-wcwl-add-to-wishlist { margin-top: 0; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button, .item .cat-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button, .item .product-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button { top: 55px; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button + .compare.button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button + .compare.button, .item .cat-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button + .compare.button, .item .product-image .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button + .compare.button { top: 100px; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .clear + .compare.button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .clear + .compare.button, .item .cat-image .yith-wcwl-add-to-wishlist + .clear + .compare.button, .item .product-image .yith-wcwl-add-to-wishlist + .clear + .compare.button { top: 55px; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button, .item .cat-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button, .item .product-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button { top: 55px; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button + .compare-button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button + .compare-button, .item .cat-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button + .compare-button, .item .product-image .yith-wcwl-add-to-wishlist + .yith-wcqv-button + .compare-button { top: 100px; } .item .recent-prod-image .yith-wcwl-add-to-wishlist + .compare-button, .item .popular-prod-image .yith-wcwl-add-to-wishlist + .compare-button, .item .cat-image .yith-wcwl-add-to-wishlist + .compare-button, .item .product-image .yith-wcwl-add-to-wishlist + .compare-button { top: 55px; } .item .recent-prod-image > a + .yith-wcqv-button + .compare-button, .item .popular-prod-image > a + .yith-wcqv-button + .compare-button, .item .cat-image > a + .yith-wcqv-button + .compare-button, .item .product-image > a + .yith-wcqv-button + .compare-button { top: 55px; } .item .recent-prod-image .product_type_external, .item .recent-prod-image .product_type_simple, .item .recent-prod-image .product_type_grouped, .item .recent-prod-image .product_type_variable, .item .popular-prod-image .product_type_external, .item .popular-prod-image .product_type_simple, .item .popular-prod-image .product_type_grouped, .item .popular-prod-image .product_type_variable, .item .cat-image .product_type_external, .item .cat-image .product_type_simple, .item .cat-image .product_type_grouped, .item .cat-image .product_type_variable, .item .product-image .product_type_external, .item .product-image .product_type_simple, .item .product-image .product_type_grouped, .item .product-image .product_type_variable { position: absolute; bottom: -30px; left: 0; right: 0; background: #ffffff; text-align: center; font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; font-weight: 800; color: #000000; padding: 15px 10px; line-height: 1.3; border-bottom: 1px solid rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: all ease 0.35s; } .item .recent-prod-image .product_type_external::before, .item .recent-prod-image .product_type_simple::before, .item .recent-prod-image .product_type_grouped::before, .item .recent-prod-image .product_type_variable::before, .item .popular-prod-image .product_type_external::before, .item .popular-prod-image .product_type_simple::before, .item .popular-prod-image .product_type_grouped::before, .item .popular-prod-image .product_type_variable::before, .item .cat-image .product_type_external::before, .item .cat-image .product_type_simple::before, .item .cat-image .product_type_grouped::before, .item .cat-image .product_type_variable::before, .item .product-image .product_type_external::before, .item .product-image .product_type_simple::before, .item .product-image .product_type_grouped::before, .item .product-image .product_type_variable::before { content: "+"; margin-right: 5px; } .item .recent-prod-image .product_type_external:hover, .item .recent-prod-image .product_type_simple:hover, .item .recent-prod-image .product_type_grouped:hover, .item .recent-prod-image .product_type_variable:hover, .item .popular-prod-image .product_type_external:hover, .item .popular-prod-image .product_type_simple:hover, .item .popular-prod-image .product_type_grouped:hover, .item .popular-prod-image .product_type_variable:hover, .item .cat-image .product_type_external:hover, .item .cat-image .product_type_simple:hover, .item .cat-image .product_type_grouped:hover, .item .cat-image .product_type_variable:hover, .item .product-image .product_type_external:hover, .item .product-image .product_type_simple:hover, .item .product-image .product_type_grouped:hover, .item .product-image .product_type_variable:hover { background: #DDE9ED; } .item .recent-prod-image .product_type_external.added, .item .recent-prod-image .product_type_simple.added, .item .recent-prod-image .product_type_grouped.added, .item .recent-prod-image .product_type_variable.added, .item .popular-prod-image .product_type_external.added, .item .popular-prod-image .product_type_simple.added, .item .popular-prod-image .product_type_grouped.added, .item .popular-prod-image .product_type_variable.added, .item .cat-image .product_type_external.added, .item .cat-image .product_type_simple.added, .item .cat-image .product_type_grouped.added, .item .cat-image .product_type_variable.added, .item .product-image .product_type_external.added, .item .product-image .product_type_simple.added, .item .product-image .product_type_grouped.added, .item .product-image .product_type_variable.added { bottom: 0; } .item .recent-prod-image .added_to_cart, .item .popular-prod-image .added_to_cart, .item .cat-image .added_to_cart, .item .product-image .added_to_cart { display: inline-block; font-size: 0.7em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; } .item .recent-prod-image .added_to_cart:hover, .item .popular-prod-image .added_to_cart:hover, .item .cat-image .added_to_cart:hover, .item .product-image .added_to_cart:hover { color: rgba(0, 0, 0, 0.5); } .item:hover .yith-wcwl-add-button, .item:hover .yith-wcqv-button, .item:hover .compare-button, .item.hover .yith-wcwl-add-button, .item.hover .yith-wcqv-button, .item.hover .compare-button { right: 10px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item:hover .product_type_external, .item:hover .product_type_simple, .item:hover .product_type_grouped, .item:hover .product_type_variable, .item.hover .product_type_external, .item.hover .product_type_simple, .item.hover .product_type_grouped, .item.hover .product_type_variable { bottom: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item:hover .product_type_external.added, .item:hover .product_type_simple.added, .item:hover .product_type_grouped.added, .item:hover .product_type_variable.added, .item.hover .product_type_external.added, .item.hover .product_type_simple.added, .item.hover .product_type_grouped.added, .item.hover .product_type_variable.added { bottom: 35px; } .item:focus-within .yith-wcwl-add-button, .item:focus-within .yith-wcqv-button, .item:focus-within .compare-button { right: 10px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item:focus-within .product_type_external, .item:focus-within .product_type_simple, .item:focus-within .product_type_grouped, .item:focus-within .product_type_variable { bottom: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .item:focus-within .product_type_external.added, .item:focus-within .product_type_simple.added, .item:focus-within .product_type_grouped.added, .item:focus-within .product_type_variable.added { bottom: 35px; } .item h3 { margin-top: 0; margin-bottom: 15px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; } .item h3 a { color: #000000; } .item h3 a:hover { color: #EE7F4B; } .item .price { margin-top: 0; margin-bottom: 0; font-size: 0.7em; text-transform: uppercase; color: #868E96; line-height: 1.5; justify-content: center; } .item .price del { margin-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .item .price ins { background: none; } .select2-container .select2-selection--single, .widget .select2-container .select2-selection--single { height: 50px; margin: 0; font-size: 0.7em; } .select2-container--default .select2-selection--single, .widget .select2-container--default .select2-selection--single { border-color: rgba(0, 0, 0, 0.1); border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered, .widget .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-right: 15px; padding-left: 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow, .widget .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; right: 10px; top: 0; } .select2-container--default .select2-results > .select2-results__options, .widget .select2-container--default .select2-results > .select2-results__options { font-size: 0.8em; } .woocommerce-error, .woocommerce-info, .woocommerce-message { font-size: 0.8em; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { color: #EE7F4B; } .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover { text-decoration: underline; } .page-template-blossom-portfolio .portfolio-holder { margin-top: 60px; margin-bottom: 60px; } .single-blossom-portfolio .portfolio-holder { margin-top: 60px; } .single-blossom-portfolio .site-content { margin-bottom: 60px; } .post-shop-wrap .header { position: relative; text-align: center; z-index: 1; } .post-shop-wrap .header::after { content: ""; background: rgba(0, 0, 0, 0.1); width: 100%; height: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: -1; } .post-shop-wrap .header .title { margin-top: 0; margin-bottom: 0; font-size: 0.6666em; text-transform: uppercase; font-weight: 600; display: inline-block; background: #ffffff; padding: 8px 20px; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { position: relative; overflow: hidden; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type=checkbox] { display: inline-block; position: absolute; top: -20px; left: 0; } .woocommerce-product-search .form-group { display: flex; flex: 1; flex-wrap: wrap; background: rgba(255, 255, 255, 0.9); } .woocommerce-product-search .form-group .search-field { padding-top: 0; padding-bottom: 0; border: none; width: calc(100% - (40% + 60px)); height: 60px; background: none; font-size: 0.8em; font-weight: 400; } .woocommerce-product-search .form-group .cat-dropdown { padding-top: 0; padding-bottom: 0; border: none; border-left: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent; width: 40%; height: 60px; font-size: 0.8em; font-weight: 400; } .woocommerce-product-search .form-group button { height: 60px; width: 60px; padding: 0; background: #EE7F4B; font-size: 1em; font-weight: normal; } .woocommerce-product-search .form-group button:hover, .woocommerce-product-search .form-group button:active, .woocommerce-product-search .form-group button:focus { background: #000000; color: #ffffff; } .woocommerce-product-search .form-group button svg { width: 22px; margin-top: -5px; vertical-align: middle; } @media screen and (max-width: 1366px) { .container { max-width: 1170px; } } @media screen and (max-width: 1199px) { .container { max-width: 1000px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width: 74vw; } } @media screen and (max-width: 1024px) { .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width: 100%; } } @media screen and (max-width: 767px) { .custom-background .site, .custom-background .sticky-header { max-width: 90%; } .container { max-width: 420px; } section[class*=-section] { margin-top: 60px; margin-bottom: 60px; } .woocommerce-product-search .form-group { flex-direction: column; } .woocommerce-product-search .form-group .search-field { width: 100%; text-align: center; } .woocommerce-product-search .form-group .cat-dropdown { text-align: center; width: 100%; border-left: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-product-search .form-group button { width: 100%; } } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-top: 0; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-top: 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1em; max-width: 100%; position: relative; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; line-height: initial; font-size: 0.7em; color: #A5A8B2; } .alignright .wp-caption-text, .alignleft .wp-caption-text { text-align: left; margin-bottom: 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .container:before, .container:after, .site-content:before, .site-content:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .container:after, .site-content:after { clear: both; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*======================== COMMENTS AREA ========================*/ .comments-area { margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .comments-area .comments-title, .comment-respond .comment-reply-title { margin-top: 0; margin-bottom: 30px; font-size: 1em; font-weight: 700; position: relative; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol li ol { margin-left: 30px; } .comment-list .comment { border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 20px; padding-top: 20px; } .comment-list > .comment:first-child { border-top: none; padding-top: 0; margin-top: 0; } .comments-area .comment-body { position: relative; padding-left: 70px; } .comments-area .bypostauthor > .comment-body .comment-author::after { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 35px; left: 35px; } .comment-body img.avatar { position: absolute; top: 5px; left: 0; width: 50px; height: 50px; border-radius: 100%; object-fit: cover; } .comment-body b.fn { font-weight: 700; font-size: 0.8em; margin-bottom: 0; display: block; color: #202020; } .comment-author a { text-decoration: none; color: #202020; line-height: 1.25em; } .comment-author a:hover { color: #868e96; } .comment-body span.says { display: none; } .comment-body .comment-metadata { font-size: 0.6em; color: #999; line-height: 1.25em; } .comment-metadata a { color: #999; } .comment-metadata a:hover { color: #202020; } .comment-body .comment-awaiting-moderation { font-size: 0.7em; line-height: 1.65em; margin-top: 10px; margin-bottom: 0; color: red; letter-spacing: 0; } .comment-body .reply .comment-reply-link { display: inline-block; text-align: center; position: relative; vertical-align: top; color: #202020; font-size: 0.7em; text-transform: uppercase; font-weight: 700; letter-spacing: 0.8px; padding-left: 25px; } .comment-body .reply .comment-reply-link:hover { color: #868e96; } .comment-body .reply .comment-reply-link:before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 3px; left: 0; } .comment-body .reply .comment-reply-link:hover:before { background-image: url('data:image/svg+xml; utf-8, '); } .comment-body .comment-content { font-size: 0.8em; font-weight: 400; } .comment-body .comment-content p { margin-top: 5px; margin-bottom: 20px; } .comments-area .comment-list + .comment-respond { margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .comment-respond .comment-reply-title a { display: inline-block; margin-left: 10px; color: #202020; vertical-align: middle; text-transform: uppercase; font-weight: 700; padding-left: 10px; border-left: 1px solid #202020; } .comment-respond .comment-reply-title a:hover { color: #868e96; } .comment-respond .comment-form p { margin-top: 0; margin-bottom: 20px; } .comment-form p.comment-notes { display: none; width: 100%; } .comment-respond .comment-form p.comment-form-comment { width: 100%; } .comment-respond .comment-form p:not(.comment-form-cookies-consent) label { display: none; } .comment-respond .comment-form p.comment-form-cookies-consent { position: relative; width: 100%; } .comment-respond .comment-form p.comment-form-cookies-consent label { font-size: 0.7em; line-height: 1.65em; color: #474747; padding-left: 25px; position: relative; cursor: pointer; display: block; } .comment-respond .comment-form p.comment-form-cookies-consent label:hover { text-decoration: underline; } .comment-respond .comment-form p.comment-form-cookies-consent label::before { content: ""; width: 15px; height: 15px; border: 1px solid rgba(0, 0, 0, 0.6); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 0; background-position: center; position: absolute; top: 4px; left: 0; font-weight: normal; text-align: center; line-height: 14px; font-size: 0; transition: all ease 0.35s; } .comment-respond .comment-form p.comment-form-cookies-consent input[type=checkbox]:checked + label::before { content: ""; border-color: #000000; background-color: #000000; background-size: 10px; } .comment-respond .comment-form p.comment-form-cookies-consent input[type=checkbox]:focus + label::before { outline: 1px dotted black; } .comment-respond .comment-form p.comment-form-cookies-consent input[type=checkbox] { position: absolute; top: 5px; left: 1px; opacity: 0; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 0; width: 100%; } @media screen and (max-width: 767px) { .comments-area .comment-body { padding-left: 50px; } .comments-area .comment-body img.avatar { width: 35px; height: 35px; } .comments-area .bypostauthor > .comment-body .comment-author::after { top: 22px; left: 22px; } .comment-form { flex-direction: column; margin-left: 0; margin-right: 0; } .comment-respond .comment-form p { margin-left: 0; margin-right: 0; width: 100%; } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #E6E6E6; border: 0; height: 1px; margin-bottom: 2em; width: 100%; clear: both; margin-top: 2em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: top; } figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 1.5em 0; width: 100%; border-radius: 0; font-size: 0.9em; text-align: left; border-collapse: collapse; } table tr th { font-weight: 700; color: #202020; padding: 10px 15px; border-bottom: 2px solid #EBEBEB; } table tr td { padding: 10px 15px; } table tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.035); } .site-footer table tbody tr:nth-child(odd) { background: rgba(255, 255, 255, 0.05); } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type=button], input[type=reset], input[type=submit] { display: inline-block; background-color: #202020; border: none; color: #ffffff; font-weight: 700; font-size: 0.7em; border-radius: 0; padding: 12px 30px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; transition: all ease 0.35s; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus { background-color: #DDE9ED; color: #000000; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { color: #000; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; padding: 10px 15px; width: 100%; height: 50px; font-size: 0.7em; font-weight: 600; } select:not([multiple=multiple]) { -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: calc(100% - 12px) 50%; background-size: 12px; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #000; outline: 1px dotted; } textarea { width: 100%; height: 150px; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 60px 0; /* Make sure select elements fit in widgets. */ } #secondary .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; } .widget-area .widget { padding-bottom: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget-area .widget:last-child { padding-bottom: 0; border-bottom: none; } .widget-area .widget ul li { font-size: 0.8em; } .widget-area .widget ul ul li { font-size: 1em; } .widget-area .widget-title { font-size: 0.7em; letter-spacing: 1px; font-weight: 900; margin-top: 0; margin-bottom: 20px; } .widget .entry-meta > span { letter-spacing: 0; } .widget p { font-size: 0.8em; line-height: 1.6em; margin-top: 0; margin-bottom: 20px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { display: block; margin-bottom: 10px; font-size: 0.8em; line-height: 1.5em; } .widget ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { color: #202020; } .widget ul li a:hover { text-decoration: underline; color: #EE7F4B; } .widget ul ul { margin-top: 10px; margin-bottom: 0; padding-left: 15px; } .widget ul ul li { font-size: 1em; } .search-form { display: flex; flex: 1; flex-wrap: wrap; } .search-form label { width: calc(100% - 50px); } .search-form .search-field { border-radius: 0; border-right: none; height: 50px; font-size: 0.7778em; } .search-form .search-submit { width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 0; border: none; box-shadow: none; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; text-indent: 60px; overflow: hidden; } .search-form .search-submit:hover { background-color: #000000; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; } /*=========================== WIDGET CALENDAR ===========================*/ .widget_calendar .calendar_wrap { position: relative; } .widget_calendar .calendar_wrap .wp-calendar-nav { font-size: 0.88em; } .widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next { float: right; } .widget_calendar table { text-align: center; font-size: 0.8em; position: relative; } .widget_calendar table caption { font-weight: 700; min-height: 30px; } .widget_calendar table th, .widget_calendar table td { padding: 5px 0; } .widget_calendar table tbody td a { font-weight: 700; color: #EE7F4B; } .widget_calendar table tbody td#today { color: #ffffff; background: #EE7F4B; } .widget_calendar table tbody td#today a { color: #ffffff; } /*=========================== WIDGET CONTACT ===========================*/ .widget_bttk_contact_social_links ul.contact-list li { position: relative; padding-left: 40px; line-height: 1.5em; min-height: 30px; } .widget_bttk_contact_social_links ul.contact-list li svg { position: absolute; top: -2px; left: 0; width: 30px; height: 30px; padding: 7px; color: #868e96; } .widget_bttk_contact_social_links ul.contact-list + .social-networks { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 20px; padding-top: 20px; } .widget_bttk_contact_social_links .social-networks { display: flex; flex: 1; flex-wrap: wrap; } .widget_bttk_contact_social_links .social-networks li { margin: 3px; font-size: 0.9em; } .widget_bttk_contact_social_links .social-networks li a { width: 40px; text-align: center; height: 40px; display: inline-block; line-height: 40px; background: #DDE9ED; } .widget_bttk_contact_social_links .social-networks li a:hover { background: #202020; color: #ffffff; } /*=========================== WIDGET AUTHOR BIO ===========================*/ .widget_bttk_author_bio { text-align: center; } .widget_bttk_author_bio .image-holder { margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 250px; height: 250px; border-radius: 100%; overflow: hidden; } .widget_bttk_author_bio .image-holder img { width: 100%; height: 100%; object-fit: cover; } .widget_bttk_author_bio .title-holder { font-size: 1.5em; font-weight: 700; color: #202020; font-family: "Cormorant", serif; } .widget_bttk_author_bio .author-bio-content p { margin-top: 0; margin-bottom: 15px; } .widget_bttk_author_bio .text-signature { margin-bottom: 20px; } .widget_bttk_author_bio .readmore { background: #DDE9ED; color: #000000; font-size: 0.7em; margin-bottom: 20px; font-weight: 700; display: block; text-align: center; letter-spacing: 1px; } .widget_bttk_author_bio .readmore:hover { background: #000000; color: #ffffff; } .widget_bttk_author_bio .author-socicons li { padding-bottom: 0; border-bottom: none; margin: 3px; font-size: 0.7778em; } .widget_bttk_author_bio .author-socicons li a { display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100%; } .widget_bttk_author_bio .author-socicons li a:hover { border-color: #DDE9ED; background: #DDE9ED; color: #000000; } .widget_bttk_author_bio .author-socicons li a svg { margin-top: 0; } /*=============================== WIDGET RECENT & POPULAR POST ===============================*/ .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li { margin-bottom: 20px; border-bottom: 1px dotted rgba(0, 0, 0, 0.15); padding-bottom: 20px; } .widget_bttk_popular_post ul li:last-child, .widget_bttk_pro_recent_post ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title { font-size: 1.3em; font-family: "Cormorant", serif; margin-bottom: 5px; } .widget_bttk_popular_post ul li .entry-header .cat-links, .widget_bttk_pro_recent_post ul li .entry-header .cat-links { display: inline-block; font-size: 1em; position: relative; line-height: 1.3em; } .widget_bttk_popular_post ul li .entry-header .cat-links a:after, .widget_bttk_pro_recent_post ul li .entry-header .cat-links a:after { content: ","; margin-right: 5px; } .widget_bttk_popular_post ul li .entry-header .cat-links a:last-child:after, .widget_bttk_pro_recent_post ul li .entry-header .cat-links a:last-child:after { display: none; } .widget_bttk_popular_post ul li .entry-header .entry-meta, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta { font-size: 0.8em; margin-bottom: 0; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span { font-size: 1em; font-weight: 700; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a, .widget_bttk_popular_post ul li .entry-header .cat-links a, .widget_bttk_pro_recent_post ul li .entry-header .cat-links a { color: #868E96; display: inline-block; margin: 0; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a:hover, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a:hover, .site-footer .widget_bttk_popular_post ul li .entry-header .entry-meta > span a:hover, .site-footer .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a:hover, .widget_bttk_popular_post ul li .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post ul li .entry-header .cat-links a:hover { color: #202020; } /*============================= WIDGET ARCHIVE =============================*/ .widget_archive ul li, .widget_categories ul li { font-weight: 400; margin-bottom: 15px; } .widget_categories ul li { display: flex; flex: 1; flex-wrap: wrap; } .widget_categories ul li a { display: flex; flex: 1; } /*============================= WIDGET SEARCH =============================*/ .widget_search .search-form { border-bottom: 2px solid rgba(0, 0, 0, 0.3); } .widget_search .search-form label { width: calc(100% - 30px); } .widget_search .search-form .search-field { border: none; padding-left: 0; height: 40px; } .widget_search .search-form .search-submit { width: 30px; height: 40px; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); background-position: center right; } .widget_search .search-form .search-submit:hover { background-image: url('data:image/svg+xml; utf-8, '); } /*============================= WIDGET CUSTOM CATEGORY =============================*/ .widget_bttk_custom_categories ul li { background-size: cover !important; font-size: 1em; } .widget_bttk_custom_categories ul li:after { background: rgba(0, 0, 0, 0.2); } .widget_bttk_custom_categories ul li a { color: #ffffff; display: flex; flex: 1; align-items: center; flex-wrap: wrap; text-decoration: none; } .widget_bttk_custom_categories ul li a:hover { text-decoration: none; color: #ffffff; } .widget_bttk_custom_categories ul li a:hover .post-count { background: #EE7F4B; color: #ffffff; } .widget_bttk_custom_categories ul li a .cat-title { float: none; color: #ffffff; font-size: 0.875em; font-weight: 700; letter-spacing: 1px; padding-left: 15px; display: flex; flex: auto; } .widget_bttk_custom_categories ul li a .post-count { background: rgba(0, 0, 0, 0.5); text-transform: uppercase; font-size: 0.75em; font-weight: 700; letter-spacing: 1px; justify-content: center; } /*============================= WIDGET SOCIAL LINKS =============================*/ .widget_bttk_social_links ul { display: flex; flex: 1; flex-wrap: wrap; } .widget_bttk_social_links ul li { float: none; font-size: 0.7em; padding: 0; margin: 3px; border-bottom: none; } .widget_bttk_social_links ul li a { width: 40px; height: 40px; line-height: 36px; background: none; border: 2px solid #DDE9ED; border-radius: 100%; } .widget_bttk_social_links ul li a:hover { background: #DDE9ED; color: #000000 !important; } .widget_bttk_social_links ul li a svg { margin-top: 0; } /*============================== WIDGET NEWSLETTER ==============================*/ .blossomthemes-email-newsletter-wrapper { text-align: center; padding: 30px; } .blossomthemes-email-newsletter-wrapper .img-holder { width: 75px; height: 75px; text-align: center; background: #ffffff; line-height: 75px; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #DDE9ED; margin: 0 auto 20px auto; overflow: hidden; } .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.5em; margin-top: 0; margin-bottom: 20px; font-family: "Cormorant", serif; } .blossomthemes-email-newsletter-wrapper .text-holder span { margin-bottom: 20px; display: block; font-size: 0.8em; line-height: 1.65em; } .blossomthemes-email-newsletter-wrapper input[type=text], .blossomthemes-email-newsletter-wrapper input[type=email] { text-align: center; margin-bottom: 10px; } .blossomthemes-email-newsletter-wrapper input[type=submit] { display: block; width: 100%; background: #202020; border: 1px solid #202020; } .blossomthemes-email-newsletter-wrapper input[type=submit]:hover { background: none; color: #202020; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap { position: relative; padding-left: 25px; margin-bottom: 20px; font-size: 0.7em; line-height: 1.6em; cursor: pointer; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap:hover { text-decoration: underline; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap .check-mark { margin-top: 0; width: 16px; height: 16px; border: 2px solid rgba(0, 0, 0, 0.3); position: absolute; top: 3px; left: 0; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 0; background-position: center; transition: all ease 0.35s; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap input[type=checkbox] { display: none; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap input[type=checkbox]:checked + .check-mark { background-image: url('data:image/svg+xml; utf-8, '); background-size: 10px; background-color: #000000; border-color: #000000; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap input[type=checkbox]:checked + .check-mark:before { display: none; } .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap .text { text-align: left; display: block; } .blossom-newsletter-popup-active .blossomthemes-email-newsletter-wrapper .img-holder { width: 40%; height: auto; line-height: normal; border-radius: 0; border: none; margin-bottom: 0; display: block; flex: unset; } .blossom-newsletter-popup-active .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap .check-mark { top: 0; } /*=========================== TESTIMONIAL WIDGET ===========================*/ .bttk-testimonial-holder .text-holder { display: flex; flex: 1; flex-wrap: wrap; align-items: center; max-width: 700px; margin: 0 auto; width: 100%; } .bttk-testimonial-holder .text-holder .img-holder { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; margin: 0; order: 2; } .bttk-testimonial-holder .text-holder .img-holder img { width: 100%; height: 100%; object-fit: cover; } .bttk-testimonial-holder .text-holder .testimonial-meta { order: 3; width: calc(100% - 80px); padding-left: 20px; } .bttk-testimonial-holder .text-holder .testimonial-meta .name { display: block; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; line-height: 1em; color: #202020; } .bttk-testimonial-holder .text-holder .testimonial-meta .designation { display: block; font-size: 0.7em; line-height: 1em; margin-top: 10px; } .bttk-testimonial-holder .text-holder .testimonial-content p { margin-top: 0; margin-bottom: 20px; } /*=========================== WIDGET IMAGE TEXT ===========================*/ .widget_bttk_image_text_widget .bttk-itw-holder { margin: 0; padding: 0; list-style: none; } .widget_bttk_image_text_widget ul li { font-size: 1em; } .widget_bttk_image_text_widget ul li .btn-readmore { background: #ffffff; color: #000000; border: none; width: initial; top: auto; bottom: -20px; padding: 10px 30px; max-width: 90%; left: 0; right: 0; margin: 0 auto; display: table; font-size: 0.8em; font-weight: 700; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); transform: none; } .widget_bttk_image_text_widget ul li .btn-readmore:hover { text-decoration: none; } .widget_bttk_image_text_widget ul li:hover .btn-readmore { background: #DDE9ED; color: #000000; } /*=========================== WIDGET AUTHOR BIO ===========================*/ .widget_bttk_author_bio { text-align: left; } .widget_bttk_author_bio .bttk-author-bio-holder { text-align: center; } .widget_bttk_author_bio .image-holder { margin-bottom: 20px; } .widget_bttk_author_bio .title-holder { font-size: 1.1112em; line-height: 1.5em; font-weight: 800; margin-bottom: 10px; } .widget_bttk_author_bio .author-bio-content p { margin-top: 0; margin-bottom: 15px; } .widget_bttk_author_bio .text-signature { margin-bottom: 20px; } .widget_bttk_author_bio .readmore { background: #DDE9ED; color: #000000; font-size: 0.7em; margin-bottom: 20px; font-weight: 500; display: block; text-align: center; } .widget_bttk_author_bio .readmore:hover { background: #000000; color: #ffffff; } .widget_bttk_author_bio .author-socicons li { padding-bottom: 0; border-bottom: none; margin: 3px; font-size: 0.7em; } .widget_bttk_author_bio .author-socicons li a { display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 38px; border: 2px solid #DDE9ED; border-radius: 100%; } .widget_bttk_author_bio .author-socicons li a:hover { background: #DDE9ED; color: #000000; } .widget_bttk_author_bio .author-socicons li a svg { margin-top: 0; } /*=========================== WIDGET TEAM ===========================*/ .bttk-team-inner-holder { text-align: center; } .bttk-team-inner-holder .image-holder { margin-bottom: 20px; } .bttk-team-inner-holder .name { display: block; font-weight: 700; font-size: 1em; } .bttk-team-inner-holder .designation { display: block; font-size: 0.8em; color: #777; } .bttk-team-inner-holder ul.social-profile li { display: inline-block; margin: 3px 1px; padding: 0; border-bottom: none; } .bttk-team-inner-holder ul.social-profile li a { border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 40px; } .bttk-team-inner-holder ul.social-profile li a:hover { background: #DDE9ED; border-color: #DDE9ED; color: #000000; } .bttk-team-inner-holder ul.social-profile li a svg { margin: 0; } /*========================== WIDGET STAT COUNTER ==========================*/ .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .widget-title { order: 3; margin-bottom: 10px; margin-top: 5px; border-bottom: none; padding-bottom: 0; font-size: 0.8em; font-weight: 700; letter-spacing: 0; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .widget-title:after { display: none; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder { order: 1; font-size: 3em; color: #DDE9ED; margin-bottom: 30px; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter { order: 2; font-size: 2em; font-weight: 700; line-height: 1; } /*============================== WIDGET POST CATEGORY SLIDER ==============================*/ .widget_bttk_posts_category_slider_widget .post-thumbnail { margin-bottom: 0; } .widget_bttk_posts_category_slider_widget .carousel-title { background: rgba(0, 0, 0, 0.05); padding: 20px; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a { display: inline-block; color: #777; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover { color: #DDE9ED; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a::after { content: ","; } .widget_bttk_posts_category_slider_widget .carousel-title .title { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 700; font-family: "Cormorant", serif; letter-spacing: 0; text-transform: none; } .widget_bttk_posts_category_slider_widget .carousel-title .title a { color: #000000; } .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover { color: #DDE9ED; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*=owl-] { top: 40%; transform: translateY(-50%); } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*=owl-]:hover { background: #000000; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span { margin: 0 auto; } /*============================ WIDGET ICON TEXT ============================*/ .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: flex; flex: 1; flex-direction: column; text-align: center; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { order: 2; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore { font-size: 0.7em; display: inline-block; letter-spacing: 1px; font-weight: 700; background: #000000; color: #ffffff; padding: 15px 50px; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:hover { background: #DDE9ED; color: #000000; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title { font-size: 1em; text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title:after { display: none; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder { margin-bottom: 30px; font-size: 4em; color: rgba(0, 0, 0, 0.2); } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder svg { margin: 0; } /*=========================== WIDGET TAG CLOUD ===========================*/ .tagcloud a { display: inline-block; font-size: 0.7em !important; border: 1px solid rgba(0, 0, 0, 0.15); color: #777; padding: 2px 10px; margin: 3px 0px; line-height: 1.75; } .tagcloud a:hover { background: #DDE9ED; border-color: #DDE9ED; color: #000000; } /*=============================== FEATURED PAGE WIDGET ===============================*/ .widget_blossomtheme_featured_page_widget .img-holder { margin-bottom: 20px; } .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore { font-size: 0.7em; display: inline-block; letter-spacing: 1px; font-weight: 700; background: #000000; color: #ffffff; padding: 15px 50px; } .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:hover { background: #DDE9ED; color: #000000; } /*============================== WIDGET CLIENT LOGO ==============================*/ .widget_blossom_client_logo_widget .blossom-iw-inner-holder { overflow: hidden; } .widget_blossom_client_logo_widget .blossom-inner-wrap { display: flex; flex: 1; flex-wrap: wrap; align-items: center; margin-left: -20px; margin-right: -20px; } .widget_blossom_client_logo_widget .blossom-inner-wrap .image-holder { width: 50%; padding: 20px; } /*========================== WIDGET CALL TO ACTION ==========================*/ .widget_blossomtheme_companion_cta_widget > div { padding: 60px 30px; min-height: 500px; display: flex; flex: 1; flex-direction: column; justify-content: center; } .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg { position: relative; z-index: 1; } .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg::before { content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg .text-holder { color: #ffffff; } .widget_blossomtheme_companion_cta_widget > div.right { text-align: right; } .widget_blossomtheme_companion_cta_widget > div.right .widget-title { text-align: right; } .widget_blossomtheme_companion_cta_widget > div.centered { text-align: center; } .widget_blossomtheme_companion_cta_widget > div.centered .widget-title { text-align: center; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { font-size: 1.2em; font-weight: 600; color: #ffffff; border-bottom: none; margin-bottom: 20px; padding-bottom: 0; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title:after { display: none; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta { display: inline-block; background: #DDE9ED; color: #000000; font-size: 0.7em; font-weight: 700; letter-spacing: 0.5px; padding: 10px 30px; margin: 5px; text-align: center; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta:hover { background: #EE7F4B; color: #ffffff; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta + .btn-cta { background: #EE7F4B; color: #ffffff; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta + .btn-cta:hover { background: #DDE9ED; color: #000000; } /*============================ WIDGET INSTAGRAM ============================*/ .widget_btif_instagram_widget ul li { margin: 0; padding: 3px; } .widget_btif_instagram_widget .profile-link { display: block; text-align: center; background: #000000; border: 1px solid #000000; color: #ffffff; font-size: 0.8888em; padding: 5px 10px; margin-top: 10px; } .widget_btif_instagram_widget .profile-link:hover { background: none; color: #000000; } .widget_btif_instagram_widget .profile-link .insta-icon { margin-right: 5px; } @media screen and (max-width: 767px) { .widget-area .widget { margin-bottom: 40px; padding-bottom: 40px; } .widget-area .widget:last-child { margin-bottom: 0; padding-bottom: 0; } } #crumbs { padding: 10px 0; font-size: 0.7778em; color: #666; } #crumbs a { color: #666; margin-right: 10px; transition: ease 0.2s; } #crumbs a:hover { text-decoration: none; color: #EE7F4B; } #crumbs .separator { margin-right: 10px; } #crumbs .current a { color: #EE7F4B; pointer-events: none; } .sticky-t-bar .sticky-bar-content { background: #DDE9ED; text-align: center; padding: 15px 0; font-size: 0.7em; line-height: 1.5em; } .sticky-t-bar .sticky-bar-content .container { padding-right: 100px; } .sticky-t-bar .sticky-bar-content .btn-readmore { display: inline-block; text-transform: uppercase; color: #202020; position: relative; margin-left: 5px; } .sticky-t-bar .sticky-bar-content .btn-readmore:after { content: ""; background: #202020; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all ease 0.35s; } .sticky-t-bar .sticky-bar-content .btn-readmore:hover:after { width: 50%; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding: 0; background: none !important; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper::before { display: none; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .newsletter-inner-wrapper { display: flex; flex: 1; align-items: center; justify-content: center; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder { margin-bottom: 0; display: flex; flex-direction: column; text-align: left; flex: inherit; padding-right: 15px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3 { margin-bottom: 0; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder span { font-size: 1em; margin-bottom: 0; margin-top: 5px; color: #474747; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form { display: flex; flex: 2; align-items: center; flex-wrap: wrap; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input { width: auto; margin-left: 1%; display: flex; flex: 2; text-align: left; margin-top: 5px; margin-bottom: 5px; font-size: 1em; border: none; background: rgba(255, 255, 255, 0.5); } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type=submit] { flex: initial; min-height: 50px; text-align: center; background: #000000; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type=submit]:hover, .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type=submit]:active, .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input[type=submit]:focus { background: #EE7F4B; color: #ffffff; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form label { margin-top: 5px; order: 5; width: 100%; display: flex; flex: auto; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap { margin-bottom: 0; margin-left: 1%; font-size: 1em; color: #474747; } .sticky-t-bar .close { padding: 0; display: block; width: 20px; height: 20px; background: rgba(0, 0, 0, 0.3); top: 15px; right: 0; transition: none; } .sticky-t-bar .close:hover { background: rgba(0, 0, 0, 0.5); } .sticky-t-bar .close:before, .sticky-t-bar .close:after { background: #ffffff; width: 12px; } .sticky-t-bar:not(.active) .close { top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .sticky-t-bar:not(.active) .close:before { width: 8px; top: -2px; left: -4px; } .sticky-t-bar:not(.active) .close:after { width: 8px; top: -2px; right: -4px; } .admin-bar .sticky-t-bar .close { top: 46px; } .admin-bar .sticky-t-bar:not(.active) .close { top: 32px; } @media screen and (max-width: 1024px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .newsletter-inner-wrapper { flex-direction: column; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder { text-align: center; margin-bottom: 15px; padding-right: 0; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form label { justify-content: center; } } @media screen and (max-width: 767px) { .sticky-t-bar .sticky-bar-content { padding-top: 30px; } .sticky-t-bar .sticky-bar-content .container { padding-right: 15px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form { flex-direction: column; width: 100%; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form input { width: 100%; margin-left: 0; flex: auto; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form label { width: 100%; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap { margin-left: 0; } .sticky-t-bar .close { margin: 0 auto; left: 0; right: 0 !important; top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } .site-header .container { max-width: 100%; } .site-header .woocommerce-currency-switcher-form { position: relative; } .site-header .woocommerce-currency-switcher-form .dd-select { background: none !important; border: none; border-radius: 0; padding-right: 15px; } .site-header .woocommerce-currency-switcher-form .dd-select .dd-selected { padding: 0; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .site-header .woocommerce-currency-switcher-form .dd-select .dd-selected .dd-selected-image { float: none; margin-left: 0; margin-right: 5px; max-width: 25px; } .site-header .woocommerce-currency-switcher-form .dd-select .dd-selected .dd-selected-text { line-height: normal !important; font-size: 0.6em; letter-spacing: 1px; } .site-header .woocommerce-currency-switcher-form .dd-pointer { right: 0; } .site-header .woocommerce-currency-switcher-form ul.dd-options { min-width: 150px; right: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); border: none; top: calc(100% + 15px); } .site-header .woocommerce-currency-switcher-form ul.dd-options a.dd-option { color: #333; display: flex; flex: 1; flex-wrap: wrap; align-items: center; position: relative; overflow: visible; } .site-header .woocommerce-currency-switcher-form ul.dd-options a.dd-option:hover { background: rgba(0, 0, 0, 0.05); } .site-header .woocommerce-currency-switcher-form ul.dd-options a.dd-option:hover .dd-desc { opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 100%; } .site-header .woocommerce-currency-switcher-form ul.dd-options a.dd-option.dd-option-selected { background: rgba(0, 0, 0, 0.05); } .site-header .woocommerce-currency-switcher-form ul.dd-options .dd-image-right { float: none; margin-left: 0; margin-right: 10px; max-width: 25px; } .site-header .woocommerce-currency-switcher-form ul.dd-options .dd-option-text { font-size: 0.7em; letter-spacing: 1px; line-height: normal !important; } .site-header .woocommerce-currency-switcher-form ul.dd-options .dd-desc { font-size: 0.6em; padding: 5px 0; line-height: normal; font-style: italic; color: #999; } .site-header .woocommerce-currency-switcher-form select.woocommerce-currency-switcher { border: none; padding: 0 13px 0 0; background-position: right center; height: auto; background-size: 10px; } .site-header .woocommerce-currency-switcher-form select.woocommerce-currency-switcher.wSelect-el { padding: 0; visibility: hidden; } .site-header .woocommerce-currency-switcher-form .wSelect-theme-classic.wSelect { margin-bottom: 0; } .site-header .woocs-style-1-dropdown { min-width: 100px; } .site-header .woocs-style-1-dropdown .woocs-style-1-select > i { line-height: normal !important; margin-top: 2px !important; display: inline-block; margin-left: 5px; transform: rotate(-90deg); } .site-header .woocs-style-1-dropdown .woocs-style-1-select > i img { width: 12px; margin-left: auto; display: block; } .site-header .woocs-style-1-dropdown .woocs-style-1-dropdown-menu { right: 0; left: auto; } .site-header .woocs-style-1-dropdown .woocs-style-1-dropdown-menu li { min-height: 30px; background-position: calc(100% - 10px) 50% !important; background-size: 25px !important; padding-right: 30px; } .site-header .woocs-style-2-drop-down { position: relative; width: 100px !important; max-width: 100%; } .site-header .woocs-style-2-drop-down .woocs-style-2-from { position: relative; } .site-header .woocs-style-2-drop-down .woocs-style-2-to-contents { transform: scale(1); } .site-header .woocs-style-2-drop-down .woocs-style-2-top { height: auto; width: 250px; } .site-header .woocs-style-2-drop-down .woocs-style-2-avatar-large { width: 30px; height: 30px; top: 5px; } .site-header .woocs-style-2-drop-down .woocs-style-2-name-large { line-height: 40px; } .site-header .woocs-style-2-drop-down .woocs-style-2-x-touch { width: 30px; height: 40px; } .site-header .woocs-style-2-drop-down.woocs-style-2-expand { position: relative; min-height: auto; height: 32px !important; width: 100px !important; border-radius: 16px 16px 0px 0px; overflow: visible; } .site-header .woocs-style-2-drop-down.woocs-style-2-expand .woocs-style-2-from { opacity: 1; filter: alpha(opacity=100); } .site-header .woocs-style-2-drop-down.woocs-style-2-expand .woocs-style-2-from-contents { transform: none; } .site-header .woocs-style-2-drop-down.woocs-style-2-expand .woocs-style-2-to { border-radius: 0 0 16px 16px; overflow: hidden; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); } .site-header .woocs-style-2-drop-down .woocs-style-2-bottom { padding-top: 0; } .site-header .woocs-style-2-drop-down .woocs-style-2-bottom .woocs-style-2-row { height: 40px; } .site-header .woocs-style-2-drop-down .woocs-style-2-bottom .woocs-style-2-link { background-position: 16px 50% !important; padding-left: 70px; } .site-header .woocs-style-3-du-dialog-starter { background-position: calc(100% - 10px) 7px !important; } .site-header .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item { background-position: calc(100% - 7px) 10px !important; } body.search-active { overflow: hidden; } .header-t { padding-top: 10px; padding-bottom: 10px; padding-left: 4%; padding-right: 4%; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .header-t ul { margin: 0; padding: 0; list-style: none; } .header-t a { display: inline-block; color: #999; } .header-t a:hover { color: #000000; } .header-t .container { display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .header-t .right { display: flex; flex: auto; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .header-t .right > div { line-height: 1; } .header-t .right .currency-block + .header-social, .header-t .right .language-block + .header-social { margin-left: 20px; padding-left: 5px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .header-t .right .language-block { margin-left: 20px; } .header-t .right .header-social li { display: inline-block; font-size: 0.8em; line-height: 1.5em; } .header-t .right .header-social li a { padding-left: 15px; } .header-main { padding: 20px 4%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-main .container { display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .header-main ul { margin: 0; padding: 0; list-style: none; } .header-main .main-navigation, .header-main .site-branding, .header-main .right { display: flex; flex: auto; flex-wrap: wrap; width: 35%; } .header-main .site-branding { flex-direction: column; text-align: center; width: 30%; } .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .header-main .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .header-main .site-branding .site-title a { color: #000000; } .header-main .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .header-main .right { justify-content: flex-end; } .header-main .right > div { margin-left: 5%; text-align: center; position: relative; } .header-main .right > div:first-child { margin-left: 0; } .header-main .right > div a { display: block; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-weight: 700; cursor: pointer; color: #474747; } .header-main .right > div a:hover { color: #888; } .header-main .right > div a:hover svg { fill: #888; } .header-main .right > div a.cart, .header-main .right > div a.favourite { position: relative; display: table; margin: 0 auto; } .header-main .right > div svg, .header-main .right > div span { display: table; vertical-align: middle; clear: both; margin: 0 auto; line-height: 1; } .header-main .right > div svg { margin-bottom: 10px; display: block; } .header-main .right > div.favourite-block .fav-title { display: block; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; line-height: 1.35; font-weight: 700; cursor: pointer; color: #474747; } .header-main .right > div.favourite-block:hover .fav-title { color: #888; } .header-main .right > div.favourite-block:hover svg { fill: #888; } .header-main .right > div.user-block svg { display: block; } .header-main .right span.count { width: 18px; height: 18px; line-height: 20px; background: #DDE9ED; text-align: center; line-height: 18px; border-radius: 100%; font-size: 0.7em; font-weight: 700; color: #202020; margin: 0; display: inline-block; position: absolute; top: -5px; right: -13px; } .header-main .right .user-block-popup { position: absolute; top: calc(100% + 10px); left: -9999%; width: 150px; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); text-align: left; padding: 10px 0; z-index: 99; opacity: 0; transition: opacity ease 0.35s, top ease 0.35s; } .header-main .right .user-block-popup li { margin: 0; padding: 0; list-style: none; } .header-main .right .user-block-popup li a { padding: 5px 10px; line-height: 1.65; } .header-main .right .user-block-popup li a:hover { color: rgba(0, 0, 0, 0.5); } .header-main .right .user-block:hover .user-block-popup, .header-main .right .user-block.hover .user-block-popup { top: 100%; left: -100%; opacity: 1; filter: alpha(opacity=100); } .header-main .right .cart-block-popup { position: absolute; top: calc(100% + 10px); right: 99999%; width: 320px; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); z-index: 99; opacity: 0; transition: opacity ease 0.35s, top ease 0.35s; } .header-main .right .cart-block-popup .widget_shopping_cart { margin-bottom: 0; padding: 20px; } .header-main .right .cart-block-popup .widget_shopping_cart .widgettitle { display: none; } .header-main .right .cart-block-popup .widget_shopping_cart .woocommerce-mini-cart__empty-message { margin: 0; } .header-main .right .cart-block:hover .cart-block-popup, .header-main .right .cart-block.hover .cart-block-popup { top: 100%; right: 0; opacity: 1; filter: alpha(opacity=100); } .header-main .right .cart-block .cart-amount { font-size: 0.6em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #474747; } .header-main .right .cart-block .bsp-cart-block-wrap:hover a svg { fill: #888; } .header-main .right .cart-block .bsp-cart-block-wrap:hover .cart-amount { color: #888; } .header-main .right .cart-block .widget_shopping_cart .cart_list { max-height: 227px; overflow: auto; } .header-main .right .cart-block .widget_shopping_cart .cart_list li { font-size: 1em; text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; padding-left: 30px; padding-top: 15px; padding-bottom: 0; margin-top: 15px; margin-bottom: 0; } .header-main .right .cart-block .widget_shopping_cart .cart_list li:first-child { border-top: none; margin-top: 0; } .header-main .right .cart-block .widget_shopping_cart .cart_list li a { font-size: 0.7778em; text-transform: none; color: #474747; } .header-main .right .cart-block .widget_shopping_cart .cart_list li a:hover { color: #EE7F4B; } .header-main .right .cart-block .widget_shopping_cart .cart_list li a.remove { font-family: "Nunito Sans", sans-serif; font-size: 0.8888em; line-height: 1em; top: 14px; text-decoration: none; } .header-main .right .cart-block .widget_shopping_cart .cart_list li a.remove:after { display: none; } .header-main .right .cart-block .widget_shopping_cart .cart_list li a img { width: 50px; border-radius: 0; } .header-main .right .cart-block .widget_shopping_cart .cart_list li .quantity { display: inline-block; font-size: 0.7778em; font-weight: 600; margin-top: 10px; color: rgba(0, 0, 0, 0.5); } .header-main .right .cart-block .widget_shopping_cart .cart_list li .quantity span { display: inline-block; vertical-align: top; } .header-main .right .cart-block .widget_shopping_cart .total { margin-top: 20px; padding-top: 15px; display: flex; flex: 1; flex-wrap: wrap; align-items: center; color: #000000; } .header-main .right .cart-block .widget_shopping_cart .total strong { display: flex; flex-direction: column; flex: auto; text-align: left; } .header-main .right .cart-block .widget_shopping_cart .total span { display: inline-block; vertical-align: top; font-weight: 700; font-size: 1em; } .header-main .right .cart-block .widget_shopping_cart .buttons a { margin-left: 0; font-size: 0.7778em; padding: 15px; border-radius: 0; background: #DDE9ED; color: #000000; } .header-main .right .cart-block .widget_shopping_cart .buttons a:hover { color: #ffffff; background: #EE7F4B; } .header-main .right .cart-block .widget_shopping_cart .buttons a.checkout { background: #EE7F4B; color: #ffffff; } .header-main .right .cart-block .widget_shopping_cart .buttons a.checkout:hover { background: #DDE9ED; color: #000000; } .header-main .header-search .search-toggle { padding: 0; background: none; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; cursor: pointer; color: #474747; vertical-align: middle; } .header-main .header-search .search-toggle:hover { color: #888; } .header-main .header-search .search-toggle:hover svg { fill: #888; } .header-main .header-search-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 99999; } .header-main .header-search-wrap .header-search-inner-wrap { width: 100%; height: 100%; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; } .header-main .header-search-wrap .close { display: block; background: #aaa; } .header-main .header-search-wrap .close:hover, .header-main .header-search-wrap .close:focus { background: #f5f5f5; } .header-main .header-search-wrap .search-form { flex: 0; width: 767px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); } .header-main .header-search-wrap .search-form label { width: calc(100% - 70px); } .header-main .header-search-wrap .search-form .search-field { height: 70px; background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.3); padding: 20px; } .header-main .header-search-wrap .search-form .search-field:focus { background: rgba(255, 255, 255, 0.95); } .header-main .header-search-wrap .search-form .search-submit { height: 70px; width: 70px; text-indent: 70px; background-color: #202020; background-size: 23px; } .header-main .header-search-wrap .search-form .search-submit:hover, .header-main .header-search-wrap .search-form .search-submit:focus { background-color: #000000; } .sticky-header { position: fixed; top: -100px; left: 0; right: 0; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 9999; visibility: hidden; transition: all ease 0.35s; } .sticky-header.sticky { visibility: visible; top: 0; } .sticky-header .container { display: flex; flex: 1; flex-wrap: wrap; align-items: center; max-width: 1220px; } .sticky-header .site-branding { display: flex; flex: auto; flex-direction: column; text-align: left; padding-top: 10px; padding-bottom: 10px; } .sticky-header .site-branding.text-image { flex-direction: row; align-items: center; } .sticky-header .site-branding.text-image .site-title-wrap { padding-left: 15px; } .sticky-header .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .sticky-header .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .sticky-header .site-branding .site-title a { color: #000000; } .sticky-header .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .sticky-header .nav-wrap { display: flex; flex: auto; justify-content: flex-end; padding-left: 30px; } .sticky-header .main-navigation ul li a { padding-left: 20px; padding-right: 20px; } .sticky-header .right { display: none; } .header-two .header-main .site-branding { text-align: left; width: auto; flex-direction: row; align-items: center; } .header-two .header-main .site-branding.text-image .site-title-wrap { padding-left: 15px; } .header-two .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 0; padding-left: 15px; } .header-two .header-main .main-navigation { width: auto; justify-content: center; } .header-two .header-main .right { width: auto; } .header-three .header-main { padding-top: 0; padding-bottom: 0; } .header-three .header-main .container { align-items: normal; } .header-three .header-main .site-branding { padding: 20px 0; flex-direction: row; align-items: center; text-align: left; width: auto; padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.07); } .header-three .header-main .site-branding:not(.text-image) { flex-direction: column; align-items: flex-start; justify-content: center; } .header-three .header-main .site-branding.text-image .site-title-wrap { padding-left: 15px; } .header-three .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 0; padding-left: 15px; } .header-three .header-main .site-branding + .main-navigation { padding-left: 40px; } .header-three .header-main .main-navigation { width: auto; align-items: center; } .header-three .header-main .main-navigation + .right { border-left: 1px solid rgba(0, 0, 0, 0.07); margin-left: 3%; } .header-three .header-main .right { width: auto; align-items: center; } .header-four .header-t .secondary-menu, .header-four .header-t .right { max-width: 40%; } .header-four .header-t .site-branding { text-align: center; padding: 20px; display: flex; flex: auto; flex-direction: column; max-width: 20%; } .header-four .header-t .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .header-four .header-t .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .header-four .header-t .site-branding .site-title a { color: #000000; } .header-four .header-t .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .header-four .header-main { border-bottom: none; padding: 0; } .header-four .header-main .container { max-width: 1220px; } .header-four .header-main .right { padding-top: 25px; padding-bottom: 20px; } .header-five .logo-holder, .header-six .logo-holder { padding: 20px 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-five .logo-holder .container, .header-six .logo-holder .container { max-width: 1220px; } .header-five .logo-holder .site-branding .site-logo + .site-title-wrap, .header-six .logo-holder .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .header-five .logo-holder .site-branding .site-title, .header-six .logo-holder .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .header-five .logo-holder .site-branding .site-title a, .header-six .logo-holder .site-branding .site-title a { color: #000000; } .header-five .logo-holder .site-branding .site-description, .header-six .logo-holder .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .header-five .header-main, .header-six .header-main { padding: 0; } .header-five .header-main .container, .header-six .header-main .container { max-width: 1220px; } .header-six .header-t { background: #000000; padding-top: 8px; padding-bottom: 8px; } .header-six .header-t a { color: #ffffff; } .header-six .header-t a:hover { color: #DDE9ED; } .header-six .header-t .right .currency-block + .header-social, .header-six .header-t .right .language-block + .header-social { border-left-color: rgba(255, 255, 255, 0.15); } .header-six .header-main { border-bottom: none; } .header-seven .container { max-width: 1220px; } .header-seven .header-t { padding-left: 0; padding-right: 0; } .header-seven .header-main { padding: 10px 0; } .header-seven .header-main .site-branding { flex-direction: row; align-items: center; text-align: left; flex: 1; } .header-seven .header-main .site-branding:not(.text-image) { flex-direction: column; align-items: flex-start; } .header-seven .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 0; padding-left: 15px; } .header-seven .header-main .site-branding.text-image .site-title-wrap { padding-left: 15px; } .header-seven .header-main .main-navigation { flex: 2; justify-content: center; } .header-seven .header-main .right { flex: 1; } .header-seven .header-main .header-search { margin-left: 0; } .header-eight .container { max-width: 1220px; } .header-eight .header-t { background: #000000; padding: 8px 0; } .header-eight .header-t a { color: #ffffff; } .header-eight .header-t a:hover { color: #DDE9ED; } .header-eight .header-t .right .currency-block + .header-social, .header-eight .header-t .right .language-block + .header-social { border-left-color: rgba(255, 255, 255, 0.15); } .header-eight .logo-holder { padding: 20px 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-eight .logo-holder .container { max-width: 1220px; } .header-eight .logo-holder .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .header-eight .logo-holder .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .header-eight .logo-holder .site-branding .site-title a { color: #000000; } .header-eight .logo-holder .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .header-eight .header-main { padding: 0; border-bottom: none; } .header-nine .container { max-width: 1220px; } .header-nine .header-t { padding: 5px 0; } .header-nine .header-main { padding-left: 0; padding-right: 0; border-bottom: none; } .header-nine .header-main .left-content { width: 25%; display: flex; flex: auto; flex-wrap: wrap; align-items: center; line-height: 1; } .header-nine .header-main .left-content > div { margin-left: 15px; } .header-nine .header-main .left-content > div:first-child { margin-left: 0; } .header-nine .header-main .left-content .currency-block + .header-search, .header-nine .header-main .left-content .language-block + .header-search { border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 20px; } .header-nine .header-main .left-content .header-search .search-toggle svg, .header-nine .header-main .left-content .header-search .search-toggle .search-title { display: inline-block; vertical-align: middle; } .header-nine .header-main .left-content .header-search .close { display: block; } .header-nine .header-main .site-branding { width: 50%; } .header-nine .header-main .right { width: 25%; } .header-nine .nav-holder { background: #000000; text-align: center; } .header-ten .header-t { background: #000000; padding-top: 5px; padding-bottom: 5px; border-bottom: none; } .header-ten .header-t a { color: #ffffff; } .header-ten .header-t a:hover { color: #DDE9ED; } .header-ten .header-t .right .currency-block + .header-social, .header-ten .header-t .right .language-block + .header-social { border-left-color: rgba(255, 255, 255, 0.15); } .header-ten .header-main { padding-top: 10px; padding-bottom: 10px; } .header-ten .header-main .site-branding { text-align: left; flex-direction: row; align-items: center; flex: 1; } .header-ten .header-main .site-branding:not(.text-image) { flex-direction: column; align-items: flex-start; } .header-ten .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 0; padding-left: 15px; } .header-ten .header-main .site-branding.text-image .site-title-wrap { padding-left: 15px; } .header-ten .header-main .main-navigation { flex: 2; justify-content: center; } .header-ten .header-main .right { flex: 1; } .header-eleven .woocommerce-currency-switcher-form .dd-selected { color: #ffffff; } .header-eleven .woocommerce-currency-switcher-form .dd-pointer-down { border-top-color: #ffffff; } .header-eleven .container { max-width: 1220px; } .header-eleven .header-t { padding: 5px 0; } .header-eleven .logo-holder { padding-top: 20px; padding-bottom: 20px; } .header-eleven .logo-holder .site-branding { text-align: center; } .header-eleven .logo-holder .site-branding .site-logo + .site-title-wrap { margin-top: 5px; } .header-eleven .logo-holder .site-branding .site-title { margin: 0; font-size: 1em; font-family: "Cormorant", serif; font-weight: 600; } .header-eleven .logo-holder .site-branding .site-title a { color: #000000; } .header-eleven .logo-holder .site-branding .site-description { font-size: 0.7em; margin: 0; line-height: 1.5em; } .header-eleven .header-main { padding: 0; border-bottom: none; background: #000000; } .header-eleven .header-main .left-content { display: flex; flex: 1; } .header-eleven .header-main .left-content > div { line-height: 1; margin-right: 20px; } .header-eleven .header-main .left-content > div:last-child { margin-right: 0; } .header-eleven .header-main .main-navigation { flex: 2; justify-content: center; width: auto; } .header-eleven .header-main .right { flex-wrap: initial; flex: 1; width: auto; padding-top: 15px; padding-bottom: 10px; } .header-eleven .header-main .right > div { color: #999; } .header-eleven .header-main .right > div a, .header-eleven .header-main .right > div .fav-title, .header-eleven .header-main .right > div .cart-amount { color: #999; } .header-eleven .header-main .right > div:hover { color: #ddd; } .header-eleven .header-main .right > div:hover .search-toggle, .header-eleven .header-main .right > div:hover a, .header-eleven .header-main .right > div:hover .fav-title, .header-eleven .header-main .right > div:hover .cart-amount { color: #ddd; } .header-eleven .header-main .right > div:hover svg, .header-eleven .header-main .right > div:hover.cart-block .bsp-cart-block-wrap:hover a svg { fill: #ddd; } .header-eleven .header-main .right > div.cart-block .bsp-cart-block-wrap:hover .cart-amount { color: #ddd; } .header-eleven .header-main .right > div .user-block-popup a { color: #474747; } .header-eleven .header-main .right > div .user-block-popup a:hover { color: #EE7F4B; } .header-eleven .header-main .header-search .search-toggle svg { fill: #ffffff; } .header-eleven .header-main .header-search .search-toggle:hover svg { fill: rgba(255, 255, 255, 0.7); } .header-eleven .header-main .header-search .search-toggle .search-title { color: #999; } .header-eleven .header-main .user-block svg { fill: #ffffff; } .header-eleven .header-main .user-block a:hover svg { fill: rgba(255, 255, 255, 0.7); } .header-eleven .header-main .favourite-block svg, .header-eleven .header-main .cart-block svg { fill: #ffffff; } .header-twelve .header-t { padding-top: 5px; padding-bottom: 5px; background: #000000; border-bottom: none; } .header-twelve .header-t a { color: #ffffff; } .header-twelve .header-t a:hover { color: rgba(255, 255, 255, 0.7); } .header-twelve .header-t .secondary-menu { flex: 1; } .header-twelve .header-t .main-navigation { display: flex; flex: 2; justify-content: center; } .header-twelve .header-t .right { flex: 1; } .header-twelve .header-main { padding-left: 0; padding-right: 0; } .header-twelve .header-main .container { max-width: 1220px; } .header-twelve .header-main .left-content { display: flex; flex: 1; align-items: center; } .header-twelve .header-main .left-content > div { margin-right: 20px; line-height: 1.3; } .header-twelve .header-main .left-content > div.header-search { margin-right: 0; } .header-twelve .header-main .left-content > div.header-search .search-toggle svg, .header-twelve .header-main .left-content > div.header-search .search-toggle span { display: inline-block; vertical-align: middle; } .header-twelve .header-main .left-content .currency-block + .header-search, .header-twelve .header-main .left-content .language-block + .header-search { border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 15px; } .header-twelve .header-main .site-branding { width: auto; justify-content: center; flex: 1; } .header-twelve .header-main .right { flex: 1; width: auto; } @media screen and (max-width: 1366px) { .header-main .container { max-width: 1170px; } .header-one .header-main .container { max-width: 100%; } .header-three .header-main .container { max-width: 100%; } .header-three .header-main .main-navigation + .right { margin-left: 2%; width: 23%; } .header-four .header-t .container { flex-wrap: nowrap; } .header-four .header-t .site-branding { white-space: nowrap; } .header-four .header-main .container { max-width: 1170px; } .header-five .logo-holder .container, .header-five .header-main .container, .header-six .logo-holder .container, .header-six .header-main .container { max-width: 1170px; } .header-seven .container { max-width: 1170px; } .header-seven .header-main .site-branding { width: 25%; } .header-seven .header-main .main-navigation { width: auto; } .header-seven .header-main .right { width: 20%; } .header-eight .container, .header-nine .container, .header-eleven .container, .header-twelve .header-main .container { max-width: 1170px; } } @media screen and (max-width: 1199px) { .header-main .right > div { margin-left: 4%; margin-top: 5px; margin-bottom: 5px; } .header-main .right > div:first-child { margin-left: 0; } .site-branding.text-image .custom-logo-link { width: 50px; } .header-three .header-main .site-branding + .main-navigation { padding-left: 20px; } .header-one .site-branding.text-image .custom-logo-link, .header-four .site-branding.text-image .custom-logo-link, .header-nine .site-branding.text-image .custom-logo-link, .header-twelve .site-branding.text-image .custom-logo-link { width: auto; } .header-four .header-t .secondary-menu, .header-four .header-t .site-branding, .header-four .header-t .right { max-width: 33.33%; } .header-four .header-main .container { max-width: 1000px; } .header-five .logo-holder .container, .header-five .header-main .container, .header-six .logo-holder .container, .header-six .header-main .container { max-width: 1000px; } .header-seven .container, .header-eight .container, .header-nine .container, .header-eleven .container, .header-twelve .header-main .container { max-width: 1000px; } .header-nine .header-main .left-content, .header-nine .header-main .right { flex: auto; width: 30%; } .header-nine .header-main .site-branding { flex: auto; width: 40%; } } @media screen and (max-width: 1024px) { .header-t { position: relative; } .header-t .container { padding-left: 0; padding-right: 0; } .header-main .main-navigation, .header-main .site-branding, .header-main .right { flex: 1; width: auto; } .header-main .header-search-wrap .search-form { padding-left: 15px; padding-right: 15px; } .sticky-header .nav-wrap { flex-direction: column; justify-content: flex-start; padding-top: 80px; padding-left: 0; position: fixed; top: 0; left: -320px; background: #f5f5f5; width: 320px; height: 100%; z-index: 9999; overflow-y: auto; overflow-x: hidden; visibility: hidden; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.15); transition: all ease 0.35s; } .sticky-header.menu-on .nav-wrap { left: 0; visibility: visible; } .sticky-header .main-navigation { order: unset; } .sticky-header .main-navigation button.toggle-btn { display: none; } .sticky-header .main-navigation .nav-menu { position: static; width: auto; box-shadow: none; background: none; padding-top: 0; visibility: visible; transform: none; transition: none; } .sticky-header .right { display: flex; margin-top: 30px; flex-wrap: wrap; justify-content: center; padding: 0 20px; } .sticky-header .right > div { margin-left: 7%; margin-bottom: 20px; text-align: center; position: relative; } .sticky-header .right > div:first-child { margin-left: 0; } .sticky-header .right > div a { display: block; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-weight: 700; cursor: pointer; color: #474747; } .sticky-header .right > div a:hover { color: #888; } .sticky-header .right > div a:hover svg { fill: #888; } .sticky-header .right > div a.cart, .sticky-header .right > div a.favourite { position: relative; display: table; margin: 0 auto; } .sticky-header .right > div svg, .sticky-header .right > div span { display: table; vertical-align: middle; clear: both; margin: 0 auto; line-height: 1; } .sticky-header .right > div svg { margin-bottom: 10px; } .sticky-header .right > div.favourite-block .fav-title { display: block; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; line-height: 1.35; font-weight: 700; cursor: pointer; color: #474747; } .sticky-header .right > div.favourite-block:hover .fav-title { color: #888; } .sticky-header .right > div.favourite-block:hover svg { fill: #888; } .sticky-header .right span.count { width: 18px; height: 18px; line-height: 20px; background: #DDE9ED; text-align: center; line-height: 18px; border-radius: 100%; font-size: 0.7em; font-weight: 700; color: #202020; margin: 0; display: inline-block; position: absolute; top: -5px; right: -13px; } .sticky-header .right .user-block-popup { display: none; } .sticky-header .right .cart-block-popup { display: none; } .sticky-header .right .cart-block .cart-amount { font-size: 0.6em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #474747; } .sticky-header .right .cart-block .bsp-cart-block-wrap:hover a svg { fill: #888; } .sticky-header .right .cart-block .bsp-cart-block-wrap:hover .cart-amount { color: #888; } .sticky-header .header-search .search-toggle { padding: 0; background: none; font-size: 0.6em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; cursor: pointer; color: #474747; vertical-align: middle; } .sticky-header .header-search .search-toggle:hover { color: #888; } .sticky-header .header-search .search-toggle:hover svg { fill: #888; } .sticky-header .header-search.active .header-search-wrap { z-index: 9999; opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: scale(1); } .sticky-header .header-search-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all ease 0.35s; transform: scale(0.7); } .sticky-header .header-search-wrap .close { display: block; } .sticky-header .header-search-wrap .search-form { flex: 0; max-width: 767px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); } .sticky-header .header-search-wrap .search-form label { width: calc(100% - 70px); } .sticky-header .header-search-wrap .search-form .search-field { height: 70px; background: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.3); padding: 20px; } .sticky-header .header-search-wrap .search-form .search-submit { height: 70px; width: 70px; text-indent: 70px; background-color: #202020; background-size: 23px; } .sticky-header .header-search-wrap .search-form .search-submit:hover { background-color: #000000; } .header-two .header-main .site-branding, .header-two .header-main .right, .header-two .header-main .main-navigation, .header-three .header-main .site-branding, .header-three .header-main .right, .header-three .header-main .main-navigation { width: auto; } .header-two .header-main .main-navigation { flex: initial; } .header-three .header-main .site-branding, .header-three .header-main .main-navigation, .header-three .header-main .right { flex: auto; padding-top: 10px; padding-bottom: 10px; } .header-three .header-main .main-navigation { align-items: center; } .header-three .header-main .main-navigation + .right { width: 37%; } .header-four .header-main .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-four .header-main .main-navigation, .header-four .header-main .right { flex: auto; } .header-five .logo-holder .container, .header-five .header-main .container, .header-six .logo-holder .container, .header-six .header-main .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-five .header-main, .header-six .header-main { padding-top: 15px; padding-bottom: 15px; } .header-five .header-main .main-navigation, .header-six .header-main .main-navigation { flex: initial; } .header-seven .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-seven .header-main .container { padding-left: 15px; padding-right: 15px; } .header-seven .header-main .main-navigation { justify-content: center; flex: initial; } .header-eight .container, .header-eleven .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-eight .header-main, .header-eleven .header-main { padding-top: 15px; padding-bottom: 15px; } .header-eight .header-main .container, .header-eleven .header-main .container { padding-left: 15px; padding-right: 15px; } .header-nine .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-nine .header-main .container { padding-left: 15px; padding-right: 15px; } .header-nine .header-main .left-content .header-search .search-toggle .search-title { display: none; } .header-nine .nav-holder { padding-top: 10px; padding-bottom: 10px; text-align: left; } .header-nine .nav-holder button.toggle-btn:hover .toggle-bar { background: #ffffff; } .header-ten .header-main .main-navigation, .header-eleven .header-main .main-navigation { flex: initial; } .header-eleven .header-main .right { padding-top: 5px; padding-bottom: 0; } .header-twelve .header-main .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .header-twelve .header-main .left-content div.header-search .search-toggle .search-title { display: none; } } @media screen and (max-width: 767px) { .header-t .right .language-block { margin-left: 10px; } .header-t .right .currency-block + .header-social, .header-t .right .language-block + .header-social { margin-left: 10px; } .header-main .container { justify-content: center; } .header-main .main-navigation, .header-main .right { flex: initial; } .header-main .site-branding { flex: auto; width: 100%; margin-bottom: 20px; } .header-main .right { order: 3; justify-content: center; position: relative; } .header-main .right .cart-block-popup { width: 275px; } .header-main .right > div.cart-block { position: static; } .header-main .right .cart-block-popup { left: 0; margin: 0 auto; width: 100%; min-width: 270px; } .header-main .header-search-wrap .search-form { width: 100%; max-width: 420px; } .header-one .header-main .main-navigation { flex: initial; margin-bottom: 20px; } .header-one .header-main .site-branding { width: auto; text-align: left; flex-direction: row; align-items: center; } .header-one .header-main .site-branding.text-image .site-title-wrap { padding-left: 15px; } .header-one .header-main .right { flex: auto; } .header-two .header-main .site-branding { width: auto; justify-content: flex-start; } .header-two .header-main .site-branding .site-logo + .site-title-wrap { margin-top: 5px; padding-left: 0; } .header-two .header-main .main-navigation { width: auto; justify-content: flex-end; margin-bottom: 20px; } .header-two .header-main .right { width: auto; flex: auto; } .header-three .header-main { padding-top: 20px; padding-bottom: 20px; } .header-three .header-main .site-branding { width: calc(100% - 30px); border-right: none; padding-top: 0; padding-bottom: 0; } .header-three .header-main .site-branding + .main-navigation { padding-left: 0; } .header-three .header-main .main-navigation { width: 30px; flex: initial; padding-top: 0; padding-bottom: 0; margin-bottom: 20px; } .header-three .header-main .main-navigation + .right { width: auto; margin-left: 0; border-left: none; } .header-three .header-main .right { width: auto; } .header-three .header-main .right .cart-block-popup { margin-right: auto; } .header-four .header-t .container { flex-wrap: wrap; } .header-four .header-t .secondary-menu, .header-four .header-t .site-branding, .header-four .header-t .right { max-width: 100%; } .header-four .header-t .secondary-menu { order: 2; } .header-four .header-t .site-branding { padding: 0; width: 100%; margin-bottom: 20px; } .header-four .header-t .right { order: 3; } .header-four .header-main .container { max-width: 420px; align-items: flex-start; } .header-four .header-main .main-navigation { width: 30px; flex: initial; padding-top: 25px; padding-bottom: 25px; } .header-four .header-main .right { flex: initial; width: calc(100% - 30px); justify-content: flex-end; padding-left: 30px; } .header-five .logo-holder .container, .header-five .header-main .container, .header-six .logo-holder .container, .header-six .header-main .container { max-width: 420px; align-items: flex-start; } .header-five .header-main .main-navigation, .header-six .header-main .main-navigation { width: 30px; flex: initial; padding-top: 0; padding-bottom: 0; } .header-five .header-main .right, .header-six .header-main .right { flex: initial; width: calc(100% - 30px); justify-content: flex-end; padding-left: 10px; } .header-seven .container { max-width: 420px; } .header-seven .header-main .site-branding { width: 100%; flex: auto; } .header-seven .header-main .site-branding:not(.text-image) { align-items: center; } .header-seven .header-main .main-navigation { width: auto; justify-content: flex-start; flex: initial; } .header-seven .header-main .right { width: auto; flex: auto; justify-content: flex-end; } .header-eight .container, .header-nine .container, .header-eleven .container { max-width: 420px; } .header-nine .header-main .left-content { width: auto; flex: initial; order: 2; justify-content: center; margin-bottom: 15px; } .header-nine .header-main .site-branding { width: 100%; } .header-nine .header-main .right { width: auto; flex: initial; justify-content: center; } .header-ten .header-main .site-branding { flex: auto; justify-content: center; } .header-ten .header-main .site-branding:not(.text-image) { align-items: center; } .header-ten .header-main .main-navigation { justify-content: flex-start; } .header-ten .header-main .right { flex: auto; justify-content: flex-end; } .header-eleven .header-main .left-content { order: 2; flex: auto; } .header-eleven .header-main .main-navigation { flex: auto; order: 1; justify-content: flex-start; } .header-eleven .header-main .right { flex: auto; } .header-twelve .header-t .main-navigation { flex: 1; justify-content: flex-end; } .header-twelve .header-t .right { flex: auto; justify-content: center; } .header-twelve .header-main .container { max-width: 420px; } .header-twelve .header-main .left-content { order: 2; flex: auto; } .header-twelve .header-main .site-branding { width: 100%; flex: auto; } .header-twelve .header-main .right { flex: auto; } } .site-footer { background: rgba(0, 0, 0, 0.015); } .site-footer .footer-t, .site-footer .footer-top { padding-top: 60px; padding-bottom: 0; } .site-footer .grid:not(.column-1) { display: flex; flex: 1; flex-wrap: wrap; } .site-footer .grid:not(.column-1) .col { margin-right: 3%; } .site-footer .grid:not(.column-1) .col:last-child { margin-right: 0; } .site-footer .grid.column-4 .col { width: 22.66%; } .site-footer .grid.column-3 .col { width: 31.33%; } .site-footer .grid.column-2 .col { width: 48%; } .site-footer .widget-title { margin-top: 0; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; } .site-footer .footer-b { border-top: 1px solid rgba(134, 142, 150, 0.1); padding: 25px 0; } .site-footer .footer-b .container { display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .site-footer .footer-b .site-info { width: 70%; font-size: 0.75em; } .site-footer .footer-b .copyright, .site-footer .footer-b .author-link, .site-footer .footer-b .wp-link { color: #202020; } .site-footer .footer-b .copyright a, .site-footer .footer-b .author-link a, .site-footer .footer-b .wp-link a { color: #202020; } .site-footer .footer-b .copyright a:hover, .site-footer .footer-b .author-link a:hover, .site-footer .footer-b .wp-link a:hover { color: #868e96; text-decoration: underline; } .site-footer .footer-b .payment-method { width: 30%; text-align: right; } @media screen and (max-width: 1199px) { .site-footer .grid.column-4 .col { width: 31.33%; } .site-footer .grid.column-4 .col:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 1024px) { .site-footer .grid.column-4 .col:nth-child(3n) { margin-right: 3%; } .site-footer .grid.column-4 .col, .site-footer .grid.column-3 .col { width: 48%; } .site-footer .grid.column-4 .col:nth-child(2n), .site-footer .grid.column-3 .col:nth-child(2n) { margin-right: 0; } .site-footer .footer-b .container { flex-direction: column; text-align: center; } .site-footer .footer-b .site-info, .site-footer .footer-b .payment-method { width: 100%; } .site-footer .footer-b .payment-method { margin-top: 15px; justify-content: center; } } @media screen and (max-width: 767px) { .site-footer .grid:not(.column-1) { flex-direction: column; } .site-footer .grid:not(.column-1) .col { margin-right: 0; } .site-footer .grid.column-4 .col, .site-footer .grid.column-3 .col, .site-footer .grid.column-2 .col { width: 100%; } } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin: 0 -15px 1.5em; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .gallery:after { content: ""; display: block; clear: both; } .gallery-item { float: left; text-align: center; vertical-align: top; width: 100%; padding: 0 15px; margin: 0 0 30px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } @media screen and (max-width: 767px) { .gallery { margin: 0 -5px 1.5em; } .gallery-item { padding: 0 5px; margin: 0 0 10px; } } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #EE7F4B; text-decoration: none; transition: all ease 0.35s; } a:hover, a:focus { text-decoration: none; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ button.toggle-btn, .submenu-toggle { display: none; } .close { display: none; } .secondary-menu { display: flex; flex: auto; } .secondary-menu ul li { display: inline-block; vertical-align: middle; font-size: 0.7em; letter-spacing: 1px; font-weight: 700; line-height: 1.5em; border-right: 1px solid rgba(0, 0, 0, 0.15); margin-right: 15px; padding-right: 15px; position: relative; } .secondary-menu ul li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .secondary-menu ul li:hover > a, .secondary-menu ul li.current-menu-item > a, .secondary-menu ul li.current_page_item > a, .secondary-menu ul li.current-menu-ancestor > a, .secondary-menu ul li.current_page_ancestor > a { color: #000000; } .secondary-menu ul li:hover > ul, .secondary-menu ul li.focused > ul { opacity: 1; filter: alpha(opacity=100); clip: unset; } .secondary-menu ul ul { opacity: 0; clip: rect(1px, 1px, 1px, 1px); position: absolute; top: 100%; left: 0; width: 250px; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); transition: all ease 0.35s; z-index: 999; } .secondary-menu ul ul li { display: block; font-size: 1em; padding-right: 0; margin-right: 0; border-right: none; } .secondary-menu ul ul li a { display: block; padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .secondary-menu ul ul ul { left: 100%; top: 0; } .main-navigation ul { margin: 0; padding: 0; display: flex; flex: 1; flex-wrap: wrap; } .main-navigation ul li { display: inline-block; position: relative; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; } .main-navigation ul li a { display: inline-block; color: #202020; padding: 30px 20px; position: relative; } .main-navigation ul li a .menu-description { position: absolute; top: 10px; right: -10px; background: #EE7F4B; color: #ffffff; line-height: 1.3; font-size: 8px; font-weight: 700; padding: 3px 5px; z-index: 9; } .main-navigation ul li a .menu-description::after { content: ""; border-top: 5px solid #EE7F4B; border-right: 6px solid transparent; position: absolute; bottom: -5px; left: 3px; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a { color: #888; } .main-navigation ul li:hover > ul, .main-navigation ul li.focused > ul { opacity: 1; filter: alpha(opacity=100); clip: unset; } .main-navigation ul ul { flex-direction: column; position: absolute; top: 100%; left: 0; width: 250px; opacity: 0; clip: rect(1px, 1px, 1px, 1px); background: #ffffff; z-index: 999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: all ease 0.35s; } .main-navigation ul ul li { display: block; font-size: 1em; } .main-navigation ul ul li a { display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .main-navigation ul ul li:last-child > a { border-bottom: none; } .main-navigation ul ul li:hover > a, .main-navigation ul ul li.current-menu-item > a, .main-navigation ul ul li.current_page_item > a, .main-navigation ul ul li.current-menu-ancestor > a, .main-navigation ul ul li.current_page_ancestor > a { color: #202020; background: #DDE9ED; } .main-navigation ul ul ul { left: 100%; top: 0; } .header-four .main-navigation ul li a, .header-five .main-navigation ul li a, .header-six .main-navigation ul li a, .header-eight .main-navigation ul li a { padding-top: 35px; padding-bottom: 35px; } .header-four .main-navigation ul ul li a, .header-five .main-navigation ul ul li a, .header-six .main-navigation ul ul li a, .header-eight .main-navigation ul ul li a { padding-top: 15px; padding-bottom: 15px; } .header-six .secondary-menu ul li, .header-eight .secondary-menu ul li { border-right-color: rgba(255, 255, 255, 0.15); } .header-six .secondary-menu ul li:hover > a, .header-six .secondary-menu ul li.current-menu-item > a, .header-six .secondary-menu ul li.current_page_item > a, .header-six .secondary-menu ul li.current-menu-ancestor > a, .header-six .secondary-menu ul li.current_page_ancestor > a, .header-eight .secondary-menu ul li:hover > a, .header-eight .secondary-menu ul li.current-menu-item > a, .header-eight .secondary-menu ul li.current_page_item > a, .header-eight .secondary-menu ul li.current-menu-ancestor > a, .header-eight .secondary-menu ul li.current_page_ancestor > a { color: #DDE9ED; } .header-six .secondary-menu ul ul li a, .header-eight .secondary-menu ul ul li a { color: #474747; } .header-six .secondary-menu ul ul li:hover > a, .header-six .secondary-menu ul ul li.current-menu-item > a, .header-six .secondary-menu ul ul li.current_page_item > a, .header-six .secondary-menu ul ul li.current-menu-ancestor > a, .header-six .secondary-menu ul ul li.current_page_ancestor > a, .header-eight .secondary-menu ul ul li:hover > a, .header-eight .secondary-menu ul ul li.current-menu-item > a, .header-eight .secondary-menu ul ul li.current_page_item > a, .header-eight .secondary-menu ul ul li.current-menu-ancestor > a, .header-eight .secondary-menu ul ul li.current_page_ancestor > a { color: #000000; } .header-nine .main-navigation ul li a { color: #ffffff; padding: 15px 20px; } .header-nine .main-navigation ul li a .menu-description { top: -5px; right: -5px; } .header-nine .main-navigation ul li:hover > a, .header-nine .main-navigation ul li.current-menu-item > a, .header-nine .main-navigation ul li.current_page_item > a, .header-nine .main-navigation ul li.current-menu-ancestor > a, .header-nine .main-navigation ul li.current_page_ancestor > a { color: #DDE9ED; } .header-nine .main-navigation ul ul { text-align: left; } .header-nine .main-navigation ul ul li a { color: #474747; padding-top: 10px; padding-bottom: 10px; } .header-nine .main-navigation ul ul li:hover > a, .header-nine .main-navigation ul ul li.current-menu-item > a, .header-nine .main-navigation ul ul li.current_page_item > a, .header-nine .main-navigation ul ul li.current-menu-ancestor > a, .header-nine .main-navigation ul ul li.current_page_ancestor > a { color: #000000; } .header-nine .sticky-header .main-navigation ul li a { color: #474747; } .header-nine .sticky-header .main-navigation ul li:hover > a, .header-nine .sticky-header .main-navigation ul li.current-menu-item > a, .header-nine .sticky-header .main-navigation ul li.current_page_item > a, .header-nine .sticky-header .main-navigation ul li.current-menu-ancestor > a, .header-nine .sticky-header .main-navigation ul li.current_page_ancestor > a { color: #888; } .header-ten .secondary-menu ul li { border-right-color: rgba(255, 255, 255, 0.15); } .header-ten .secondary-menu ul li:hover > a, .header-ten .secondary-menu ul li.current-menu-item > a, .header-ten .secondary-menu ul li.current_page_item > a, .header-ten .secondary-menu ul li.current-menu-ancestor > a, .header-ten .secondary-menu ul li.current_page_ancestor > a { color: #DDE9ED; } .header-ten .secondary-menu ul ul li a { color: #474747; } .header-ten .secondary-menu ul ul li:hover > a, .header-ten .secondary-menu ul ul li.current-menu-item > a, .header-ten .secondary-menu ul ul li.current_page_item > a, .header-ten .secondary-menu ul ul li.current-menu-ancestor > a, .header-ten .secondary-menu ul ul li.current_page_ancestor > a { color: #000000; } .header-eleven .main-navigation ul li a { color: #ffffff; padding-top: 20px; padding-bottom: 20px; } .header-eleven .main-navigation ul li a .menu-description { top: 0; right: -5px; } .header-eleven .main-navigation ul li:hover > a, .header-eleven .main-navigation ul li.current-menu-item > a, .header-eleven .main-navigation ul li.current_page_item > a, .header-eleven .main-navigation ul li.current-menu-ancestor > a, .header-eleven .main-navigation ul li.current_page_ancestor > a { color: rgba(255, 255, 255, 0.7); } .header-eleven .main-navigation ul li ul li a { color: #474747; padding-top: 15px; padding-bottom: 15px; } .header-eleven .main-navigation ul li ul li:hover > a, .header-eleven .main-navigation ul li ul li.current-menu-item > a, .header-eleven .main-navigation ul li ul li.current_page_item > a, .header-eleven .main-navigation ul li ul li.current-menu-ancestor > a, .header-eleven .main-navigation ul li ul li.current_page_ancestor > a { color: #000000; } .header-eleven .sticky-header .main-navigation ul li a { color: #474747; } .header-eleven .sticky-header .main-navigation ul li:hover > a, .header-eleven .sticky-header .main-navigation ul li.current-menu-item > a, .header-eleven .sticky-header .main-navigation ul li.current_page_item > a, .header-eleven .sticky-header .main-navigation ul li.current-menu-ancestor > a, .header-eleven .sticky-header .main-navigation ul li.current_page_ancestor > a { color: #888; } .header-eleven .sticky-header .main-navigation ul ul li:hover > a, .header-eleven .sticky-header .main-navigation ul ul li.current-menu-item > a, .header-eleven .sticky-header .main-navigation ul ul li.current_page_item > a, .header-eleven .sticky-header .main-navigation ul ul li.current-menu-ancestor > a, .header-eleven .sticky-header .main-navigation ul ul li.current_page_ancestor > a { color: #474747; } .header-twelve .main-navigation ul li a, .header-twelve .secondary-menu ul li a { color: #ffffff; } .header-twelve .main-navigation ul li a .menu-description, .header-twelve .secondary-menu ul li a .menu-description { top: 10px; right: -5px; } .header-twelve .main-navigation ul li:hover > a, .header-twelve .main-navigation ul li.current-menu-item > a, .header-twelve .main-navigation ul li.current_page_item > a, .header-twelve .main-navigation ul li.current-menu-ancestor > a, .header-twelve .main-navigation ul li.current_page_ancestor > a, .header-twelve .secondary-menu ul li:hover > a, .header-twelve .secondary-menu ul li.current-menu-item > a, .header-twelve .secondary-menu ul li.current_page_item > a, .header-twelve .secondary-menu ul li.current-menu-ancestor > a, .header-twelve .secondary-menu ul li.current_page_ancestor > a { color: rgba(255, 255, 255, 0.7); } .header-twelve .main-navigation ul li ul li a, .header-twelve .secondary-menu ul li ul li a { color: #474747; } .header-twelve .main-navigation ul li ul li:hover > a, .header-twelve .main-navigation ul li ul li.current-menu-item > a, .header-twelve .main-navigation ul li ul li.current_page_item > a, .header-twelve .main-navigation ul li ul li.current-menu-ancestor > a, .header-twelve .main-navigation ul li ul li.current_page_ancestor > a, .header-twelve .secondary-menu ul li ul li:hover > a, .header-twelve .secondary-menu ul li ul li.current-menu-item > a, .header-twelve .secondary-menu ul li ul li.current_page_item > a, .header-twelve .secondary-menu ul li ul li.current-menu-ancestor > a, .header-twelve .secondary-menu ul li ul li.current_page_ancestor > a { color: #000000; } .header-twelve .secondary-menu ul li { margin-right: 10px; padding-right: 10px; border-right-color: rgba(255, 255, 255, 0.15); } .header-twelve .secondary-menu ul li:last-child { padding-right: 0; margin-right: 0; } .header-twelve .secondary-menu ul li a { padding-top: 0; padding-bottom: 0; } .header-twelve .secondary-menu ul li ul li a { padding-top: 12px; padding-bottom: 12px; } .header-twelve .sticky-header .main-navigation ul li a { color: #474747; } .header-twelve .sticky-header .main-navigation ul li:hover > a, .header-twelve .sticky-header .main-navigation ul li.current-menu-item > a, .header-twelve .sticky-header .main-navigation ul li.current_page_item > a, .header-twelve .sticky-header .main-navigation ul li.current-menu-ancestor > a, .header-twelve .sticky-header .main-navigation ul li.current_page_ancestor > a { color: #888; } @media screen and (max-width: 1650px) { .main-navigation ul li { font-size: 0.65em; } .main-navigation ul li ul li { font-size: 1em; } .header-three .main-navigation ul li a { padding-top: 20px; padding-bottom: 20px; } .header-three .main-navigation ul li a .menu-description { top: 0; } } @media screen and (min-width: 1025px) { .main-navigation ul ul, .secondary-menu ul, .main-navigation .primary-menu-list { display: block !important; } .main-navigation .mobile-menu { width: auto; } } @media screen and (max-width: 1024px) { button.toggle-btn { display: block; width: 30px; height: 30px; padding: 0; position: relative; background: none !important; } button.toggle-btn .toggle-bar { background: #888; height: 2px; width: 25px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all ease 0.35s; } button.toggle-btn .toggle-bar:first-child { top: -13px; } button.toggle-btn .toggle-bar:last-child { bottom: -13px; } button.toggle-btn:hover .toggle-bar { background: #000000; } .submenu-toggle { padding: 0; min-height: auto; background: none; font-size: 10px; color: #474747; display: block; position: absolute; top: 0; right: 0; width: 25px; text-align: center; height: 48px; line-height: 48px; z-index: 9; cursor: pointer; transition: all ease 0.35s; } .submenu-toggle:hover, .submenu-toggle:focus { background: none; color: #000000; } .submenu-toggle.active { transform: rotate(180deg); } .secondary-menu .toggle-btn.active { display: none; } .secondary-menu .close-nav-toggle { top: 5px; right: auto; left: 4%; border-radius: 0; background: none; } .secondary-menu .active .close-nav-toggle { display: block; } .secondary-menu .nav-menu { position: absolute; top: 100%; left: 0; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); z-index: 999; padding-left: 4%; padding-right: 4%; width: 100%; max-height: 50vh; overflow: auto; display: none; } .secondary-menu ul li { width: 100%; display: block; margin-right: 0; padding-right: 0; border-right: none; } .secondary-menu ul li a { padding: 15px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .secondary-menu ul li:last-child { border-bottom: none; } .secondary-menu ul li.menu-item-has-children > a { padding-right: 30px; } .secondary-menu ul ul { position: static; width: 100%; opacity: 1; filter: alph(opacity=100); visibility: visible; box-shadow: none; transition: none; display: none; background: rgba(0, 0, 0, 0.02); } .header-main .container { padding-left: 0; padding-right: 0; } .main-navigation .close { display: block; } .main-navigation .primary-menu-list { display: none; padding-top: 80px; position: fixed; top: 0; left: 0; background: #f5f5f5; width: 320px; height: 100%; z-index: 9999; overflow-y: auto; overflow-x: hidden; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.15); } .main-navigation .primary-menu-list.active { display: block; } .main-navigation .mobile-menu { width: 320px; } .main-navigation .submenu-toggle { height: 63px; line-height: 63px; } .main-navigation ul li { display: block; width: 100%; } .main-navigation ul li a { display: block; padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 1px rgba(255, 255, 255, 0.5); } .main-navigation ul li a .menu-description { top: 5px; right: 10px; } .main-navigation ul ul { display: none; position: static; opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; background: rgba(0, 0, 0, 0.02); box-shadow: none; transition: none; } .main-navigation ul ul li:last-child > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .admin-bar .main-navigation .primary-menu-list { top: 32px; } .header-four .main-navigation ul li a, .header-five .main-navigation ul li a, .header-six .main-navigation ul li a, .header-eight .main-navigation ul li a { padding-top: 15px; padding-bottom: 15px; } .header-four .main-navigation ul ul li a, .header-five .main-navigation ul ul li a, .header-six .main-navigation ul ul li a, .header-eight .main-navigation ul ul li a { padding-top: 10px; padding-bottom: 10px; } .header-six .secondary-menu button.toggle-btn:hover .toggle-bar, .header-eight .secondary-menu button.toggle-btn:hover .toggle-bar, .header-ten .secondary-menu button.toggle-btn:hover .toggle-bar { background: #ffffff; } .header-six .secondary-menu ul li a, .header-eight .secondary-menu ul li a, .header-ten .secondary-menu ul li a { color: #474747; } .header-six .secondary-menu ul li:hover > a, .header-six .secondary-menu ul li.current-menu-item > a, .header-six .secondary-menu ul li.current_page_item > a, .header-six .secondary-menu ul li.current-menu-ancestor > a, .header-six .secondary-menu ul li.current_page_ancestor > a, .header-eight .secondary-menu ul li:hover > a, .header-eight .secondary-menu ul li.current-menu-item > a, .header-eight .secondary-menu ul li.current_page_item > a, .header-eight .secondary-menu ul li.current-menu-ancestor > a, .header-eight .secondary-menu ul li.current_page_ancestor > a, .header-ten .secondary-menu ul li:hover > a, .header-ten .secondary-menu ul li.current-menu-item > a, .header-ten .secondary-menu ul li.current_page_item > a, .header-ten .secondary-menu ul li.current-menu-ancestor > a, .header-ten .secondary-menu ul li.current_page_ancestor > a { color: #000000; } .header-nine .nav-holder .main-navigation .toggle-btn { width: auto; padding-left: 40px; } .header-nine .nav-holder .main-navigation .toggle-btn::after { content: "Navigation"; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: #999; display: inline-block; float: right; transition: all ease 0.35s; } .header-nine .nav-holder .main-navigation .toggle-btn:hover:after { color: #ffffff; } .header-nine .nav-holder .main-navigation .toggle-btn .toggle-bar { right: auto; } .header-nine .main-navigation ul li a { color: #474747; } .header-nine .main-navigation ul li a .menu-description { top: 0; right: 10px; } .header-nine .main-navigation ul li:hover > a, .header-nine .main-navigation ul li.current-menu-item > a, .header-nine .main-navigation ul li.current_page_item > a, .header-nine .main-navigation ul li.current-menu-ancestor > a, .header-nine .main-navigation ul li.current_page_ancestor > a { color: #000000 !important; } .header-eleven .main-navigation button.toggle-btn:hover .toggle-bar { background: #ffffff; } .header-eleven .main-navigation ul li a { color: #474747; } .header-eleven .main-navigation ul li a .menu-description { top: 5px; right: 10px; } .header-eleven .main-navigation ul li:hover > a, .header-eleven .main-navigation ul li.current-menu-item > a, .header-eleven .main-navigation ul li.current_page_item > a, .header-eleven .main-navigation ul li.current-menu-ancestor > a, .header-eleven .main-navigation ul li.current_page_ancestor > a { color: #000000; } .header-eleven .sticky-header .main-navigation button.toggle-btn:hover .toggle-bar { background: #000000; } .header-twelve button.toggle-btn:hover .toggle-bar { background: #ffffff; } .header-twelve .main-navigation ul li a, .header-twelve .secondary-menu ul li a { color: #474747; } .header-twelve .main-navigation ul li:hover > a, .header-twelve .main-navigation ul li.current-menu-item > a, .header-twelve .main-navigation ul li.current_page_item > a, .header-twelve .main-navigation ul li.current-menu-ancestor > a, .header-twelve .main-navigation ul li.current_page_ancestor > a, .header-twelve .secondary-menu ul li:hover > a, .header-twelve .secondary-menu ul li.current-menu-item > a, .header-twelve .secondary-menu ul li.current_page_item > a, .header-twelve .secondary-menu ul li.current-menu-ancestor > a, .header-twelve .secondary-menu ul li.current_page_ancestor > a { color: #000000; } .header-twelve .secondary-menu ul li { margin-right: 0; padding-right: 0; border-right: none; } .header-twelve .secondary-menu ul li a { padding: 15px 0; } } @media screen and (max-width: 767px) { .header-t .right .header-social { margin-left: 10px; padding-left: 0; } .header-t .right .header-social li a { padding-left: 10px; } .main-navigation { order: 2; } } @media screen and (max-width: 782px) { .admin-bar .main-navigation .primary-menu-list { top: 46px; } } #primary { margin-bottom: 100px; margin-top: 65px; } .fullwidth-centered .site-main { max-width: 830px; margin-left: auto; margin-right: auto; } .fullwidth-centered.single .post-shop-wrap, .fullwidth-centered.single .author-section, .fullwidth-centered.single .post-navigation, .fullwidth-centered.single .comment-title, .fullwidth-centered.single .comment-list, .fullwidth-centered.single .comment-respond { max-width: 830px; margin-left: auto; margin-right: auto; } .rightsidebar #primary { float: left; width: calc(100% - 330px); padding-right: 60px; } .leftsidebar #primary { float: right; width: calc(100% - 330px); padding-left: 60px; } #secondary { float: left; width: 330px; margin-bottom: 100px; margin-top: 65px; } #secondary .widget:last-child { margin-bottom: 0; } .full-width.centered .site-main, .full-width.centered .author-section, .full-width.centered .post-navigation { max-width: 890px; margin-left: auto; margin-right: auto; } .full-width.centered .comments-area .comments-title, .full-width.centered .comments-area .comment-respond, .full-width.centered .comments-area .comment-list { max-width: 890px; margin-left: auto; margin-right: auto; } .sticky-wdgt-enabled:not(.full-width) .site-content > .container { display: flex; flex: 1; flex-wrap: wrap; } .sticky-wdgt-enabled:not(.full-width) .site-content .widget-area .widget:last-child { position: sticky; top: 50px; } @media screen and (max-width: 1199px) { .rightsidebar #primary, .leftsidebar #primary { width: calc(100% - 300px); } .rightsidebar #primary { padding-right: 48px; } .leftsidebar #primary { padding-left: 48px; } #secondary { width: 300px; } } @media screen and (max-width: 1024px) { .rightsidebar #primary, .leftsidebar #primary { float: none; width: 100%; padding-right: 0; padding-left: 0; } #secondary { float: none; width: 100%; } } @media screen and (max-width: 767px) { #secondary, #primary { margin-bottom: 65px; } } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; padding-right: 10px; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; padding-left: 10px; } /*========================== PAGINATION ==========================*/ .pagination { margin-top: 60px; } .pagination .page-numbers { display: inline-block; width: 48px; height: 48px; line-height: 46px; text-align: center; border: 1px solid #DDE9ED; text-decoration: none; color: #000000; font-size: 0.8em; font-weight: 600; margin: 5px 2px; vertical-align: middle; } .pagination .page-numbers svg { width: 17px; margin-top: -3px; height: 17px; vertical-align: middle; } .pagination .page-numbers.dots { border: none; letter-spacing: 5px; padding-left: 5px; } .pagination .page-numbers.current, .pagination .page-numbers:not(.dots):hover { border-color: #EE7F4B; background: #EE7F4B; color: #ffffff; } .pagination .page-numbers.current svg path, .pagination .page-numbers:not(.dots):hover svg path { fill: #ffffff; } #load-posts { text-align: center; } #load-posts a { display: inline-block; font-size: 0.6em; text-transform: uppercase; color: #000000; text-decoration: none; font-weight: 700; letter-spacing: 1px; padding: 15px 30px; text-align: center; background: #DDE9ED; } #load-posts a:not(.loading):hover, #load-posts a.disabled { background: #EE7F4B; color: #ffffff; text-decoration: none; } #load-posts a .loading:hover { background: #EE7F4B; color: #ffffff; text-decoration: none; } #load-posts a.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } #load-posts a svg { font-size: 1em; margin-right: 10px; } .nav-links:before, .nav-links:after { content: ""; display: table; } .nav-links:after { clear: both; } .posts-navigation .nav-links a { display: inline-block; vertical-align: middle; padding: 10px 30px; font-size: 0.7em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: #000000; background: #DDE9ED; position: relative; text-decoration: none; } .posts-navigation .nav-links a:hover { background: #EE7F4B; color: #ffffff; } .post-navigation { margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .post-navigation .nav-links [class*=nav-] { position: relative; padding-left: 100px; min-height: 80px; } .post-navigation .nav-links [class*=nav-] .post-img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } .post-navigation .nav-links [class*=nav-] .post-img img { width: 100%; height: 100%; object-fit: cover; } .post-navigation .nav-links [class*=nav-] .meta-nav { display: block; font-size: 0.6em; text-transform: uppercase; font-weight: 700; color: #868e96; letter-spacing: 1px; } .post-navigation .nav-links [class*=nav-] .meta-nav svg { width: 15px; margin-right: 5px; display: inline-block; } .post-navigation .nav-links [class*=nav-] .post-title { display: block; font-size: 0.8em; font-weight: 900; color: #202020; line-height: 1.25em; margin-top: 5px; } .post-navigation .nav-links [class*=nav-] a:hover .meta-nav { color: #202020; } .post-navigation .nav-links [class*=nav-] a:hover .meta-nav svg path { fill: #202020; } .post-navigation .nav-links [class*=nav-] a:hover .post-title { color: #868e96; } .post-navigation .nav-links .nav-next { padding-left: 10px; padding-right: 100px; } .post-navigation .nav-links .nav-next .post-img { left: auto; right: 0; } .post-navigation .nav-links .nav-next .meta-nav svg { margin-right: 0; margin-left: 5px; } @media screen and (max-width: 767px) { .pagination { margin-top: 40px; } .pagination .page-numbers { width: 38px; height: 38px; line-height: 36px; margin: 3px 0px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { width: 100%; float: none; padding-right: 0; padding-left: 0; } .comment-navigation .nav-previous + .nav-next, .posts-navigation .nav-previous + .nav-next, .post-navigation .nav-previous + .nav-next { margin-top: 20px; } } .author .page-header .author-section { max-width: 770px; margin: 0 auto; } .author-section { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .author-section .author-img { width: 120px; height: 120px; overflow: hidden; border-radius: 100%; } .author-section .author-img img { width: 100%; height: 100%; object-fit: cover; } .author-section .author-content-wrap { width: calc(100% - 120px); text-align: left; padding-left: 20px; } .author-section .author-content-wrap .author-name { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 700; } .author-section .author-content-wrap .author-content { font-size: 0.8em; line-height: 1.63em; margin-top: 15px; } .author-section .author-content-wrap .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .author-section .author-content-wrap .social-list li { font-size: 0.8em; margin-right: 30px; margin-top: 20px; line-height: 1.63em; } .author-section .author-content-wrap .social-list li a { display: inline-block; position: relative; color: #202020; } .author-section .author-content-wrap .social-list li a:after { content: "" attr(title) ""; text-transform: capitalize; color: #868e96; padding-left: 10px; } .author-section .author-content-wrap .social-list li a[title=google-plus]::after { content: "Google+"; } .author-section .author-content-wrap .social-list li a svg { width: 32px; height: 32px; border: 2px solid #DDE9ED; border-radius: 100%; padding: 6px; vertical-align: middle; } .author-section .author-content-wrap .social-list li a:hover:after { color: #202020; } .author-section .author-content-wrap .social-list li a:hover svg { background: #EE7F4B; border-color: #EE7F4B; color: #ffffff; } @media screen and (max-width: 767px) { .author-section { flex-direction: column; } .author-section .author-img { margin: 0 auto 30px auto; } .author-section .author-content-wrap { width: 100%; padding-left: 0; text-align: center; } .author-section .author-content-wrap .social-list { justify-content: center; } .author-section .author-content-wrap .social-list li { margin-right: 15px; margin-left: 15px; } } .additional-post { margin-top: 100px; } .additional-post .title { margin-top: 0; margin-bottom: 30px; font-size: 1em; line-height: 1.35em; font-weight: 700; } .additional-post .section-grid { display: flex; flex: 1; flex-wrap: wrap; } .additional-post .section-grid article .post-thumbnail { margin-bottom: 20px; } .additional-post .section-grid article span.category { display: inline-block; font-size: 0.6em; line-height: 1.17em; font-weight: 700; color: #868E96; text-transform: uppercase; letter-spacing: 1px; } .additional-post .section-grid article span.category a { display: inline-block; margin-right: 10px; margin-bottom: 5px; color: #868e96; } .additional-post .section-grid article span.category a:last-child { margin-right: 0; } .additional-post .section-grid article span.category a:hover { color: #202020; } .additional-post .section-grid article .entry-title { margin-top: 0; margin-bottom: 0; font-family: "Cormorant", serif; font-size: 1.5em; } .additional-post .section-grid article .entry-footer { margin-top: 20px; } .additional-post .section-grid article .entry-footer .button-wrap { display: inline-block; } .leftsidebar .additional-post .section-grid article, .rightsidebar .additional-post .section-grid article { width: 48.33%; margin-right: 3%; margin-top: 60px; } .leftsidebar .additional-post .section-grid article:nth-child(1), .leftsidebar .additional-post .section-grid article:nth-child(2), .rightsidebar .additional-post .section-grid article:nth-child(1), .rightsidebar .additional-post .section-grid article:nth-child(2) { margin-top: 0; } .leftsidebar .additional-post .section-grid article:nth-child(2n), .rightsidebar .additional-post .section-grid article:nth-child(2n) { margin-right: 0; } .full-width .additional-post .section-grid article { width: 31.33%; margin-right: 3%; margin-top: 60px; } .full-width .additional-post .section-grid article:nth-child(1), .full-width .additional-post .section-grid article:nth-child(2), .full-width .additional-post .section-grid article:nth-child(3) { margin-top: 0; } .full-width .additional-post .section-grid article:nth-child(3n) { margin-right: 0; } @media screen and (max-width: 1024px) { .full-width .additional-post .section-grid article { width: 48.33%; } .full-width .additional-post .section-grid article:nth-child(3) { margin-top: 60px; } .full-width .additional-post .section-grid article:nth-child(3n) { margin-right: 3%; } .full-width .additional-post .section-grid article:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 767px) { .additional-post { margin-top: 60px; } .additional-post .section-grid { flex-direction: column; } .leftsidebar .additional-post .section-grid article, .rightsidebar .additional-post .section-grid article { width: 100%; margin-right: 0; margin-top: 40px; } .leftsidebar .additional-post .section-grid article:nth-child(2), .rightsidebar .additional-post .section-grid article:nth-child(2) { margin-top: 40px; } .full-width .additional-post .section-grid article { width: 100%; margin-right: 0; margin-top: 40px; } .full-width .additional-post .section-grid article:nth-child(2), .full-width .additional-post .section-grid article:nth-child(3) { margin-top: 40px; } .full-width .additional-post .section-grid article:nth-child(3n) { margin-right: 0; } } .site-banner { padding-left: 4%; padding-right: 4%; position: relative; } .site-banner .item { position: relative; text-align: left; } .site-banner .banner-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: flex-start; z-index: 9; } .site-banner .banner-caption .container { width: 640px; margin-left: 5%; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder h3 { color: #ffffff; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper form input[name=subscribe-fname] { width: 49%; display: inline-block; margin-right: 1%; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper form input[name=subscribe-fname] + input[name=subscribe-email] { width: 49%; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap .check-mark { margin-top: 0; border-color: rgba(255, 255, 255, 0.3); } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper .subscribe-inner-wrap .check-mark:before { display: none; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper input[type=submit] { background: #DDE9ED; color: #000000; border-color: #DDE9ED; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper input[type=submit]:hover { background: #EE7F4B; color: #ffffff; border-color: #EE7F4B; } .site-banner .banner-caption .cat-links { font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; position: relative; } .site-banner .banner-caption .cat-links .cat-links-inner { display: inline-block; padding-right: 20px; color: #ffffff; } .site-banner .banner-caption .cat-links .cat-links-border { background: #ffffff; height: 1px; width: 100%; position: absolute; top: 10px; right: 0; } .site-banner .banner-caption .cat-links a { display: inline-block; color: #ffffff; } .site-banner .banner-caption .cat-links a:hover { text-decoration: underline; } .site-banner .banner-caption .cat-links a:after { content: "/"; margin: 0 5px; } .site-banner .banner-caption .cat-links a:last-child:after { display: none; } .site-banner .banner-caption .banner-title { margin-top: 0; margin-bottom: 40px; font-size: 4.5em; line-height: 1.2; font-family: "Cormorant", serif; font-weight: 400; color: #ffffff; } .site-banner .banner-caption .banner-title a { color: #ffffff; } .site-banner .banner-caption .banner-title a:hover { color: #DDE9ED; } .site-banner .banner-caption .banner-desc { font-size: 1.1112em; color: #ffffff; margin-bottom: 40px; } .site-banner .banner-caption .btn-readmore { display: inline-block; color: #ffffff; font-size: 0.7em; letter-spacing: 1px; font-weight: 700; border: 1px solid #ffffff; padding: 15px 50px; } .site-banner .banner-caption .btn-readmore:hover { background: #ffffff; color: #000000; } .site-banner .banner-caption.right { text-align: right; left: auto; right: 0; } .site-banner .banner-caption.right .container { margin-left: auto; margin-right: 5%; } .site-banner .banner-caption.right .cat-links .cat-links-border { right: auto; left: 0; } .site-banner .banner-caption.right .cat-links .cat-links-inner { padding-right: 0; padding-left: 20px; } .site-banner .banner-caption.centered .container { width: auto; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } .site-banner .banner-caption.centered .search-form-wrapper { max-width: 640px; margin: 0 auto; } .site-banner .banner-caption.centered .cat-links .cat-links-border { display: none; } .site-banner .banner-caption.centered .cat-links .cat-links-inner { padding-right: 0; padding-left: 0; position: relative; } .site-banner .banner-caption .meta-wrap > span { font-size: 0.7em; color: #ffffff; display: inline-block; position: relative; letter-spacing: 1px; margin-right: 35px; } .site-banner .banner-caption .meta-wrap > span:after { content: ""; background: rgba(255, 255, 255, 0.7); width: 6px; height: 6px; position: absolute; top: 13px; right: -21px; border-radius: 100%; } .site-banner .banner-caption .meta-wrap > span:last-child { margin-right: 0; } .site-banner .banner-caption .meta-wrap > span:last-child:after { display: none; } .site-banner .banner-caption .meta-wrap > span.byline { font-family: "Cormorant", serif; font-style: italic; } .site-banner .banner-caption .meta-wrap > span.byline a { font-family: "Nunito Sans", sans-serif; font-style: normal; text-transform: uppercase; } .site-banner .banner-caption .meta-wrap > span a { color: #ffffff; } .site-banner .banner-caption .meta-wrap > span a:hover { color: rgba(255, 255, 255, 0.7); text-decoration: underline; } .site-banner .owl-dots { position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 0; } .site-banner .owl-dots .owl-dot { margin: 8px; display: inline-block; width: auto; height: auto; border-radius: 0; } .site-banner .owl-dots .owl-dot:before { display: none; } .site-banner .owl-dots .owl-dot span { display: inline-block; width: 64px; height: 2px; border-radius: 0; background: #ffffff; transition: all ease 0.35s; } .site-banner .owl-dots .owl-dot:hover span { background: #DDE9ED; } .site-banner .owl-dots .owl-dot.active span { background: #DDE9ED; height: 8px; } .site-banner.banner-two { padding-left: 0; padding-right: 0; } .site-banner.banner-two .banner-caption { justify-content: flex-end; padding-bottom: 100px; padding-left: 40px; padding-right: 40px; } .site-banner.banner-two .banner-caption .container { max-width: 480px; width: auto; margin-left: 0; } .site-banner.banner-two .banner-caption .left .container { margin-right: 0; margin-left: 0; } .site-banner.banner-two .banner-caption .right .container { margin-right: 0; margin-left: 0; } .site-banner.banner-two .banner-caption .banner-title { font-size: 3em; } .site-banner.banner-three { padding-left: 0; padding-right: 0; } .site-banner.banner-three .banner-caption .banner-title { font-size: 5.3333em; line-height: 1; margin-bottom: 25px; } .site-banner.banner-three .banner-caption .banner-title a { display: inline-block; color: #ffffff; } .site-banner.banner-three .banner-caption .banner-title a:hover { color: #DDE9ED; } .site-banner.banner-four { padding-left: 0; padding-right: 0; } .site-banner.banner-four .banner-caption .container { width: auto; max-width: 500px; } .site-banner.banner-four .banner-caption .banner-title { font-size: 3.3335em; } .site-banner.banner-five { padding-left: 30px; padding-right: 30px; } .site-banner.banner-five .banner-caption { justify-content: flex-end; padding: 30px; } .site-banner.banner-five .banner-caption .container { max-width: 100%; width: 100%; } .site-banner.banner-five .banner-caption .banner-title { font-size: 1.8em; margin-bottom: 20px; font-weight: 600; } .site-banner.banner-five .banner-caption .btn-readmore { padding-left: 30px; padding-right: 30px; } .site-banner.banner-five .owl-dots { position: static; margin-top: 40px; } .site-banner.banner-five .owl-dots .owl-dot span { background: #000000; } .site-banner.banner-six .item { padding-right: 30%; height: 600px; } .site-banner.banner-six .item.left { padding-right: 0; padding-left: 30%; } .site-banner.banner-six .item.left .banner-caption { right: auto; left: 30px; } .site-banner.banner-six .item.centered { padding-right: 0; } .site-banner.banner-six .item.centered .banner-caption { background: rgba(255, 255, 255, 0.9); left: 0; right: 0; margin: 0 auto; width: 50%; padding: 40px; top: 80px; bottom: 80px; } .site-banner.banner-six .item.centered .banner-caption .cat-links .cat-links-inner { padding-left: 0; padding-right: 0; } .site-banner.banner-six .item img { width: 100%; height: 100%; object-fit: cover; } .site-banner.banner-six .banner-caption { width: 35%; text-align: left; padding: 60px; background: #ffffff; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05); height: auto; top: 60px; bottom: 60px; right: 30px; } .site-banner.banner-six .banner-caption .container { margin-right: 0; margin-left: 0; width: 100%; } .site-banner.banner-six .banner-caption .banner-title { color: #000000; font-size: 2.3em; } .site-banner.banner-six .banner-caption .banner-title a { color: #000000; } .site-banner.banner-six .banner-caption .banner-title a:hover { color: #EE7F4B; } .site-banner.banner-six .banner-caption .cat-links .cat-links-border { background: #474747; right: 0; left: auto; } .site-banner.banner-six .banner-caption .cat-links .cat-links-inner { padding-left: 0; padding-right: 20px; color: #474747; } .site-banner.banner-six .banner-caption .cat-links a { color: #000000; } .site-banner.banner-six .banner-caption .cat-links a:hover { color: #EE7F4B; } .site-banner.banner-six .banner-caption.right .cat-links .cat-links-inner { padding-left: 0; padding-right: 20px; } .site-banner.banner-six .banner-caption .btn-readmore { color: #000000; border-color: #000000; } .site-banner.banner-six .banner-caption .btn-readmore:hover { color: #ffffff; background: #EE7F4B; border-color: #EE7F4B; } .site-banner.static-banner { position: relative; } .site-banner.static-banner .banner-caption { left: 4%; right: 4%; width: auto; } .site-banner.video-banner #wp-custom-header { position: relative; height: 0; padding-top: 56.25%; } .site-banner.video-banner #wp-custom-header::before { content: ""; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .site-banner.video-banner #wp-custom-header iframe, .site-banner.video-banner #wp-custom-header video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-banner.video-banner #wp-custom-header .wp-custom-header-video-button { position: absolute; bottom: 10px; right: 0; left: 0; padding: 0; width: 40px; height: 40px; margin: auto; background: none; border: none; border-radius: 100%; box-shadow: none; text-indent: 100px; overflow: hidden; white-space: nowrap; z-index: 99; } .site-banner.video-banner #wp-custom-header .wp-custom-header-video-button::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; position: absolute; width: 40px; height: 40px; top: 0; left: 0; opacity: 0.8; filter: alpha(opacity=80); transition: all ease 0.35s; } .site-banner.video-banner #wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause::before { background-image: url('data:image/svg+xml; utf-8, '); } .site-banner.video-banner #wp-custom-header .wp-custom-header-video-button:hover::before { opacity: 1; filter: alpha(opacity=100); } .site-banner.video-banner .banner-caption { left: 4%; right: 4%; width: auto; } .blog .site-banner .banner-caption .cat-links a { margin-right: 15px; } .blog .site-banner .banner-caption .cat-links a:after { display: none; } .blog .site-banner .banner-caption .cat-links a:last-child { margin-right: 0; } .blog .site-banner .banner-caption:not(.centered) .container { max-width: 768px; width: auto; } .blog .site-banner .banner-caption:not(.centered) .banner-title { font-size: 3.5em; font-weight: 600; margin-bottom: 25px; } .blog .site-banner .banner-caption:not(.centered) .banner-title a { color: #ffffff; } .blog .site-banner .banner-caption:not(.centered) .banner-title a:hover { color: #DDE9ED; } @media screen and (max-width: 1500px) { .site-banner .item img { height: 540px; object-fit: cover; } .site-banner.banner-two .banner-caption .banner-title { font-size: 2em; } .site-banner.banner-three .banner-caption .banner-title { font-size: 4em; } .site-banner.banner-five .banner-caption .btn-readmore { padding-left: 30px; padding-right: 30px; } .site-banner.banner-six .banner-caption { width: 50%; } } @media screen and (max-width: 1199px) { .site-banner .banner-caption .banner-title { font-size: 3em; } .site-banner .banner-caption.centered .cat-links .cat-links-inner { padding-left: 0; padding-right: 0; } .site-banner .banner-caption.centered .cat-links .cat-links-inner:before, .site-banner .banner-caption.centered .cat-links .cat-links-inner:after { display: none; } .site-banner.banner-two .banner-caption .banner-title { font-size: 1.6667em; } .site-banner.banner-two .banner-caption .btn-readmore { padding: 10px 25px; } .site-banner.banner-three .banner-caption .banner-title { font-size: 3em; } .site-banner.banner-four .banner-caption .banner-title { font-size: 2.6665em; } .site-banner.banner-five { padding-left: 15px; padding-right: 15px; } .site-banner.banner-five .banner-caption { padding-left: 10px; padding-right: 10px; } .site-banner.banner-five .banner-caption .banner-title { font-size: 1.3em; } .site-banner.banner-five .banner-caption .btn-readmore { padding-left: 20px; padding-right: 20px; } .site-banner.banner-six .item { padding-right: 35%; } .site-banner.banner-six .item .left { padding-right: 0; } .site-banner.banner-six .item.centered { padding-right: 0; } .site-banner.banner-six .item.centered .banner-caption { top: 50px; bottom: 50px; } .site-banner.banner-six .item.centered .banner-caption .cat-links .cat-links-inner { padding-left: 0; padding-right: 0; } .site-banner.banner-six .banner-caption { padding: 40px 20px; width: 40%; } .site-banner.banner-six .banner-caption .container { margin-left: auto; margin-right: auto; } .site-banner.banner-six .banner-caption .banner-title { font-size: 2em; } .site-banner.banner-six .banner-caption .btn-readmore { padding-left: 20px; padding-right: 20px; } .blog .site-banner .banner-caption:not(.centered) .banner-title { font-size: 3em; } } @media screen and (max-width: 899px) { .site-banner.video-banner #wp-custom-header { height: auto; padding-top: 0; } } @media screen and (max-width: 767px) { .site-banner .item img { height: auto; } .site-banner .banner-caption { background: rgba(221, 233, 237, 0.3); position: static; padding-top: 40px; padding-bottom: 60px; } .site-banner .banner-caption .container { margin-left: auto; width: 100%; margin-right: auto; text-align: center; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper form input[name=subscribe-fname] { width: 100; margin-right: 0%; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper form input[name=subscribe-fname] + input[name=subscribe-email] { width: 100%; } .site-banner .banner-caption .cat-links { margin-bottom: 0; } .site-banner .banner-caption .cat-links .cat-links-inner { padding-right: 0; } .site-banner .banner-caption .cat-links .cat-links-border { display: none; } .site-banner .banner-caption .cat-links a { color: #474747; } .site-banner .banner-caption .cat-links a:hover { color: #000000; } .site-banner .banner-caption .banner-title { font-size: 2em; margin-bottom: 20px; color: #474747; } .site-banner .banner-caption .banner-title a { color: #474747; } .site-banner .banner-caption .banner-title a:hover { color: #000000 !important; } .site-banner .banner-caption .banner-desc { color: #474747; } .site-banner .banner-caption .btn-readmore { color: #474747; border-color: #474747; padding-left: 30px; padding-right: 30px; } .site-banner .banner-caption .btn-readmore:hover { color: #ffffff; background: #474747; } .site-banner .banner-caption.centered .container { max-width: 420px; } .site-banner .banner-caption.centered .banner-title { font-size: 2em; } .site-banner .owl-dots { bottom: 30px; } .site-banner .owl-dots .owl-dot span { background: rgba(0, 0, 0, 0.3); } .site-banner.banner-two .banner-caption { position: absolute; padding: 40px 20px; } .site-banner.banner-two .banner-caption .container { text-align: left; } .site-banner.banner-four .banner-caption .banner-title { font-size: 2em; } .site-banner.banner-five .item-wrap { max-width: 420px; margin-left: auto; margin-right: auto; } .site-banner.banner-five .banner-caption .container { margin-left: auto; } .site-banner.banner-six .item { padding-right: 0; height: auto; } .site-banner.banner-six .item.left { padding-left: 0; } .site-banner.banner-six .item.centered .banner-caption { width: 100%; padding-left: 20px; padding-right: 20px; } .site-banner.banner-six .banner-caption { width: 100%; padding-left: 0; padding-right: 0; text-align: center; box-shadow: none; } .site-banner.banner-six .owl-dots { bottom: 0; } .site-banner.banner-six .owl-dots .owl-dot span { background: #ddd; } .site-banner.banner-six .owl-dots:hover span, .site-banner.banner-six .owl-dots.active span { background: #ccc; } .blog .site-banner .banner-caption:not(.centered) .container { max-width: 420px; } .blog .site-banner .banner-caption:not(.centered) .banner-title { font-size: 2em; } } .top-service-section.has-bg { background: rgba(0, 0, 0, 0.05); margin-top: 0; margin-bottom: 0; padding-top: 100px; padding-bottom: 100px; } .top-service-section .container { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .top-service-section .widget { margin-bottom: 0; padding: 15px; width: 25%; } .top-service-section .widget_text { width: 100%; text-align: center; padding: 0; margin-bottom: 40px; } .top-service-section .widget_text .widget-title { margin-bottom: 10px; } .top-service-section .widget_text p { font-size: 1em; color: #868E96; } .top-service-section .widget_text p:last-child { margin-bottom: 0; } .top-service-section .rtc-itw-inner-holder { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; text-align: left; } .top-service-section .rtc-itw-inner-holder .text-holder { padding-left: 25px; width: calc(100% - 60px); } .top-service-section .rtc-itw-inner-holder .text-holder .btn-readmore { background: none; padding: 0; display: inline-block; font-size: 0.7em; color: #474747; position: relative; margin-top: 20px; line-height: 1.5em; font-weight: 600; letter-spacing: 1px; } .top-service-section .rtc-itw-inner-holder .text-holder .btn-readmore:hover { background: none !important; color: #000000; } .top-service-section .rtc-itw-inner-holder .text-holder .btn-readmore:before { content: ""; background: #474747; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; transition: all ease 0.35s; } .top-service-section .rtc-itw-inner-holder .text-holder .btn-readmore:hover:before { width: 50%; background: #000000; } .top-service-section .rtc-itw-inner-holder .widget-title { font-family: "Nunito Sans", sans-serif; font-size: 0.9em; font-weight: 700; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; text-align: left; } .top-service-section .rtc-itw-inner-holder .content { font-size: 0.7em; line-height: 1.5em; } .top-service-section .rtc-itw-inner-holder .content p { font-size: 1em; margin-top: 0; margin-bottom: 20px; } .top-service-section .rtc-itw-inner-holder .content p:last-child { margin-bottom: 0; } .top-service-section .rtc-itw-inner-holder .icon-holder { width: 60px; text-align: center; font-size: 2.2223em; line-height: 1; height: 60px; color: #474747; } .top-service-section .rtc-itw-inner-holder .icon-holder img { vertical-align: middle; } .top-service-section.style-three .rtc-itw-inner-holder { flex-direction: column; text-align: center; } .top-service-section.style-three .rtc-itw-inner-holder .text-holder { padding-left: 0; width: 100%; } .top-service-section.style-three .rtc-itw-inner-holder .text-holder .widget-title { text-align: center; } .top-service-section.style-three .rtc-itw-inner-holder .text-holder .content { margin-top: 10px; } .top-service-section.style-three .rtc-itw-inner-holder .icon-holder { margin-bottom: 15px; display: flex; flex: auto; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1199px) { .top-service-section .rtc-itw-inner-holder { flex-direction: column; text-align: center; align-items: center; } .top-service-section .rtc-itw-inner-holder .text-holder { padding-left: 0; margin-top: 20px; } .top-service-section .rtc-itw-inner-holder .widget-title { text-align: center; } .top-service-section .rtc-itw-inner-holder .icon-holder { margin: 0 auto; } } @media screen and (max-width: 1024px) { .top-service-section.style-three .widget_bttk_icon_text_widget { width: 50%; } } @media screen and (max-width: 767px) { .top-service-section .container { flex-direction: column; } .top-service-section .widget { padding-left: 0; padding-right: 0; width: 100%; } .top-service-section.style-three .widget_text { margin-bottom: 0; } .top-service-section.style-three .widget_bttk_icon_text_widget { width: 100%; padding: 0; margin-top: 40px; } .top-service-section.style-three .rtc-itw-inner-holder .text-holder { margin-top: 0; } } .featured-section .container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: [row1-start] auto [row2-start] auto; grid-gap: 30px; align-items: flex-start; max-width: 100%; padding-left: 4%; padding-right: 4%; } .featured-section .container:before, .featured-section .container:after { display: none; } .featured-section .section-block { position: relative; } .featured-section .section-block:first-child { grid-column: 1/span 2; grid-row: 1/span 2; } .featured-section .section-block:first-child .block-content { padding: 100px; } .featured-section .section-block:first-child .block-title { margin: 0; font-size: 2.8em; max-width: 480px; font-style: italic; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); } .featured-section .section-block:first-child .block-title a { display: inline-block; color: #ffffff; } .featured-section .section-block:first-child .btn-readmore { display: inline-block; margin-top: 30px; font-size: 0.7em; letter-spacing: 1px; color: #ffffff; font-weight: 700; border: 1px solid #ffffff; text-align: center; padding: 15px 30px; } .featured-section .section-block:first-child .btn-readmore:hover { background: #ffffff; color: #000000; } .featured-section .section-block:nth-child(4) { grid-column: 3/span 2; grid-row: 2; } .featured-section .section-block:not(:first-child) .block-title { margin: 0; font-size: 1.2em; } .featured-section .section-block:not(:first-child) .block-title a { display: inline-block; color: #000000; background: rgba(255, 255, 255, 0.9); padding: 15px 20px; } .featured-section .section-block:not(:first-child) .block-title a:hover { background: #DDE9ED; } .featured-section .section-block .block-img { width: 100%; height: 100%; } .featured-section .section-block .block-img img { width: 100%; height: 100%; object-fit: cover; } .featured-section .section-block .block-content { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: flex; flex-direction: column; padding: 40px; justify-content: flex-end; align-items: flex-start; flex: 1; } .featured-section.feat_cat[class*=style-] .section-block:first-child .block-title { font-style: normal; } .featured-section.feat_cat[class*=style-] .section-block .block-content { background: rgba(0, 0, 0, 0.3) !important; padding: 20px; } .featured-section.feat_cat[class*=style-] .section-block .block-content .block-title { font-size: 1em; letter-spacing: 1px; } .featured-section.feat_cat[class*=style-] .section-block .block-content .block-title a { background: none; color: #ffffff; padding: 0; margin-bottom: 10px; } .featured-section.feat_cat[class*=style-] .section-block .block-content .block-title a:hover { background: none; } .featured-section.feat_cat[class*=style-] .section-block .block-content .product-sale-count > span { display: inline-block; font-weight: 700; color: #ffffff; margin-top: 10px; margin-left: 5px; margin-right: 5px; position: relative; padding-top: 35px; min-width: 90px; text-align: center; } .featured-section.feat_cat[class*=style-] .section-block .block-content .product-sale-count > span .item-texts { position: absolute; background: #ffffff; color: #000000; z-index: 2; font-weight: 600; text-transform: uppercase; font-size: 0.6em; letter-spacing: 0.5px; min-height: 30px; padding: 0 10px; display: flex; flex: 1; justify-content: center; flex-direction: column; text-align: center; top: 0; left: 0; width: 90px; } .featured-section.feat_cat[class*=style-] .section-block .block-content .product-sale-count > span .item-texts::after { content: ""; border-top: 7px solid #ffffff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; bottom: -7px; width: 0; height: 0; margin: 0 auto; left: 0; right: 0; } .featured-section.feat_cat[class*=style-].style-five .section-block:first-child .block-inner-content, .featured-section.feat_cat[class*=style-].style-six .section-block:first-child .block-inner-content { background: none; padding: 0; } .featured-section.style-one .container { display: flex; flex: 1; flex-wrap: wrap; grid-gap: 0; grid-template-columns: auto; grid-template-rows: auto; max-width: 1220px; padding-left: 0; padding-right: 0; } .featured-section.style-one .section-block { width: 31.33%; margin-right: 3%; } .featured-section.style-one .section-block:nth-child(3n) { margin-right: 0; } .featured-section.style-one .section-block .block-content { background: none; justify-content: center; align-items: center; padding: 30px; } .featured-section.style-one .section-block .block-content .block-title { text-shadow: none; font-size: 0.7em; letter-spacing: 1px; font-weight: 700; max-width: 100%; box-shadow: none; font-style: normal; text-transform: uppercase; } .featured-section.style-one .section-block .block-content .block-title a { color: #000000; background: #ffffff; padding: 20px 35px; } .featured-section.style-one .section-block .block-content .block-title a:hover { color: #ffffff; background: #EE7F4B; } .featured-section.style-one .section-block .block-content .block-title span { display: inline-block; color: #000000; background: #ffffff; padding: 20px 35px; } @media screen and (max-width: 1500px) { .featured-section .section-block:first-child .block-content { padding: 40px; } .featured-section .section-block .block-content { padding: 20px; } } @media screen and (max-width: 1366px) { .featured-section.style-one .container { max-width: 1170px; } } @media screen and (max-width: 1199px) { .featured-section.style-one .container { max-width: 1000px; } } @media screen and (max-width: 1024px) { .featured-section .container { grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(2, 1fr); align-items: inherit; } .featured-section .section-block:first-child { grid-column: inherit; grid-row: inherit; } .featured-section .section-block:first-child .block-content { padding: 20px; } .featured-section .section-block:first-child .block-title { font-size: 1.2em; } .featured-section .section-block:nth-child(4) { grid-column: inherit; grid-row: inherit; } .featured-section .section-block .block-content { padding: 20px; } .featured-section.style-one .container { padding-left: 15px; padding-right: 15px; max-width: 768px; } .featured-section.style-one .section-block .block-content .block-title a { padding: 15px 25px; } } @media screen and (max-width: 767px) { .featured-section .container { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); } .featured-section .section-block:first-child { grid-column: 1; grid-row: 1; } .featured-section .section-block:first-child .btn-readmore { margin-top: 20px; } .featured-section .section-block:nth-child(4) { grid-column: 1; grid-row: inherit; } .featured-section.style-five .container, .featured-section.style-six .container { grid-template-rows: repeat(1, 1fr); max-width: 420px; } .featured-section.style-five .section-block:first-child .block-title, .featured-section.style-six .section-block:first-child .block-title { font-size: 1.2em; } .featured-section.style-five .section-block:nth-child(2), .featured-section.style-six .section-block:nth-child(2) { grid-column: 1; } .featured-section.style-five .section-block:nth-child(4), .featured-section.style-six .section-block:nth-child(4) { grid-column: 1; grid-row: inherit; } .featured-section.style-five .section-block .block-content, .featured-section.style-six .section-block .block-content { padding: 20px; } .featured-section.style-six .container { max-width: 100%; } .featured-section.style-one .container, .featured-section.style-two .container, .featured-section.style-three .container { flex-direction: column; max-width: 420px; } .featured-section.style-one .section-block, .featured-section.style-two .section-block, .featured-section.style-three .section-block { width: 100%; margin-right: 0; } .featured-section.style-one .section-block { margin-bottom: 40px; } } .product-cat-section.style-two .container { max-width: 100%; padding-left: 4%; padding-right: 4%; } section.about-section { margin-top: 0; margin-bottom: 0; background: rgba(221, 233, 237, 0.35); padding-top: 100px; padding-bottom: 100px; } section.about-section .widget { max-width: 802px; margin: 0 auto; } section.about-section .widget .centered { text-align: center; } section.about-section .widget .right { text-align: right; } section.about-section .widget .right .widget-title { text-align: right; } section.about-section .widget .left { text-align: left; } section.about-section .widget .left .widget-title { text-align: left; } section.about-section .widget .widget-title { margin-top: 0; margin-bottom: 30px; font-size: 0.7em; letter-spacing: 1px; font-weight: 700; font-family: "Nunito Sans", sans-serif; } section.about-section .widget .img-holder { margin-bottom: 30px; } section.about-section .widget .text-holder { color: #202020; } section.about-section .widget .text-holder p { font-size: 2.4em; line-height: 1.35em; font-family: "Cormorant", serif; margin-top: 0; margin-bottom: 20px; } section.about-section .widget .text-holder .btn-readmore { background: none; margin-top: 20px; display: inline-block; color: #202020; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; border: 1px solid #202020; padding: 13px 35px; } section.about-section .widget .text-holder .btn-readmore:hover { background: #202020; color: #ffffff; } @media screen and (max-width: 767px) { section.about-section { padding-top: 60px; padding-bottom: 60px; } section.about-section .widget .text-holder p { font-size: 1.5em; } section.about-section .widget .text-holder .btn-readmore { margin-top: 20px; } } .testimonial-section .owl-stage-outer { background: #DDE9ED; text-align: center; } .testimonial-section .owl-stage-outer .owl-item { padding: 60px; } .testimonial-section .owl-stage-outer .widget { margin-bottom: 0; } .testimonial-section .bttk-testimonial-holder .text-holder { flex-direction: column; } .testimonial-section .bttk-testimonial-holder .text-holder .img-holder { margin: 0 auto 20px auto; } .testimonial-section .bttk-testimonial-holder .text-holder .testimonial-meta { padding-left: 0; width: 100%; } .testimonial-section .bttk-testimonial-holder .text-holder .testimonial-content p { font-size: 1em; } .testimonial-section .owl-carousel .owl-nav .owl-prev { left: 10%; } .testimonial-section .owl-carousel .owl-nav .owl-next { right: 10%; } .testimonial-section.style-two { margin-top: 0; margin-bottom: 0; background: rgba(0, 0, 0, 0.03); padding-top: 100px; padding-bottom: 100px; } .testimonial-section.style-two .section-grid { display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .testimonial-section.style-two .section-grid.owl-carousel .owl-stage::after { display: none; } .testimonial-section.style-two .owl-stage-outer { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); } .testimonial-section.style-two .owl-stage-outer .owl-item { padding: 30px; border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: left; } .testimonial-section.style-two .owl-stage-outer .owl-item.active + .active + .active { border-right: none; } .testimonial-section.style-two .owl-stage { display: flex; flex: 1; flex-wrap: wrap; } .testimonial-section.style-two .owl-item, .testimonial-section.style-two .widget_bttk_testimonial_widget, .testimonial-section.style-two .bttk-testimonial-holder, .testimonial-section.style-two .bttk-testimonial-inner-holder { display: flex; flex: 1; flex-direction: column; } .testimonial-section.style-two .bttk-testimonial-holder .text-holder { flex-wrap: wrap; max-width: 100%; flex-direction: column; position: relative; } .testimonial-section.style-two .bttk-testimonial-holder .text-holder .testimonial-meta { padding-left: 20px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; } .testimonial-section.style-two .bttk-testimonial-holder .text-holder .testimonial-content { margin-bottom: 10px; display: flex; flex: 1; flex-direction: column; } .testimonial-section.style-two .bttk-testimonial-holder .img-holder { margin: 0; position: absolute; bottom: 0; left: 0; } .testimonial-section.style-two .bttk-testimonial-holder .img-holder + .testimonial-meta { padding-left: 100px; } .testimonial-section.style-two .owl-carousel .owl-nav .owl-prev { left: -6%; } .testimonial-section.style-two .owl-carousel .owl-nav .owl-next { right: -6%; } @media screen and (max-width: 1366px) { .testimonial-section.style-two .owl-carousel { padding-left: 40px; padding-right: 40px; } .testimonial-section.style-two .owl-carousel .owl-nav .owl-prev { left: 0; } .testimonial-section.style-two .owl-carousel .owl-nav .owl-next { right: 0; } } @media screen and (max-width: 1024px) { .testimonial-section .owl-stage-outer .owl-item { padding: 40px 20px; } .testimonial-section .owl-carousel .owl-nav .owl-prev { left: 5%; } .testimonial-section .owl-carousel .owl-nav .owl-next { right: 5%; } .testimonial-section.style-two .owl-stage-outer .owl-item.active + .active { border-right: none; } } @media screen and (max-width: 767px) { .testimonial-section.style-two { padding-top: 60px; padding-bottom: 60px; } .testimonial-section.style-two .owl-carousel { padding-left: 0; padding-right: 0; } .testimonial-section.style-two .owl-stage-outer .owl-item { border-right: none; } } section.cta-section { margin-top: 0; margin-bottom: 0; } section.cta-section .widget { position: relative; } section.cta-section .widget:last-child { margin-bottom: 0; } section.cta-section .sub-title { font-size: 0.7em; color: #202020; font-weight: 700; letter-spacing: 1px; display: block; } section.cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { text-align: left; } section.cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { color: #000000; margin-top: 0; margin-bottom: 0; font-size: 2.8em; font-family: "Cormorant", serif; text-align: left; } section.cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .text-holder { color: #474747; } section.cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .text-holder p { margin-top: 20px; margin-bottom: 0; font-size: 1em; } section.cta-section .button-wrap { margin-top: 30px; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget > div { width: 60%; padding: 60px 0; background-position: inherit !important; display: flex; flex: 1; flex-direction: column; align-items: flex-end; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { background: #ffffff; width: 550px; position: relative; right: -32%; padding: 100px 0 100px 100px; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta { display: inline-block; font-size: 0.7em; color: #ffffff; font-weight: 700; letter-spacing: 1px; background: #202020; padding: 20px 30px; line-height: 1; margin-top: 10px; margin-left: 10px; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta:first-child { margin-left: 0; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta + .btn-cta, section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta:hover { background: #DDE9ED; color: #202020; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta + .btn-cta:hover { background: #202020; color: #ffffff; } @media screen and (max-width: 1366px) { section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { width: 90%; right: auto; left: calc((100% - 50%) + 100px); } } @media screen and (max-width: 1199px) { section.cta-section.style-one .widget_blossomtheme_companion_cta_widget > div { width: 50%; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { width: auto; right: auto; padding: 60px 0 60px 60px; left: calc(100% - 120px); } } @media screen and (max-width: 1024px) { section.cta-section .widget-title { font-size: 2em; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget > div { padding: 40px 20px; width: 100%; } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { max-width: 768px; margin-left: auto; margin-right: auto; width: 100%; right: 0; left: 0; padding: 40px 20px; text-align: center; background: rgba(255, 255, 255, 0.9); } section.cta-section.style-one .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .btn-cta { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 767px) { section.cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { font-size: 2em; } } .blog-section .section-desc { margin-bottom: 60px; } .blog-section .section-grid { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .blog-section .section-grid article { margin-right: 3%; width: 31.33%; margin-bottom: 30px; } .blog-section .section-grid article:nth-child(3n) { margin-right: 0; } .blog-section .section-grid article .post-thumbnail { margin-bottom: 30px; } .blog-section .section-grid .entry-title { margin-top: 0; margin-bottom: 20px; font-size: 1.5em; font-family: "Cormorant", serif; } .blog-section .section-grid .entry-title a { color: #202020; display: inline-block; } .blog-section .section-grid .entry-title a:hover { opacity: 0.6; filter: alpha(opacity=60); } .blog-section .button-wrap { margin-top: 30px; text-align: center; } .blog-section .button-wrap .bttn { display: inline-block; font-size: 0.7em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: #ffffff; background: #202020; line-height: 1.5em; padding: 20px 30px; } .blog-section .button-wrap .bttn:hover { background: #DDE9ED; color: #202020; } @media screen and (max-width: 1024px) { .blog-section .section-grid article { width: 48%; } .blog-section .section-grid article:nth-child(3n) { margin-right: 3%; } .blog-section .section-grid article:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 767px) { .blog-section .section-desc { margin-bottom: 40px; } .blog-section .section-grid { flex-direction: column; } .blog-section .section-grid article { width: 100%; margin-right: 0; } .blog-section .section-grid article:nth-child(3n) { margin-right: 3%; } .blog-section .button-wrap { margin-top: 10px; } } section.client-section { margin-top: 0; margin-bottom: 0; background: rgba(221, 233, 237, 0.3); padding-top: 75px; padding-bottom: 75px; } section.client-section .owl-stage { display: flex; flex: 1; flex-wrap: wrap; align-items: center; } section.client-section .owl-carousel .owl-nav [class*=owl-] { top: 50%; } section.client-section .widget { margin-bottom: 0; } section.client-section .widget-title { margin-bottom: 60px; } section.client-section .blossom-inner-wrap { padding-left: 60px; padding-right: 60px; margin-left: 0; margin-right: 0; } section.client-section .blossom-inner-wrap .image-holder { text-align: center; padding: 10px; width: auto; } section.client-section .blossom-inner-wrap .image-holder:not(.black-white) a:hover { opacity: 0.6; filter: alpha(opacity=60); } section.client-section .blossom-inner-wrap img { width: auto; display: inline-block; vertical-align: middle; } section.client-section .blossom-inner-wrap .black-white img { filter: grayscale(100%); } section.client-section .blossom-inner-wrap .black-white img:hover { filter: grayscale(0); } section.client-section.style-two { background: none; padding-top: 0; padding-bottom: 0; margin-top: 100px; margin-bottom: 100px; } section.client-section.style-two .blossom-inner-wrap { padding-left: 0; padding-right: 0; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } section.client-section.style-two .blossom-inner-wrap .image-holder { width: 16.66%; } .instagram-section { text-align: center; padding-left: 4%; padding-right: 4%; display: flex; flex: 1; flex-direction: column; align-items: center; margin-top: 100px; margin-bottom: 80px; } .instagram-section .profile-link { display: inline-block; font-size: 2em; color: #000000; font-family: "Cormorant", serif; font-weight: 700; } .instagram-section .profile-link .insta-icon { margin-right: 10px; } .instagram-section .popup-gallery { order: 2; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; margin: 20px -25px 0 -25px; padding: 0; list-style: none; } .instagram-section .popup-gallery li { padding: 25px; display: block; position: relative; } .instagram-section .popup-gallery.photos-2 li { width: 50%; } .instagram-section .popup-gallery.photos-3 li { width: 33.33%; } .instagram-section .popup-gallery.photos-4 li { width: 25%; } .instagram-section .popup-gallery.photos-5 li { width: 20%; } .instagram-section .popup-gallery.photos-6 li { width: 16.6667%; } .instagram-section .popup-gallery.photos-7 li { width: 14.26%; padding: 10px; } .instagram-section .popup-gallery.photos-8 li { width: 12.5%; padding: 10px; } .instagram-section .popup-gallery.photos-7 li .instagram-meta, .instagram-section .popup-gallery.photos-8 li .instagram-meta { left: 10px; right: 10px; bottom: 10px; } .instagram-section .popup-gallery.photos-9 li { width: 11.111%; padding: 5px; } .instagram-section .popup-gallery.photos-10 li { width: 10%; padding: 5px; } .instagram-section .popup-gallery.photos-9 li .instagram-meta, .instagram-section .popup-gallery.photos-10 li .instagram-meta { left: 5px; right: 5px; bottom: 5px; } .instagram-section .popup-gallery.photos-11 li { width: 9.08%; padding: 2px; } .instagram-section .popup-gallery.photos-12 li { width: 8.33%; padding: 2px; } .instagram-section .popup-gallery.photos-11 li .instagram-meta, .instagram-section .popup-gallery.photos-12 li .instagram-meta { left: 2px; right: 2px; bottom: 2px; } .instagram-section ul li .instagram-meta { display: flex; flex: 1; flex-wrap: wrap; position: absolute; bottom: 25px; text-align: center; left: 25px; right: 25px; background: rgba(0, 0, 0, 0.7); font-size: 0.7em; justify-content: center; color: #ffffff; padding: 5px 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .instagram-section ul li .instagram-meta span { padding: 5px 10px; display: inline-block; } .instagram-section ul li .instagram-meta span svg { margin-right: 5px; } .instagram-section ul li:hover .instagram-meta { opacity: 1; filter: alpha(opacity=100); visibility: visible; } @media screen and (max-width: 1366px) { .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 14.26%; } } @media screen and (max-width: 1199px) { .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 20%; } } @media screen and (max-width: 1024px) { .instagram-section .popup-gallery.photos-5, .instagram-section .popup-gallery.photos-6, .instagram-section .popup-gallery.photos-7, .instagram-section .popup-gallery.photos-8, .instagram-section .popup-gallery.photos-9, .instagram-section .popup-gallery.photos-10, .instagram-section .popup-gallery.photos-11, .instagram-section .popup-gallery.photos-12 { margin-left: -10px; margin-right: -10px; } .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 25%; padding: 10px; } .instagram-section .popup-gallery.photos-5 li .instagram-meta, .instagram-section .popup-gallery.photos-6 li .instagram-meta, .instagram-section .popup-gallery.photos-7 li .instagram-meta, .instagram-section .popup-gallery.photos-8 li .instagram-meta, .instagram-section .popup-gallery.photos-9 li .instagram-meta, .instagram-section .popup-gallery.photos-10 li .instagram-meta, .instagram-section .popup-gallery.photos-11 li .instagram-meta, .instagram-section .popup-gallery.photos-12 li .instagram-meta { left: 10px; right: 10px; bottom: 10px; } } @media screen and (max-width: 767px) { .instagram-section .popup-gallery { margin-left: 0; margin-right: 0; } .instagram-section .popup-gallery.photos-2, .instagram-section .popup-gallery.photos-3, .instagram-section .popup-gallery.photos-4, .instagram-section .popup-gallery.photos-5, .instagram-section .popup-gallery.photos-6, .instagram-section .popup-gallery.photos-7, .instagram-section .popup-gallery.photos-8, .instagram-section .popup-gallery.photos-9, .instagram-section .popup-gallery.photos-10, .instagram-section .popup-gallery.photos-11, .instagram-section .popup-gallery.photos-12 { margin-left: 0; margin-right: 0; } .instagram-section .popup-gallery.photos-2 li, .instagram-section .popup-gallery.photos-3 li, .instagram-section .popup-gallery.photos-4 li, .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 100%; padding-left: 0; padding-right: 0; } .instagram-section .popup-gallery.photos-2 li .instagram-meta, .instagram-section .popup-gallery.photos-3 li .instagram-meta, .instagram-section .popup-gallery.photos-4 li .instagram-meta, .instagram-section .popup-gallery.photos-5 li .instagram-meta, .instagram-section .popup-gallery.photos-6 li .instagram-meta, .instagram-section .popup-gallery.photos-7 li .instagram-meta, .instagram-section .popup-gallery.photos-8 li .instagram-meta, .instagram-section .popup-gallery.photos-9 li .instagram-meta, .instagram-section .popup-gallery.photos-10 li .instagram-meta, .instagram-section .popup-gallery.photos-11 li .instagram-meta, .instagram-section .popup-gallery.photos-12 li .instagram-meta { left: 0; right: 0; } } section.newsletter-section { margin-top: 0; margin-bottom: 0; } section.newsletter-section .blossomthemes-email-newsletter-wrapper { padding: 100px 0 60px 0; } section.newsletter-section .newsletter-inner-wrapper { max-width: 1218px; margin: 0 auto; display: flex; flex: 1; flex-wrap: wrap; align-items: center; text-align: left; } section.newsletter-section .newsletter-inner-wrapper .text-holder { width: 45%; padding-right: 60px; } section.newsletter-section .newsletter-inner-wrapper .text-holder h3 { font-size: 2em; font-family: "Cormorant", serif; margin-top: 0; margin-bottom: 0; } section.newsletter-section .newsletter-inner-wrapper .text-holder h3 + span { margin-top: 15px; } section.newsletter-section .newsletter-inner-wrapper .text-holder span { display: block; font-size: 0.9em; line-height: 1.65em; } section.newsletter-section .newsletter-inner-wrapper form { width: 55%; display: flex; flex: 1; flex-wrap: wrap; } section.newsletter-section .newsletter-inner-wrapper form input[type=text], section.newsletter-section .newsletter-inner-wrapper form input[type=email] { background: none; border: none; padding-left: 0; font-size: 0.7em; border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-right: 2%; text-align: left; width: calc((100% - 50px) - 2%); } section.newsletter-section .newsletter-inner-wrapper form input[name=subscribe-fname] { width: calc((53% - 50px) - 2%); } section.newsletter-section .newsletter-inner-wrapper form input[name=subscribe-fname] + input[name=subscribe-email] { width: calc((53% - 50px) - 2%); } section.newsletter-section .newsletter-inner-wrapper form input[type=submit] { width: 50px; height: 50px; padding: 0; background: #000000; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 18px; border: 1px solid #000000; text-indent: 60px; overflow: hidden; } section.newsletter-section .newsletter-inner-wrapper form input[type=submit]:hover { background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); } section.newsletter-section .newsletter-inner-wrapper form label { order: 5; margin-top: 5px; } @media screen and (max-width: 1366px) { section.newsletter-section .newsletter-inner-wrapper { max-width: 1170px; } } @media screen and (max-width: 1199px) { section.newsletter-section .newsletter-inner-wrapper { max-width: 1000px; } } @media screen and (max-width: 1024px) { section.newsletter-section .newsletter-inner-wrapper { text-align: center; max-width: 768px; padding-left: 15px; padding-right: 15px; } section.newsletter-section .newsletter-inner-wrapper .text-holder { width: 100%; padding-right: 0; } section.newsletter-section .newsletter-inner-wrapper form { width: 100%; justify-content: center; } } @media screen and (max-width: 767px) { section.newsletter-section .blossomthemes-email-newsletter-wrapper { padding-top: 60px; padding-bottom: 60px; } section.newsletter-section .newsletter-inner-wrapper { flex-direction: column; max-width: 420px; } section.newsletter-section .newsletter-inner-wrapper form { flex-direction: column; } section.newsletter-section .newsletter-inner-wrapper form input[type=text], section.newsletter-section .newsletter-inner-wrapper form input[type=email] { margin-right: 0; width: 100%; } section.newsletter-section .newsletter-inner-wrapper form input[name=subscribe-fname] { width: 100%; } section.newsletter-section .newsletter-inner-wrapper form input[name=subscribe-fname] + input[name=subscribe-email] { width: 100%; } section.newsletter-section .newsletter-inner-wrapper form input[type=submit] { width: 100%; text-indent: 0; background-image: none; } section.newsletter-section .newsletter-inner-wrapper form input[type=submit]:hover { color: #000000; background-image: none; } section.newsletter-section .newsletter-inner-wrapper form label { margin-top: 10px; } } section.footer-contact-section { margin-top: 0; margin-bottom: 0; background: rgba(0, 0, 0, 0.04); border-radius: 0 0 5px 5px; padding: 25px 0; } section.footer-contact-section .container { display: flex; flex: 1; flex-wrap: wrap; } section.footer-contact-section .section-block { width: 25%; margin-right: 3%; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } section.footer-contact-section .section-block:last-child { margin-right: 0; } section.footer-contact-section .section-block .block-img { line-height: 1; width: 40px; } section.footer-contact-section .section-block .block-content-wrap { padding-left: 15px; width: calc(100% - 40px); word-break: break-all; line-height: 1.2em; } section.footer-contact-section .section-block .block-title { margin-top: 0; margin-bottom: 3px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } section.footer-contact-section .section-block .block-content { display: block; font-size: 0.8em; font-weight: 600; color: #868E96; } section.footer-contact-section .section-block .block-content a { color: #868E96; } section.footer-contact-section .section-block .block-content a:hover { color: #202020; text-decoration: underline; } @media screen and (max-width: 1024px) { section.footer-contact-section .section-block { flex-direction: column; text-align: center; } section.footer-contact-section .section-block .block-img { margin-bottom: 20px; } section.footer-contact-section .section-block .block-content-wrap { padding-left: 0; } } @media screen and (max-width: 767px) { section.footer-contact-section .container { flex-direction: column; } section.footer-contact-section .section-block { width: 100%; margin-right: 0; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; justify-content: center; } section.footer-contact-section .section-block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } section.blog-page-feature-section { background: rgba(0, 0, 0, 0.03); padding: 100px 0 40px 0; margin: 0; } section.blog-page-feature-section .bttk-itw-holder .owl-stage-outer { padding-bottom: 45px; } section.blog-page-feature-section .owl-carousel .owl-nav [class*=owl-] { height: 70px; width: 40px; left: 0; top: 40%; background: rgba(255, 255, 255, 0.8); } section.blog-page-feature-section .owl-carousel .owl-nav [class*=owl-]:hover, section.blog-page-feature-section .owl-carousel .owl-nav [class*=owl-].disabled { background: rgba(255, 255, 255, 0.95); } section.blog-page-feature-section .owl-carousel .owl-nav [class*=owl-].disabled { cursor: not-allowed; } section.blog-page-feature-section .owl-carousel .owl-nav [class*=owl-]:before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; width: 15px; height: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } section.blog-page-feature-section .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } section.blog-page-feature-section .owl-carousel .owl-nav .owl-next:before { background-image: url('data:image/svg+xml; utf-8, '); width: 10px; } @media screen and (max-width: 767px) { section.blog-page-feature-section { padding-top: 60px; padding-bottom: 0; } } .recent-prod-section .owl-carousel .owl-nav button[class*=owl-] { left: -70px; } .recent-prod-section .owl-carousel .owl-nav button.owl-next { left: auto; right: -70px; } @media screen and (max-width: 1366px) { .recent-prod-section .owl-carousel .owl-nav button[class*=owl-] { left: 0; } .recent-prod-section .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } } section[class*=-cat-section] { text-align: center; } section[class*=-cat-section] .cat-grid { display: flex; flex: 1; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; } section[class*=-cat-section] .cat-grid .item { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 60px; } section[class*=-cat-section] .button-wrap .btn-readmore { font-size: 0.7em; display: inline-block; letter-spacing: 1px; font-weight: 700; background: #000000; color: #ffffff; padding: 15px 30px; } section[class*=-cat-section] .button-wrap .btn-readmore:hover { background: #DDE9ED; color: #000000; } section[class*=-cat-section].style-three .container { display: flex; flex: 1; flex-wrap: wrap; } section[class*=-cat-section].style-three .cat-wrap, section[class*=-cat-section].style-three .button-wrap { width: 100%; } section[class*=-cat-section].style-three .cat-feature { width: 50%; position: relative; margin-bottom: 40px; } section[class*=-cat-section].style-three .cat-feature img { width: 100%; height: 100%; object-fit: cover; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; text-align: center; padding: 50px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .cat-wrap { display: flex; flex-direction: column-reverse; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .pp-title { margin-top: 0; margin-bottom: 0; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); font-size: 2.8em; font-family: "Cormorant", serif; line-height: 1.5; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .pp-desc { font-size: 0.7em; color: #ffffff; font-weight: 700; letter-spacing: 1px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .pp-desc p { margin-top: 0; margin-bottom: 20px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .pp-desc p:last-child { margin-bottom: 0; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .button-wrap { margin-top: 25px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .button-wrap .btn-readmore { background: none; font-size: 0.7em; text-transform: uppercase; font-weight: 700; color: #ffffff; letter-spacing: 1px; display: inline-block; border: 1px solid; padding: 15px 30px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .button-wrap .btn-readmore:hover { background: #ffffff; border-color: #ffffff; color: #000000; } section[class*=-cat-section].style-three .cat-grid { width: 50%; margin-left: 0; margin-right: 0; } section[class*=-cat-section].style-three .cat-grid .cat-slider { display: flex; flex: 1; flex-wrap: wrap; } section[class*=-cat-section].style-three .cat-grid .item { width: 46%; margin-left: 4%; margin-right: 0; margin-bottom: 40px; } @media screen and (max-width: 1024px) { section[class*=-cat-section] .cat-grid { overflow: hidden; } section[class*=-cat-section] .cat-grid .item { width: 48%; } section[class*=-cat-section] .button-wrap { margin-top: 0; } section[class*=-cat-section].style-three .cat-feature { min-height: 400px; } section[class*=-cat-section].style-three .cat-grid .item { width: 48%; margin-left: 0; margin-right: 4%; } section[class*=-cat-section].style-three .cat-grid .item:nth-child(2n) { margin-right: 0; } section[class*=-cat-section].style-three .container { flex-direction: column; } section[class*=-cat-section].style-three .cat-feature { width: 100%; margin-bottom: 40px; } section[class*=-cat-section].style-three .cat-grid { width: 100%; } } @media screen and (max-width: 767px) { section[class*=-cat-section] .cat-grid { margin-left: 0; margin-right: 0; flex-direction: column; } section[class*=-cat-section] .cat-grid .item { width: 100%; margin-left: 0; margin-right: 0; } section[class*=-cat-section].style-three .cat-feature { min-height: 350px; } section[class*=-cat-section].style-three .cat-grid { margin-top: 20px; } section[class*=-cat-section].style-three .container { flex-direction: column; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap { padding: 20px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .pp-title { font-size: 1.6em; line-height: 1.3; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .button-wrap { margin-top: 20px; } section[class*=-cat-section].style-three .cat-feature .product-title-wrap .button-wrap .btn-readmore { font-size: 0.6em; padding: 10px 20px; } section[class*=-cat-section].style-three .cat-grid .cat-slider { flex-direction: column; } section[class*=-cat-section].style-three .cat-grid .item { width: 100%; margin-left: 0; } section[class*=-cat-section].style-three .cat-grid .item:last-child { margin-bottom: 0; } } .classic-layout .site-main article { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .classic-layout .site-main article .post-thumbnail { margin-bottom: 30px; } .classic-layout .site-main article .content-wrap { padding-left: 30px; padding-right: 30px; } .classic-layout .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-size: 2em; font-family: "Cormorant", serif; font-weight: 700; } .classic-layout .site-main article .entry-content { margin-top: 20px; font-size: 0.8em; line-height: 1.65em; } .classic-layout .site-main article .entry-content p { margin-top: 20px; margin-bottom: 0; } .classic-layout .site-main article .entry-content p:first-child { margin-top: 0; } .classic-layout .site-main article .entry-footer { display: flex; flex-wrap: wrap; flex: 1; align-items: center; margin-top: 25px; } .classic-layout .site-main article .entry-footer .button-wrap { display: flex; flex: auto; } .classic-layout .site-main article .entry-footer .entry-right { display: flex; flex: auto; justify-content: flex-end; } .classic-layout .site-main article .entry-footer .entry-right > span { display: inline-block; margin-right: 15px; position: relative; font-size: 0.7em; color: #868e96; padding-right: 15px; } .classic-layout .site-main article .entry-footer .entry-right > span:after { content: ""; background: #868e96; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .classic-layout .site-main article .entry-footer .entry-right > span:last-child { margin-right: 0; padding-right: 0; } .classic-layout .site-main article .entry-footer .entry-right > span:last-child:after { display: none; } .classic-layout .site-main article .entry-footer .entry-right > span svg { margin-right: 5px; } .classic-layout .site-main article .entry-footer .entry-right > span a { color: #868e96; } .classic-layout .site-main article .entry-footer .entry-right > span a:hover { color: #202020; } .classic-layout .site-main article .post-shop-wrap { margin-top: 40px; } @media screen and (max-width: 767px) { .classic-layout .site-main article { margin-bottom: 40px; padding-bottom: 40px; } .classic-layout .site-main article .content-wrap { padding-left: 0; padding-right: 0; } .classic-layout .site-main article .entry-title { font-size: 1.5em; } } .grid-layout .site-main { display: flex; flex: 1; flex-wrap: wrap; margin-left: -2%; margin-right: -2%; } .grid-layout .site-main article { width: 46%; margin-right: 2%; margin-left: 2%; margin-bottom: 60px; } .grid-layout .site-main article .post-thumbnail { margin-bottom: 20px; } .grid-layout .site-main article span.category { display: inline-block; font-size: 0.6em; line-height: 1.17em; font-weight: 700; color: #868E96; text-transform: uppercase; letter-spacing: 1px; } .grid-layout .site-main article span.category a { display: inline-block; margin-right: 10px; margin-bottom: 5px; color: #868e96; } .grid-layout .site-main article span.category a:last-child { margin-right: 0; } .grid-layout .site-main article span.category a:hover { color: #202020; } .grid-layout .site-main article .entry-meta { display: flex; flex-wrap: wrap; flex: 1; align-items: center; margin-top: 15px; } .grid-layout .site-main article .entry-meta > span { margin-right: 15px; position: relative; padding-right: 15px; } .grid-layout .site-main article .entry-meta > span:after { content: ""; background: #868e96; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .grid-layout .site-main article .entry-meta > span:last-child { margin-right: 0; padding-right: 0; } .grid-layout .site-main article .entry-meta > span:last-child:after { display: none; } .grid-layout .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-family: "Cormorant", serif; font-size: 1.5em; } .grid-layout .site-main article .entry-content { margin-top: 0; font-size: 0.8em; line-height: 1.65em; } .grid-layout .site-main article .entry-content p { margin-top: 20px; margin-bottom: 0; } .grid-layout .site-main article .entry-footer { margin-top: 20px; } .grid-layout .site-main article .entry-footer .button-wrap { display: inline-block; } .grid-layout .site-main article .post-shop-wrap { margin-top: 25px; } .grid-layout .pagination { margin-top: 0; } .grid-layout.full-width .site-main { margin-left: -1.5%; margin-right: -1.5%; } .grid-layout.full-width .site-main article { width: 30.33%; margin-right: 1.5%; margin-left: 1.5%; } @media screen and (max-width: 1366px) { .grid-layout #primary { overflow: hidden; } } @media screen and (max-width: 1024px) { .grid-layout.full-width .site-main article { width: 47%; } } @media screen and (max-width: 767px) { .grid-layout .site-main { flex-direction: column; margin-left: 0; margin-right: 0; } .grid-layout .site-main article { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 40px; } .grid-layout.full-width .site-main { margin-left: 0; margin-right: 0; } .grid-layout.full-width .site-main article { margin-left: 0; margin-right: 0; width: 100%; } } .list-layout .site-main article { display: flex; flex: 1; flex-wrap: wrap; margin-bottom: 60px; } .list-layout .site-main article .post-thumbnail { width: 415px; } .list-layout .site-main article .content-wrap { width: calc(100% - 415px); padding-left: 30px; } .list-layout .site-main article span.category { display: inline-block; font-size: 0.6em; line-height: 1.17em; font-weight: 700; color: #868E96; text-transform: uppercase; letter-spacing: 1px; } .list-layout .site-main article span.category a { display: inline-block; margin-right: 10px; margin-bottom: 5px; color: #868e96; } .list-layout .site-main article span.category a:last-child { margin-right: 0; } .list-layout .site-main article span.category a:hover { color: #202020; } .list-layout .site-main article .entry-meta { display: flex; flex-wrap: wrap; flex: 1; align-items: center; margin-top: 15px; } .list-layout .site-main article .entry-meta > span { display: inline-block; margin-right: 15px; position: relative; color: #868e96; font-weight: 400; padding-right: 15px; } .list-layout .site-main article .entry-meta > span:after { content: ""; background: #868e96; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .list-layout .site-main article .entry-meta > span:last-child { margin-right: 0; padding-right: 0; } .list-layout .site-main article .entry-meta > span:last-child:after { display: none; } .list-layout .site-main article .entry-meta > span a { color: #868e96; } .list-layout .site-main article .entry-meta > span a:hover { color: #202020; } .list-layout .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-family: "Cormorant", serif; font-size: 1.5em; } .list-layout .site-main article .entry-content { margin-top: 0; font-size: 0.8em; line-height: 1.65em; } .list-layout .site-main article .entry-content p { margin-top: 20px; margin-bottom: 0; } .list-layout .site-main article .entry-footer { margin-top: 20px; } .list-layout .site-main article .entry-footer .button-wrap { display: inline-block; } .list-layout .site-main article .post-shop-wrap { margin-top: 60px; padding-bottom: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); width: 100%; } @media screen and (max-width: 1366px) { .list-layout .site-main article .post-thumbnail, .list-layout .site-main article .content-wrap { width: 50%; } } @media screen and (max-width: 767px) { .list-layout .site-main article { flex-direction: column; margin-bottom: 40px; } .list-layout .site-main article .post-thumbnail { width: 100%; margin-bottom: 30px; } .list-layout .site-main article .content-wrap { width: 100%; padding-left: 0; } .list-layout .site-main article .post-shop-wrap { margin-top: 40px; padding-bottom: 40px; } } .page .site-content > .page-header { position: relative; z-index: 1; } .page .site-content > .page-header::before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .page .site-content > .page-header .page-title { color: #ffffff; } .site-content > .page-header { background: #f7f7f7; text-align: center; padding: 100px 0; } .site-content > .page-header .sub-title { display: block; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #868e96; } .site-content > .page-header .page-title { margin-top: 0; margin-bottom: 0; font-size: 2.8em; font-weight: 400; line-height: 1.25em; } .site-content #primary > .post-count { display: block; margin-bottom: 20px; font-size: 0.7em; font-weight: 600; color: #868e96; } @media screen and (max-width: 767px) { .site-content > .page-header { padding-top: 60px; padding-bottom: 60px; } .site-content > .page-header .page-title { font-size: 2em; } } .search .site-content > .page-header { text-align: left; } .search .site-content > .page-header .container { max-width: 770px; } .search .site-content > .page-header .search-form { border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .search .site-content > .page-header .search-form label { width: calc(100% - 30px); } .search .site-content > .page-header .search-form .search-field { height: 70px; background: none; border: none; padding-left: 0; font-size: 2.5em; font-weight: 400; } .search .site-content > .page-header .search-form .search-submit { width: 30px; height: 70px; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); background-size: 25px; } .search .site-content > .page-header .search-form .search-submit:hover { background-image: url('data:image/svg+xml; utf-8, '); } @media screen and (max-width: 767px) { .search .site-content > .page-header .container { max-width: 420px; } .search .site-content > .page-header .search-form .search-field { height: 60px; font-size: 1.8em; } .search .site-content > .page-header .search-form .search-submit { height: 60px; } } .error404 .site-content > .page-header { background-size: cover; background-repeat: no-repeat; padding: 60px 0; min-height: 510px; position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; justify-content: center; } .error404 .site-content > .page-header:before { content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .error404 .site-content > .page-header .page-title { color: #ffffff; font-family: "Cormorant", serif; font-weight: 600; } .error404 .site-content > .page-header .page-desc { max-width: 600px; margin: 20px auto 0 auto; color: #ffffff; } .error404 .error-404 { text-align: center; } .error404 .error-404 .error-num { font-size: 20em; line-height: 1em; font-weight: 700; color: #EE7F4B; text-shadow: 0px -10px rgba(0, 0, 0, 0.1); } .error404 .error-404 .btn-readmore { display: inline-block; background: #202020; color: #ffffff; border: 1px solid #202020; text-transform: uppercase; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; padding: 10px 40px; margin-top: 40px; } .error404 .error-404 .btn-readmore:hover { background: none; color: #202020; } .error404 .error-404 .search-form { max-width: 640px; margin: 80px auto 0 auto; } .error404 .error-404 .search-form .search-field { font-size: 0.7em; } .error404 .error-404 .search-form .search-submit { background-color: #202020; } .error404 .error-404 .search-form .search-submit:hover { background-color: #DDE9ED; background-image: url('data:image/svg+xml; utf-8, '); } @media screen and (max-width: 767px) { .error404 .site-content > .page-header { min-height: auto; } .error404 .error-404 .error-num { font-size: 8em; text-shadow: 0px -5px rgba(0, 0, 0, 0.1); } .error404 .error-404 .btn-readmore { margin-top: 20px; padding-left: 30px; padding-right: 30px; } .error404 .error-404 .search-form { margin-top: 40px; } } .single .site-content > .page-header { background-repeat: no-repeat; background-size: cover; min-height: 550px; padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 1; text-align: center; display: flex; flex: 1; flex-direction: column; justify-content: center; } .single .site-content > .page-header:before { content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .single .site-content > .page-header span.category { display: inline-block; font-size: 0.7em; line-height: 1.17em; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; } .single .site-content > .page-header span.category a { display: inline-block; margin-right: 20px; margin-bottom: 5px; color: #ffffff; } .single .site-content > .page-header span.category a:last-child { margin-right: 0; } .single .site-content > .page-header span.category a:hover { opacity: 0.7; filter: alpha(opacity=70); } .single .site-content > .page-header .entry-meta { display: flex; flex-wrap: wrap; flex: 1; align-items: center; justify-content: center; margin-top: 30px; } .single .site-content > .page-header .entry-meta > span { display: inline-block; margin-right: 15px; position: relative; font-size: 0.7em; color: rgba(255, 255, 255, 0.8); font-weight: 400; padding-right: 15px; } .single .site-content > .page-header .entry-meta > span:after { content: ""; background: rgba(255, 255, 255, 0.8); width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .single .site-content > .page-header .entry-meta > span:last-child { margin-right: 0; padding-right: 0; } .single .site-content > .page-header .entry-meta > span:last-child:after { display: none; } .single .site-content > .page-header .entry-meta > span a { color: rgba(255, 255, 255, 0.8); } .single .site-content > .page-header .entry-meta > span a:hover { color: #ffffff; } .single .site-content > .page-header .entry-title { font-size: 3em; color: #ffffff; margin-top: 0; margin-bottom: 0; font-family: "Cormorant", serif; max-width: 812px; line-height: 1.25em; } .single .site-main article { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .single .site-main article.sticky-meta .article-meta { position: sticky; top: 40px; } .single .site-main article .article-meta { width: 50px; display: inline-block; text-align: center; } .single .site-main article .article-meta .share-title { display: block; text-transform: uppercase; font-size: 0.6em; font-weight: 700; letter-spacing: 1px; color: #868e96; } .single .site-main article .article-meta .social-list { margin: 0; padding: 0; list-style: none; } .single .site-main article .article-meta .social-list li { margin-top: 8px; font-size: 0.9em; } .single .site-main article .article-meta .social-list li a { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 48px; border: 2px solid #DDE9ED; border-radius: 100%; color: #202020; } .single .site-main article .article-meta .social-list li a:hover { background: #DDE9ED; } .single .site-main article .article-meta + .entry-content { display: inline-block; width: calc(100% - 50px); padding-left: 50px; } .single .site-main article .article-meta ~ .entry-footer { padding-left: 100px; } .single .site-main article .entry-content { margin-top: 0; } .single .site-main article .entry-content p { margin-top: 0; margin-bottom: 30px; } .single .site-main article .entry-content p:last-child { margin-bottom: 0; } .single .site-main article .entry-content b, .single .site-main article .entry-content strong, .single .site-main article .entry-content u { color: #202020; } .single .site-main article .entry-footer .cat-tags { display: inline-block; position: relative; padding-left: 40px; } .single .site-main article .entry-footer .cat-tags .tag-title { display: inline-block; font-size: 0.6em; text-transform: uppercase; color: #868e96; vertical-align: middle; font-weight: 600; letter-spacing: 1px; position: absolute; top: 0; left: 0; } .single .site-main article .entry-footer .cat-tags a { display: inline-block; margin-left: 5px; font-size: 0.7em; text-transform: uppercase; line-height: 1; vertical-align: middle; color: #868e96; border: 1px solid #DDE9ED; padding: 6px 10px; } .single .site-main article .entry-footer .cat-tags a:hover { background: #DDE9ED; color: #000000; } .single #primary .post-shop-wrap { margin-top: 50px; } .single #primary .author-section, .single #primary .additional-post { margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 767px) { .single .site-content > .page-header { min-height: auto; background-position: center; } .single .site-content > .page-header .entry-title { font-size: 2em; } .single .site-main article.sticky-meta .article-meta { position: static; top: 0; } .single .site-main article .article-meta { width: 100%; margin-bottom: 40px; } .single .site-main article .article-meta .social-list { display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .single .site-main article .article-meta .social-list li { margin-right: 8px; } .single .site-main article .article-meta + .entry-content { width: 100%; padding-left: 0; } .single .site-main article .article-meta ~ .entry-footer { padding-left: 0; } } .woocommerce-page .site-content > .page-header.has-bgimg { background-repeat: no-repeat; background-size: cover; min-height: 550px; display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: left; position: relative; z-index: 1; } .woocommerce-page .site-content > .page-header.has-bgimg::before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .woocommerce-page .site-content > .page-header.has-bgimg .container { width: 100%; display: flex; flex-direction: column-reverse; } .woocommerce-page .site-content > .page-header.has-bgimg .sub-title { color: #ffffff; font-weight: 400; max-width: 600px; text-transform: none; letter-spacing: 0; font-size: 0.85em; } .woocommerce-page .site-content > .page-header.has-bgimg .sub-title p { margin-top: 30px; margin-bottom: 0; } .woocommerce-page .site-content > .page-header.has-bgimg .page-title { color: #ffffff; } .woocommerce-page .site-content > .page-header .page-title { font-family: "Cormorant", serif; font-weight: 600; } .woocommerce-page .site-content .woocommerce-result-count { font-size: 0.7em; color: rgba(0, 0, 0, 0.5); margin-bottom: 35px; margin-top: 0.5em; } .woocommerce-page .site-content .woocommerce-ordering { margin-bottom: 30px; } .woocommerce-page .site-content .woocommerce-ordering select { border-radius: 3px; height: 45px; padding-left: 10px; padding-right: 25px; } .woocommerce-page .site-content ul.products li.product { position: relative; text-align: center; margin-bottom: 2.5em; } .woocommerce-page .site-content ul.products li.product .prod-image { position: relative; overflow: hidden; margin-bottom: 20px; } .woocommerce-page .site-content ul.products li.product .prod-image img { margin-bottom: 0; } .woocommerce-page .site-content ul.products li.product h3 { margin-top: 0; margin-bottom: 15px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; } .woocommerce-page .site-content ul.products li.product .onsale, .woocommerce-page .site-content ul.products li.product .outofstock { position: absolute; top: 0; left: 15px; text-transform: uppercase; font-size: 0.6em; font-weight: 700; background: #000000; color: #ffffff; line-height: 1.35; padding: 5px 10px; text-align: center; z-index: 9; margin: 0; min-width: auto; min-height: auto; border-radius: 0; right: auto; transform: rotate(-90deg); transform-origin: 25px 28px; } .woocommerce-page .site-content ul.products li.product .onsale::before, .woocommerce-page .site-content ul.products li.product .onsale::after, .woocommerce-page .site-content ul.products li.product .outofstock::before, .woocommerce-page .site-content ul.products li.product .outofstock::after { content: ""; border-right: 10px solid #000000; border-bottom: 13px solid transparent; position: absolute; top: 0px; left: -10px; } .woocommerce-page .site-content ul.products li.product .onsale::after, .woocommerce-page .site-content ul.products li.product .outofstock::after { top: auto; bottom: 0; border-bottom: none; border-top: 13px solid transparent; } .woocommerce-page .site-content ul.products li.product .outofstock { background: #cc444d; transform-origin: 40px 41px; } .woocommerce-page .site-content ul.products li.product .outofstock::before { border-right-color: #cc444d; } .woocommerce-page .site-content ul.products li.product .outofstock::after { border-right-color: #cc444d; } .woocommerce-page .site-content ul.products li.product .woocommerce-LoopProduct-link { display: inline-block; position: relative; overflow: hidden; } .woocommerce-page .site-content ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title { color: rgba(0, 0, 0, 0.5); } .woocommerce-page .site-content ul.products li.product .woocommerce-LoopProduct-link:focus-within .woocommerce-loop-product__title { color: rgba(0, 0, 0, 0.5); } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button { position: absolute; top: 10px; right: 0; width: auto; height: auto; line-height: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button::before { content: "Add to Wishlist"; background: #000000; position: absolute; white-space: nowrap; font-size: 0.6em; top: 50%; right: 100%; text-indent: 0; color: #ffffff; line-height: 1.5; padding: 5px 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button .add_to_wishlist { width: 40px; height: 40px; border-radius: 0; display: inline-block; overflow: hidden; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; text-indent: 50px; white-space: nowrap; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button .add_to_wishlist:hover { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button .add_to_wishlist:focus-within { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-button .ajax-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button { text-transform: none; letter-spacing: 0; font-weight: normal; padding: 0; margin-top: 0; display: inline-block; width: 40px; height: 40px; white-space: nowrap; position: absolute; top: 10px; right: 0; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; white-space: nowrap; font-size: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button::before { content: "Quick View"; background: #000000; position: absolute; top: 50%; right: 100%; font-size: 12px; text-indent: 0; color: #ffffff; line-height: 1.5; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); padding: 5px 10px; opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:hover { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:focus-within { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcqv-button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .compare.button { margin-top: 0; border-radius: 0; display: inline-block; background-color: #ffffff; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 16px; white-space: nowrap; padding: 0; font-weight: 400; position: absolute; top: 10px; right: 0; width: 40px; height: 40px; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .compare.button::before { content: "Compare"; background: #000000; position: absolute; white-space: nowrap; font-size: 12px; top: 50%; right: 100%; text-indent: 0; color: #ffffff; text-transform: none; letter-spacing: 0; line-height: 1.5; padding: 5px 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .compare.button::after { content: ""; border-left: 5px solid #000000; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; right: calc(100% - 5px); opacity: 0; visibility: hidden; transform: translateY(-50%); transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .compare.button:hover { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .compare.button:hover::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .compare.button:hover::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .compare.button:focus-within { background-color: #DDE9ED; } .woocommerce-page .site-content ul.products li.product .compare.button:focus-within::before { right: calc(100% + 5px); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .compare.button:focus-within::after { right: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist { margin-top: 0; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button { top: 55px; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .clear + .yith-wcqv-button + .compare.button { top: 100px; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .clear + .compare.button { top: 55px; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .yith-wcqv-button { top: 55px; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .yith-wcqv-button + .compare.button { top: 100px; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-add-to-wishlist + .compare.button { top: 55px; } .woocommerce-page .site-content ul.products li.product .added_to_cart { display: inline-block; font-size: 0.7em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; } .woocommerce-page .site-content ul.products li.product .added_to_cart:hover { color: rgba(0, 0, 0, 0.5); } .woocommerce-page .site-content ul.products li.product .added_to_cart:focus-within { color: rgba(0, 0, 0, 0.5); } .woocommerce-page .site-content ul.products li.product .product_type_external, .woocommerce-page .site-content ul.products li.product .product_type_simple, .woocommerce-page .site-content ul.products li.product .product_type_grouped, .woocommerce-page .site-content ul.products li.product .product_type_variable { display: block; border-radius: 0; background: #DDE9ED; text-align: center; font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; color: #000000; padding: 15px 10px; margin-top: 0; line-height: 1.3; transition: all ease 0.35s; } .woocommerce-page .site-content ul.products li.product .product_type_external::before, .woocommerce-page .site-content ul.products li.product .product_type_simple::before, .woocommerce-page .site-content ul.products li.product .product_type_grouped::before, .woocommerce-page .site-content ul.products li.product .product_type_variable::before { content: "+"; margin-right: 5px; } .woocommerce-page .site-content ul.products li.product .product_type_external:hover, .woocommerce-page .site-content ul.products li.product .product_type_simple:hover, .woocommerce-page .site-content ul.products li.product .product_type_grouped:hover, .woocommerce-page .site-content ul.products li.product .product_type_variable:hover { background: #EE7F4B; color: #ffffff; } .woocommerce-page .site-content ul.products li.product:hover .yith-wcwl-add-button, .woocommerce-page .site-content ul.products li.product:hover .yith-wcqv-button, .woocommerce-page .site-content ul.products li.product:hover .compare.button, .woocommerce-page .site-content ul.products li.product.hover .yith-wcwl-add-button, .woocommerce-page .site-content ul.products li.product.hover .yith-wcqv-button, .woocommerce-page .site-content ul.products li.product.hover .compare.button { right: 10px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product:focus-within .yith-wcwl-add-button, .woocommerce-page .site-content ul.products li.product:focus-within .yith-wcqv-button, .woocommerce-page .site-content ul.products li.product:focus-within .compare.button { right: 10px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title { margin-top: 0; margin-bottom: 15px; padding: 0; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; color: #000000; } .woocommerce-page .site-content ul.products li.product .price { margin-top: 0; margin-bottom: 0; font-size: 0.7em; text-transform: uppercase; color: #868E96; line-height: 1.5; justify-content: center; } .woocommerce-page .site-content ul.products li.product .price del { margin-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .woocommerce-page .site-content ul.products li.product .price ins { background: none; font-weight: normal; } .woocommerce-page .site-content ul.products li.product .star-rating { margin-left: auto; margin-right: auto; font-size: 0.7em; } .woocommerce-page .site-content ul.products li.product .star-rating span::before { color: #FFB001; } .woocommerce-page .site-content ul.products li.product .yith-wcwl-wishlistaddedbrowse, .woocommerce-page .site-content ul.products li.product .yith-wcwl-wishlistexistsbrowse { margin-bottom: 0; margin-top: 10px; } .woocommerce-page .site-content .woocommerce-pagination ul.page-numbers { border: none; margin: 0; } .woocommerce-page .site-content .woocommerce-pagination ul.page-numbers li { border: none; } .woocommerce-page .site-content .woocommerce-pagination a, .woocommerce-page .site-content .woocommerce-pagination span { display: inline-block; width: 48px; height: 48px; line-height: 46px; padding: 0; text-align: center; border: 1px solid #DDE9ED; text-decoration: none; color: #000000; font-size: 0.8em; font-weight: 600; margin: 5px 2px; vertical-align: middle; } .woocommerce-page .site-content .woocommerce-pagination .next { background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; text-indent: 50px; font-size: 0; } .woocommerce-page .site-content .woocommerce-pagination .next:hover, .woocommerce-page .site-content .woocommerce-pagination .next:focus { background-image: url('data:image/svg+xml; utf-8, '); } .woocommerce-page .site-content .woocommerce-pagination .prev { background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; text-indent: 50px; font-size: 0; } .woocommerce-page .site-content .woocommerce-pagination .prev:hover, .woocommerce-page .site-content .woocommerce-pagination .prev:focus { background-image: url('data:image/svg+xml; utf-8, '); } .woocommerce-page .site-content .woocommerce-pagination .current, .woocommerce-page .site-content .woocommerce-pagination a:hover, .woocommerce-page .site-content .woocommerce-pagination a:focus { border-color: #EE7F4B; background-color: #EE7F4B; color: #ffffff; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { text-indent: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger img { display: none !important; } .woocommerce p.stars a { text-indent: 30px; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 767px) { .woocommerce-page .site-content > .page-header.has-bgimg { min-height: 320px; } } /*========================= WIDGET CART =========================*/ .woocommerce .widget_shopping_cart .total { border-top: 0; padding-top: 0; padding-bottom: 10px; } .woocommerce.widget_shopping_cart ul.product_list_widget li { padding: 0 0 15px 30px; border-bottom: 1px solid #e5e5e5; margin: 0 0 15px; position: relative; } .woocommerce.widget_shopping_cart ul.product_list_widget li a.remove { font-family: "Nunito Sans", sans-serif; position: absolute; top: 5px; left: 0; font-size: 0; width: 20px; height: 20px; } .woocommerce.widget_shopping_cart ul.product_list_widget li a.remove:hover, .woocommerce.widget_shopping_cart ul.product_list_widget li a.remove:focus { background: none; opacity: 0.7; filter: alpha(opacity=70); } .woocommerce.widget_shopping_cart ul.product_list_widget li a.remove:after { position: absolute; top: 0; left: 0; content: ""; font-family: "FontAwesome"; color: #e2401c; font-size: 20px; } .woocommerce.widget_shopping_cart ul.product_list_widget li img { width: 70px; border-radius: 3px; float: right; margin-right: 0; margin-left: 4px; } .woocommerce.widget_shopping_cart .total { border-top: 0; padding-top: 0; padding-bottom: 10px; font-size: 14px; border-bottom: 1px solid #e5e5e5; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000000; display: flex; flex: 1; flex-wrap: wrap; } .woocommerce.widget_shopping_cart .total strong { font-weight: 700; color: #000000; display: flex; flex: auto; min-width: auto; } .woocommerce.widget_shopping_cart .buttons { display: flex; flex: 1; flex-wrap: wrap; margin-bottom: 0; } .woocommerce.widget_shopping_cart .buttons .button { display: flex; flex: 1; text-align: center; justify-content: center; flex-direction: column; background: #DDE9ED; color: #000000; text-align: center; font-size: 0.8em; font-weight: 700; letter-spacing: 1px; border-radius: 0; text-transform: uppercase; padding: 15px 20px; position: relative; transition: all ease 0.35s; } .woocommerce.widget_shopping_cart .buttons .button:hover, .woocommerce.widget_shopping_cart .buttons .button:focus { background: #EE7F4B; color: #ffffff; } .woocommerce.widget_shopping_cart .buttons .button + .button { margin-right: 0; background: #EE7F4B; color: #ffffff; } .woocommerce.widget_shopping_cart .buttons .button + .button:hover, .woocommerce.widget_shopping_cart .buttons .button + .button:focus { background: #DDE9ED; color: #000000; } /*============================= WIDGET PRODUCT SEARCH =============================*/ .widget_product_search .woocommerce-product-search { border-bottom: 2px solid rgba(0, 0, 0, 0.3); display: flex; flex: 1; flex-wrap: wrap; } .widget_product_search .woocommerce-product-search .search-field { border: none; padding-left: 0; height: 40px; width: calc(100% - 30px); font-size: 0.8em; font-weight: 400; } .widget_product_search .woocommerce-product-search button[type=submit] { width: 30px; height: 40px; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center right; background-size: 18px; padding: 0; text-indent: 50px; overflow: hidden; } .widget_product_search .woocommerce-product-search button[type=submit]:hover { background-image: url('data:image/svg+xml; utf-8, '); } /*============================ WIDGET LAYERED NAV ============================*/ .woocommerce-widget-layered-nav select.woocommerce-widget-layered-nav-dropdown { padding: 10px; height: auto; } /*============================== WIDGET PRICE FILTER ==============================*/ .widget_price_filter .price_slider_wrapper .ui-widget-content { height: 5px; background: rgba(0, 0, 0, 0.5); margin-left: 0; margin-right: 0; border-radius: 0; margin-bottom: 25px; } .widget_price_filter .ui-slider .ui-slider-handle { background: #ffffff; border: 0; width: 20px; height: 20px; top: -8px; border-radius: 50%; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { background: #DDE9ED; } .widget_price_filter .price_slider_amount .button { font-size: 0.8em; font-weight: 700; letter-spacing: 1px; color: #000000; background: #DDE9ED; border-radius: 0; text-transform: uppercase; padding: 15px 30px; position: relative; transition: all ease 0.35s; } .widget_price_filter .price_slider_amount .button:hover, .widget_price_filter .price_slider_amount .button:focus { color: #ffffff; background: #EE7F4B; } .widget_price_filter .price_slider_amount .price_label { font-size: 0.8em; color: #999; float: right; margin-top: 7px; } .widget_price_filter form input[type=text] { display: inline-block; width: calc(50% - 13px); margin: 0 5px 20px 5px; } .widget_price_filter form input[type=text] + .button { margin-left: 5px; } /*============================= WIDGET PRODUCT CATEGORY =============================*/ .widget_product_categories ul.product-categories li a { display: inline-block; position: relative; padding-left: 25px; text-decoration: none; } .widget_product_categories ul.product-categories li a::before { content: ""; border: 1px solid rgba(0, 0, 0, 0.5); width: 15px; height: 15px; position: absolute; left: 0; top: 5px; border-radius: 100%; } .widget_product_categories ul.product-categories li a:hover { color: #000000; } .widget_product_categories ul.product-categories li a:hover::before { background: rgba(0, 0, 0, 0.6); } .widget_product_categories ul.product-categories li.current-cat > a { font-weight: 600; color: #000000; } .widget_product_categories ul.product-categories li.current-cat > a::before { background: rgba(0, 0, 0, 0.6); } /*============================ WIDGET PRODUCTS ============================*/ .widget_products ul.product_list_widget li, .widget_recent_reviews ul.product_list_widget li, .widget_top_rated_products ul.product_list_widget li { padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 1em; } .widget_products ul.product_list_widget li:last-child, .widget_recent_reviews ul.product_list_widget li:last-child, .widget_top_rated_products ul.product_list_widget li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_products ul.product_list_widget li img, .widget_recent_reviews ul.product_list_widget li img, .widget_top_rated_products ul.product_list_widget li img { float: left; width: 70px; border-radius: 3px; margin-left: 0; margin-right: 15px; } .widget_products ul.product_list_widget li .product-title, .widget_recent_reviews ul.product_list_widget li .product-title, .widget_top_rated_products ul.product_list_widget li .product-title { display: inline-block; margin-bottom: 5px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .widget_products ul.product_list_widget li del, .widget_recent_reviews ul.product_list_widget li del, .widget_top_rated_products ul.product_list_widget li del { opacity: 0.5; filter: alpha(opacity=50); } .widget_products ul.product_list_widget li ins, .widget_recent_reviews ul.product_list_widget li ins, .widget_top_rated_products ul.product_list_widget li ins { background: none; margin-left: 5px; } .widget_products ul.product_list_widget li .woocommerce-Price-amount, .widget_recent_reviews ul.product_list_widget li .woocommerce-Price-amount, .widget_top_rated_products ul.product_list_widget li .woocommerce-Price-amount { font-size: 0.7em; color: rgba(0, 0, 0, 0.5); } .widget_products ul.product_list_widget li .star-rating, .widget_recent_reviews ul.product_list_widget li .star-rating, .widget_top_rated_products ul.product_list_widget li .star-rating { margin-bottom: 5px; font-size: 0.6em; color: #FFB001; } .widget_products ul.product_list_widget li .reviewer, .widget_recent_reviews ul.product_list_widget li .reviewer, .widget_top_rated_products ul.product_list_widget li .reviewer { display: block; font-size: 0.7em; line-height: 1.5; margin-top: 7px; color: rgba(0, 0, 0, 0.5); } .single-product .site-main div.product .onsale { position: absolute; top: 0; left: 15px; text-transform: uppercase; font-size: 0.6em; font-weight: 700; background: #000000; color: #ffffff; line-height: 1.35; padding: 5px 10px; text-align: center; z-index: 9; margin: 0; min-width: auto; min-height: auto; border-radius: 0; right: auto; transform: rotate(-90deg); transform-origin: 25px 28px; } .single-product .site-main div.product .onsale::before, .single-product .site-main div.product .onsale::after { content: ""; border-right: 10px solid #000000; border-bottom: 13px solid transparent; position: absolute; top: 0px; left: -10px; } .single-product .site-main div.product .onsale::after { top: auto; bottom: 0; border-bottom: none; border-top: 13px solid transparent; } .single-product .site-main div.product div.summary { margin-top: 0; position: relative; display: flex; flex-wrap: wrap; flex: 1; } .single-product .site-main div.product div.summary .product_title { font-family: "Cormorant", serif; font-size: 1.8em; font-weight: 700; margin-bottom: 5px; width: 100%; } .single-product .site-main div.product div.summary .woocommerce-product-rating { order: -1; margin-bottom: 15px; line-height: 1; } .single-product .site-main div.product div.summary .woocommerce-product-rating .star-rating { font-size: 0.7em; margin-top: 0; float: none; display: inline-block; vertical-align: middle; color: #FFB001; } .single-product .site-main div.product div.summary .woocommerce-product-rating .woocommerce-review-link { display: inline-block; vertical-align: middle; font-size: 0.7em; color: rgba(0, 0, 0, 0.5); } .single-product .site-main div.product div.summary .price { margin-top: 10px; font-size: 0.9em; color: #000000; font-weight: 700; margin-bottom: 0; } .single-product .site-main div.product div.summary .price del { opacity: 0.3; filter: alpha(opacity=30); margin-right: 15px; } .single-product .site-main div.product div.summary .price ins { background: none; } .single-product .site-main div.product div.summary .woocommerce-product-details__short-description { font-size: 0.8em; margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; width: 100%; } .single-product .site-main div.product div.summary .woocommerce-product-details__short-description p { margin-top: 0; margin-bottom: 20px; } .single-product .site-main div.product div.summary .stock { width: 100%; margin-top: 0; margin-bottom: 10px; } .single-product .site-main div.product div.summary form.cart { width: 100%; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr { background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td .button { background: #000000; color: #ffffff; font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; padding: 10px 15px; line-height: 1.5; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td .button:hover { background: #EE7F4B; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td label a { color: #000000; font-size: 0.8em; font-weight: 700; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td input[type=number] { width: 100%; padding-left: 10px; padding-right: 10px; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount { font-size: 0.8em; font-weight: 600; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td del { opacity: 0.5; filter: alpha(opacity=50); margin-right: 5px; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td ins { background: none; } .single-product .site-main div.product div.summary table.woocommerce-grouped-product-list tbody tr td p.stock.out-of-stock { margin-top: 0; margin-bottom: 0; } .single-product .site-main div.product div.summary .single_add_to_cart_button { background: #000000; font-size: 0.7em; padding: 20px 30px; border-radius: 0; } .single-product .site-main div.product div.summary .single_add_to_cart_button:hover { background: #EE7F4B; } .single-product .site-main div.product div.summary .quantity .qty { padding: 5px; height: 54px; width: 5em; } .single-product .site-main div.product div.summary .yith-wcwl-add-to-wishlist { display: inline-block; margin-top: 0; margin-bottom: 10px; } .single-product .site-main div.product div.summary .yith-wcwl-add-to-wishlist + .clear { display: none; } .single-product .site-main div.product div.summary .yith-wcwl-add-to-wishlist ~ .compare.button { margin-left: 10px; } .single-product .site-main div.product div.summary .yith-wcwl-add-button { position: relative; width: auto; height: auto; transition: all ease 0.35s; } .single-product .site-main div.product div.summary .yith-wcwl-add-button .add_to_wishlist { height: 50px; border-radius: 0; padding: 0 20px 0 50px; display: inline-flex; flex: 1; flex-direction: column; justify-content: center; overflow: hidden; border: 1px solid #DDE9ED; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: 20px 50%; background-size: 20px; font-size: 0.7em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; } .single-product .site-main div.product div.summary .yith-wcwl-add-button .add_to_wishlist:hover { background-color: #DDE9ED; } .single-product .site-main div.product div.summary .yith-wcwl-add-button .ajax-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .single-product .site-main div.product div.summary a.compare { background-color: transparent; height: 50px; border-radius: 0; margin-bottom: 10px; padding: 0 20px 0 50px; display: inline-flex; flex-direction: column; justify-content: center; align-self: flex-start; overflow: hidden; border: 1px solid #DDE9ED; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: 20px 50%; background-size: 20px; font-size: 0.7em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; } .single-product .site-main div.product div.summary a.compare:hover { background-color: #DDE9ED; } .single-product .site-main div.product div.summary .product_meta { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; margin-top: 20px; font-size: 0.6em; text-transform: uppercase; font-weight: 700; color: #000000; letter-spacing: 1px; width: 100%; } .single-product .site-main div.product div.summary .product_meta > span { display: block; margin-bottom: 10px; } .single-product .site-main div.product div.summary .product_meta > span a, .single-product .site-main div.product div.summary .product_meta > span span { display: inline-block; color: rgba(0, 0, 0, 0.5); margin-left: 10px; } .single-product .site-main div.product div.summary .product_meta > span a:hover { color: #EE7F4B; } .single-product .site-main div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: visible; } .single-product .site-main div.product .woocommerce-tabs ul.tabs:before { position: static; border-bottom: none; width: auto; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li { background: none; font-size: 0.7em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border-radius: 0; border: none; margin: 0; padding: 0 10px; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li:before, .single-product .site-main div.product .woocommerce-tabs ul.tabs li:after { display: none; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li a { position: relative; padding: 10px 40px; color: rgba(0, 0, 0, 0.5); } .single-product .site-main div.product .woocommerce-tabs ul.tabs li a:hover { color: #000000; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li a:after { content: ""; background: #EE7F4B; height: 1px; width: 0; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto; visibility: hidden; transition: all ease 0.35s; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li.active a { color: #000000; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li.active a:after { width: 100%; visibility: visible; } .single-product .site-main div.product .woocommerce-tabs .panel { margin: 0; padding: 30px 10% 0 10%; } .single-product .site-main div.product .woocommerce-tabs .panel h2 { margin-top: 0; margin-bottom: 20px; font-size: 1.2em; font-weight: 700; } .single-product .site-main div.product .woocommerce-tabs .panel p { margin-top: 0; margin-bottom: 20px; font-size: 0.8em; } .single-product .site-main div.product .woocommerce-tabs .panel p:last-child { margin-bottom: 0; } .single-product .site-main div.product #reviews #comments h2 { margin-bottom: 30px; } .single-product .site-main div.product #reviews #comments ol.commentlist { padding: 0 0 10px 0; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .single-product .site-main div.product #reviews #comments ol.commentlist li { margin-bottom: 50px; } .single-product .site-main div.product #reviews #comments ol.commentlist li img.avatar { width: 50px; border-radius: 100%; border: none; background: none; padding: 0; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text { padding: 0 0 0 70px; border: none; margin-left: 0; display: flex; flex: 1; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; display: flex; flex: auto; margin-bottom: 0; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author { font-size: 0.7em; text-transform: capitalize; color: #000000; font-weight: 700; margin-right: 5px; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { display: inline-block; vertical-align: middle; font-size: 0.7em; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p.meta time { font-size: 0.7em; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text .description { margin-top: 10px; width: 100%; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p { margin-bottom: 20px; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text p:last-child { margin-bottom: 0; } .single-product .site-main div.product #reviews #comments ol.commentlist li .star-rating { float: none; font-size: 12px; color: #FFB001; } .single-product .site-main div.product #reviews #respond .comment-reply-title { display: block; font-size: 1.2em; line-height: 1.5; margin-bottom: 10px; color: #000000; } .single-product .site-main div.product #reviews #respond .comment-reply-title a { color: rgba(0, 0, 0, 0.5); font-size: 0.6em; letter-spacing: 1px; } .single-product .site-main div.product #reviews #respond .comment-reply-title a:hover { color: #EE7F4B; } .single-product .site-main div.product #reviews #respond .comment-form { display: flex; flex: 1; flex-wrap: wrap; } .single-product .site-main div.product #reviews #respond .comment-form p { margin-bottom: 30px; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-notes { margin-bottom: 0; } .single-product .site-main div.product #reviews #respond .comment-form p textarea { height: 120px; font-size: 1em; font-weight: 400; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-author, .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-email { width: 48%; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-author { margin-right: 4%; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-cookies-consent { font-size: 1em; } .single-product .site-main div.product #reviews #respond .comment-form p.form-submit { margin-bottom: 0; font-size: 1em; } .single-product .site-main div.product #reviews #respond .comment-form p.form-submit input[type=submit] { background: #000000; color: #ffffff; font-size: 0.7em; border-radius: 0; padding: 20px 30px; } .single-product .site-main div.product #reviews #respond .comment-form p.form-submit input[type=submit]:hover { background: #EE7F4B; } .single-product .site-main div.product #reviews #respond .comment-form-rating { margin-top: 30px; } .single-product .site-main div.product #reviews #respond .comment-form-rating label { font-size: 0.7em; color: rgba(0, 0, 0, 0.5); margin-bottom: 10px; display: block; } .single-product .site-main div.product #reviews #respond .comment-form-rating p.stars { margin-bottom: 20px; font-size: 0.7em; } .single-product .site-main div.product #reviews #respond .comment-form-rating p.stars a { color: rgba(0, 0, 0, 0.7); } .single-product .site-main div.product #reviews .comment-notes { display: block; color: rgba(0, 0, 0, 0.5); } .single-product .site-main div.product #reviews .comment-notes .required { color: red; } .single-product .site-main div.product div.images .flex-control-thumbs { padding-top: 5px; margin-left: 0; margin-right: 0; } .single-product .site-main div.product div.images .flex-control-thumbs li { padding: 5px 0; float: none; width: 100%; } .single-product .site-main div.product div.images .flex-control-thumbs .owl-nav [class*=owl-] { height: calc(100% - 10px); transform: none; top: 8px; width: 30px; background-color: rgba(255, 255, 255, 0.9); background-size: 17px; background-image: url('data:image/svg+xml; utf-8, '); } .single-product .site-main div.product div.images .flex-control-thumbs .owl-nav [class*=owl-]:hover { background-color: rgba(255, 255, 255, 0.5); } .single-product .site-main div.product div.images .flex-control-thumbs .owl-nav .owl-next { background-image: url('data:image/svg+xml; utf-8, '); } .single-product .site-main .related { margin-top: 60px; } .single-product .site-main .related > h2 { margin-top: 0; margin-bottom: 50px; font-family: "Cormorant", serif; font-size: 1.8em; } .single-product.bsp-style-two .site-main div.product .onsale, .single-product.bsp-style-three .site-main div.product .onsale { left: 115px; } .single-product.bsp-style-two .site-main div.product div.images, .single-product.bsp-style-three .site-main div.product div.images { display: flex; flex: 1; flex-direction: row-reverse; flex-wrap: wrap; } .single-product.bsp-style-two .site-main div.product div.images .flex-viewport, .single-product.bsp-style-three .site-main div.product div.images .flex-viewport { width: calc(100% - 100px); margin-left: 20px; } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs { width: 80px; padding-top: 0; position: relative; } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs li, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs li { display: block; } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs li img, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs li img { display: initial; } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs .slick-arrow, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs .slick-arrow { position: absolute; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.7); height: 30px; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 10px; background-position: center; cursor: pointer; z-index: 999; padding: 0; font-size: 0; width: 100%; } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs .slick-arrow.slick-next, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs .slick-arrow.slick-next { top: auto; bottom: 0; background-image: url('data:image/svg+xml; utf-8, '); } .single-product.bsp-style-two .site-main div.product div.images .flex-control-thumbs .slick-arrow:hover, .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs .slick-arrow:hover { background-color: rgba(255, 255, 255, 0.85); } .single-product.bsp-style-three .site-main div.product .onsale { left: 15px; } .single-product.bsp-style-three .site-main div.product div.images { flex-direction: row; } .single-product.bsp-style-three .site-main div.product div.images .woocommerce-product-gallery__trigger { right: 115px; } .single-product.bsp-style-three .site-main div.product div.images .flex-viewport { margin-left: 0; margin-right: 20px; } .single-product.bsp-style-three .site-main div.product div.images .flex-control-thumbs { float: right; } @media screen and (max-width: 767px) { .single-product .site-main div.product .woocommerce-tabs ul.tabs li { padding-left: 0; padding-right: 0; } .single-product .site-main div.product .woocommerce-tabs ul.tabs li a { padding-left: 20px; padding-right: 20px; } .single-product .site-main div.product .woocommerce-tabs .panel { padding-left: 0; padding-right: 0; } .single-product .site-main div.product #reviews #comments ol.commentlist li .star-rating { margin-bottom: 5px; } .single-product .site-main div.product #reviews #comments ol.commentlist li .comment-text { flex-direction: column; align-items: flex-start; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-author, .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-email { width: 100%; } .single-product .site-main div.product #reviews #respond .comment-form p.comment-form-author { margin-right: 0; } } .woocommerce-cart .site-main .woocommerce { display: flex; flex: 1; flex-wrap: wrap; } .woocommerce-cart .site-main .woocommerce .cart-empty { width: 100%; font-size: 0.8em; } .woocommerce-cart .site-main .woocommerce .cart-empty .dropcap { float: none; margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } .woocommerce-cart .site-main .woocommerce .woocommerce-notices-wrapper { width: 100%; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form { width: calc(100% - 430px); padding-right: 60px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table { border: none; margin: 0; border-collapse: collapse; border-radius: 0; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table thead { display: none; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody tr { background: none; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td { padding: 20px 10px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td .remove { font-family: "Nunito Sans", sans-serif; color: #ffffff !important; background: rgba(0, 0, 0, 0.5); width: 20px; height: 20px; font-size: 1em; line-height: 18px; font-weight: 400; text-indent: 1px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td .remove:hover { background: red; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td img { width: 75px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td a { text-transform: uppercase; color: #000000; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td .woocommerce-Price-amount { color: rgba(0, 0, 0, 0.5); font-weight: 400; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td input[type=number] { max-width: 100px; width: 100%; border: none; font-weight: 600; font-size: 1em; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.product-subtotal .woocommerce-Price-amount { color: #000000; font-weight: 700; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions { border-top: none; padding-left: 0; padding-right: 0; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon { border: 1px dashed rgba(0, 0, 0, 0.15); position: relative; padding-left: 50px; width: 350px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); width: 25px; height: 25px; position: absolute; top: 12px; left: 20px; background-repeat: no-repeat; background-position: center; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon #coupon_code { background: none; width: calc(100% - 50px); border: none; margin-right: 0; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon .button { border-radius: 0; padding: 0; background-color: transparent; border-left: 1px dashed rgba(0, 0, 0, 0.15); width: 50px; height: 50px; overflow: hidden; text-indent: 60px; white-space: nowrap; background-image: url('data:image/svg+xml;utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 18px; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon .button:hover { background-color: #EE7F4B; background-image: url('data:image/svg+xml;utf-8, '); } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions > .button { font-size: 0.7em; font-weight: 700; letter-spacing: 1px; padding: 5px 30px; height: 50px; background: #000000; border-radius: 0; color: #ffffff; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions > .button:disabled, .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions > .button:disabled[disabled] { background: #000000; opacity: 0.2; filter: alpha(opacity=20); } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions > .button:hover { background: #EE7F4B; } .woocommerce-cart .site-main .woocommerce .cart-collaterals { width: 430px; display: flex; flex: initial; flex-direction: column; overflow: hidden; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; background: #F6F8F8; position: relative; padding: 30px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals::before, .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals::after { content: ""; background-image: url("images/decoration.png"); position: absolute; top: -10px; left: 0; width: 100%; height: 20px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals::after { top: auto; bottom: -10px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals > h2 { margin-top: 10px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 10px; font-size: 0.9em !important; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table { border: none; margin: 0; border-collapse: collapse; border-radius: 0; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr { background: none; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr th, .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr td { border: none; font-size: 0.8em; color: #000000; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr th { padding-left: 0; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr td { padding-right: 0; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr.order-total { border-top: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr.order-total th, .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr.order-total td { text-transform: uppercase; padding-top: 20px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .shop_table tr.order-total td { text-align: right; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .checkout-button { font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; border-radius: 0; background: #EE7F4B; padding: 20px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals .cart_totals .checkout-button:hover { background: #000000; } .woocommerce-cart:not(.full-width) .site-main .woocommerce .woocommerce-cart-form { width: calc(100% - 320px); padding-right: 40px; } .woocommerce-cart:not(.full-width) .site-main .woocommerce .cart-collaterals { width: 320px; } @media screen and (max-width: 1366px) { .woocommerce-cart:not(.full-width) .site-main .woocommerce .woocommerce-cart-form { width: 100%; padding-right: 0; margin-bottom: 40px; } .woocommerce-cart:not(.full-width) .site-main .woocommerce .cart-collaterals { width: 350px; margin-left: auto; } } @media screen and (max-width: 1024px) { .woocommerce-cart .site-main .woocommerce { flex-direction: column; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form { width: 100%; padding-right: 0; margin-bottom: 40px; } .woocommerce-cart .site-main .woocommerce .cart-collaterals { margin-left: auto; } } @media screen and (max-width: 768px) { .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; text-align: center !important; } .woocommerce #content table.cart .product-thumbnail::before, .woocommerce table.cart .product-thumbnail::before, .woocommerce-page #content table.cart .product-thumbnail::before, .woocommerce-page table.cart .product-thumbnail::before { display: none; } .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { padding-bottom: 0; } .woocommerce table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .button { width: 50px; } .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width: auto; margin-left: auto; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: none; } } @media screen and (max-width: 767px) { .woocommerce-cart .site-main .woocommerce { flex-direction: column; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form { padding-right: 0; width: 100%; } .woocommerce-cart .site-main .woocommerce .woocommerce-cart-form table.shop_table tbody td.actions .coupon { width: 100%; } .woocommerce-cart .site-main .woocommerce .cart-collaterals { width: 100%; margin-top: 60px; } .woocommerce-cart:not(.full-width) .site-main .woocommerce .cart-collaterals { width: 100%; } } .woocommerce-checkout #primary .woocommerce-info { background: none; border-top: none; text-align: center; padding: 0; font-size: 0.8em; } .woocommerce-checkout #primary .woocommerce-info:before { display: none; } .woocommerce-checkout #primary .woocommerce-info a { display: inline-block; font-weight: 700; color: #EE7F4B; margin-left: 5px; border-bottom: 1px dashed; } .woocommerce-checkout #primary .woocommerce-info a:hover { color: #000000; border-bottom-color: transparent; text-decoration: none; } .woocommerce-checkout #primary .checkout_coupon { max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; text-align: center; border-radius: 0; background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.05); } .woocommerce-checkout #primary .checkout_coupon p { font-size: 0.8em; } .woocommerce-checkout #primary .checkout_coupon p .dropcap { float: none; font-size: inherit; font-weight: inherit; margin-top: 0; margin-right: 0; color: inherit; line-height: inherit; } .woocommerce-checkout #primary .checkout_coupon p.form-row { font-size: 1em; padding: 0; width: auto; float: none; display: inline-block; } .woocommerce-checkout #primary .checkout_coupon p.form-row .button { font-size: 0.7em; letter-spacing: 1px; background: #000000; color: #ffffff; padding: 10px 25px; height: 50px; border-radius: 0; } .woocommerce-checkout #primary .checkout_coupon p.form-row .button:hover { background: #EE7F4B; } .woocommerce-checkout #primary .checkout_coupon p.form-row-first { text-align: right; width: 45%; } .woocommerce-checkout #primary .checkout_coupon p.form-row-last { text-align: left; } .woocommerce-checkout #primary .woocommerce-checkout { display: table; clear: both; width: 100%; margin-top: 60px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set { float: left; width: calc(100% - 470px); padding-right: 60px; display: inline-block; vertical-align: top; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3 { margin-top: 0; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields .form-row { padding: 0; margin-bottom: 20px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields .form-row-first { width: 50%; padding-right: 10px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields .form-row-last { width: 50%; padding-left: 10px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields label { font-size: 0.7em; text-transform: capitalize; color: #999; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-2 .woocommerce-additional-fields > h3 { display: none; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-2 .woocommerce-additional-fields p { padding: 0; margin: 0 0 10px 0; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-2 .woocommerce-additional-fields label { font-size: 0.7em; color: #999; margin-bottom: 3px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-2 .woocommerce-additional-fields textarea { height: 125px; } .woocommerce-checkout #primary .woocommerce-checkout #order_review_heading { width: 460px; padding: 40px 30px 10px 30px; background: #F6F8F8; position: relative; margin: 0; font-size: 0.9em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; display: inline-block; vertical-align: top; } .woocommerce-checkout #primary .woocommerce-checkout #order_review_heading::before { content: ""; background-image: url("images/decoration.png"); width: 100%; height: 20px; position: absolute; top: -10px; left: 0; } .woocommerce-checkout #primary .woocommerce-checkout #order_review_heading::after { content: ""; background: rgba(0, 0, 0, 0.1); height: 1px; position: absolute; bottom: 0; left: 30px; right: 30px; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order { background: #f8f8f8; width: 460px; display: inline-block; vertical-align: top; padding: 30px; position: relative; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order::after { content: ""; background-image: url("images/decoration.png"); width: 100%; height: 20px; position: absolute; bottom: -10px; left: 0; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table { border: none; margin: 0; border-collapse: collapse; border-radius: 0; font-size: 1em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tr { background: none; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th { padding-left: 0; padding-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.7em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .product-total { text-align: right; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td { padding: 20px 0; font-size: 0.7em; font-weight: 700; color: #000000; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td.product-name { text-transform: uppercase; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .cart-subtotal th, .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .order-total th { font-size: 0.8em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .cart-subtotal td, .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .order-total td { text-align: right; font-size: 0.9em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .order-total th { border-bottom: none; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .order-total td { border-bottom: none; font-size: 1.2em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table .order-total td strong { font-weight: 700; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment { background: none; border-radius: 0; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods, .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order { padding: 0; margin-top: 20px; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods { border-bottom: none; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li { font-size: 0.7em; position: relative; padding-left: 25px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li label { font-weight: 700; color: #000000; display: inline-block; width: 100%; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li label::before { content: ""; border: 1px solid rgba(0, 0, 0, 0.15); width: 16px; height: 16px; position: absolute; top: 5px; left: 0; border-radius: 100%; background: rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 13px #f8f8f8 inset; transition: all ease 0.35s; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li label .about_paypal { line-height: normal; color: rgba(0, 0, 0, 0.5); border-bottom: 1px dashed; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li label .about_paypal:hover { color: #EE7F4B; border-bottom-color: transparent; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li label img { max-height: 40px; vertical-align: top; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li input[type=radio] { display: none; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li input[type=radio]:checked + label::before { background: #EE7F4B; border-color: #EE7F4B; box-shadow: 0 0 0 3px #f8f8f8 inset; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li .payment_box { background-color: transparent; border-radius: 0; padding: 0; font-size: 1em; margin-bottom: 0; margin-top: 0; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li .payment_box:before { display: none; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_methods li .payment_box p { margin-top: 10px; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order { margin-top: 10px; margin-bottom: 0; font-size: 0.7em; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order a { color: #EE7F4B; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order a:hover { text-decoration: underline; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order .button { float: none; display: block; width: 100%; border-radius: 0; font-size: 1em; letter-spacing: 1px; padding: 20px; background: #EE7F4B; } .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order #payment .place-order .button:hover { background: #000000; } .woocommerce-order-received .entry-content { margin-top: 0; } .woocommerce-order-received .entry-content p { margin-top: 0; font-size: 0.8em; } .woocommerce-order-received .entry-content .dropcap { float: none; margin: 0; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; } .woocommerce-order-received .entry-content ul.order_details { padding: 1px; border: 1px solid rgba(0, 0, 0, 0.1); display: flex; flex: 1; flex-wrap: wrap; margin-bottom: 20px; } .woocommerce-order-received .entry-content ul.order_details li { font-size: 0.7em; float: none; border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 15px; margin: 3px; display: flex; flex-direction: column; flex: auto; font-weight: 700; } .woocommerce-order-received .entry-content ul.order_details li strong { font-size: 1em; font-weight: 600; margin-top: 10px; } .woocommerce-order-received .entry-content .woocommerce-order-details, .woocommerce-order-received .entry-content .woocommerce-customer-details { width: 50%; float: left; padding-right: 20px; } .woocommerce-order-received .entry-content .woocommerce-order-details .woocommerce-order-details__title { margin-top: 0; margin-bottom: 20px; font-size: 1.2em; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table { border-radius: 0; font-size: 1em; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table thead tr { background: #EE7F4B; font-size: 0.8em; text-transform: uppercase; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table thead tr th { color: #ffffff; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tbody tr { background: none; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tfoot tr { background: rgba(0, 0, 0, 0.03); } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tfoot tr td { font-size: 0.8em; color: #202020; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tr th { border-bottom: none; font-size: 0.8em; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tr td { font-size: 0.8em; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tr td a { color: #000000; } .woocommerce-order-received .entry-content .woocommerce-order-details .shop_table tr td a:hover { color: #EE7F4B; } .woocommerce-order-received .entry-content .woocommerce-customer-details { padding-right: 0; padding-left: 20px; } .woocommerce-order-received .entry-content .woocommerce-customer-details .woocommerce-column__title { margin-top: 0; margin-bottom: 20px; font-size: 1.2em; } .woocommerce-order-received .entry-content .woocommerce-customer-details address { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 15px; font-size: 0.8em; line-height: 1.8em; } .woocommerce-order-received .entry-content .woocommerce-customer-details address p { font-size: 1em; } @media screen and (max-width: 1024px) { .woocommerce-checkout #primary .woocommerce-checkout .col2-set { float: none; width: 100%; padding-right: 0; } .woocommerce-checkout #primary .woocommerce-checkout #order_review_heading, .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order { width: 100%; padding-left: 15px; padding-right: 15px; } .woocommerce-order-received .entry-content ul.order_details li { width: 49%; } } @media screen and (max-width: 767px) { .woocommerce-checkout #primary .woocommerce-checkout #order_review_heading, .woocommerce-checkout #primary .woocommerce-checkout .woocommerce-checkout-review-order { padding-left: 15px; padding-right: 15px; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields .form-row-first { width: 100%; padding-right: 0; } .woocommerce-checkout #primary .woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields .form-row-last { width: 100%; padding-left: 0; } .woocommerce-order-received .entry-content ul.order_details { flex-direction: column; } .woocommerce-order-received .entry-content ul.order_details li { width: auto; } .woocommerce-order-received .entry-content .woocommerce-order-details, .woocommerce-order-received .entry-content .woocommerce-customer-details { float: none; width: 100%; padding-right: 0; padding-left: 0; } } .woocommerce-wishlist ul.responsive { padding: 0; } .woocommerce-wishlist #content .entry-content { margin-top: 0; } .woocommerce-wishlist #content .entry-content p { margin-top: 0; } .woocommerce-wishlist #content .entry-content p:last-child { margin-bottom: 0; } .woocommerce-wishlist #content .wishlist-title h2 { margin-top: 0; margin-bottom: 20px; padding: 0; font-size: 1.2em; } .woocommerce-wishlist #content .wishlist_table.shop_table { border: none; margin: 0; border-radius: 0; font-size: 1em; } .woocommerce-wishlist #content .wishlist_table.shop_table thead { display: none; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody tr { background: none; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody tr:first-child td { border-top: none; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td { padding: 20px 10px; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td .remove { font-family: primary_font; color: #ffffff !important; background: rgba(0, 0, 0, 0.5); width: 20px; height: 20px; font-size: 1em; line-height: 18px; font-weight: 400; text-indent: 1px; padding: 0 !important; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td .remove:hover { background: red; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td img { width: 75px; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td a { vertical-align: middle; text-transform: uppercase; color: #000000; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; display: inline-block !important; padding-top: 15px !important; padding-bottom: 15px !important; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td a.yith-wcqv-button { padding: 0; margin-left: 10px; display: inline-block; width: 35px; height: 35px; white-space: nowrap; background-color: rgba(0, 0, 0, 0.03); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 15px; white-space: nowrap; font-size: 0; transition: all ease 0.35s; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td a.yith-wcqv-button:hover { background-color: #EE7F4B; background-image: url('data:image/svg+xml; utf-8, '); } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td.product-price { font-size: 0.9em; color: #777; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td.product-price del { color: rgba(0, 0, 0, 0.25); margin-right: 10px; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td.product-price ins { background: none; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td .wishlist-in-stock { color: #7EBC59; font-size: 0.9em; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td.product-add-to-cart .button { background: #000000; color: #ffffff; border-radius: 0; padding: 15px 20px; } .woocommerce-wishlist #content .wishlist_table.shop_table tbody td.product-add-to-cart .button:hover { background: #EE7F4B; } @media screen and (max-width: 767px) { .woocommerce-wishlist #content table.wishlist_table.shop_table { display: block; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody, .woocommerce-wishlist #content table.wishlist_table.shop_table tfoot { display: block; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr { display: block; background: none; border-top: 3px solid rgba(0, 0, 0, 0.1); padding-top: 10px; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr:first-child { margin-top: 0; border-top: none; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td { display: block; position: relative; border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 40%; text-align: left; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td::before { content: ""; position: absolute; top: 0; left: 10px; display: flex; flex: 1; flex-direction: column; justify-content: center; bottom: 0; color: #000000; font-size: 0.7em; font-weight: 700; width: 35%; text-align: left; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-remove, .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-thumbnail, .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-add-to-cart { padding-left: 10px; text-align: center; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-remove::before, .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-thumbnail::before, .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-add-to-cart::before { display: none; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-remove { border-bottom: none; padding: 0; text-align: right; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-thumbnail { padding: 0; max-width: 100%; text-align: center; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-name::before { content: "Product Name"; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-price::before { content: "Unite Price"; } .woocommerce-wishlist #content table.wishlist_table.shop_table tbody tr td.product-stock-status::before { content: "Stock Status"; } } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-account .woocommerce-MyAccount-navigation ul li { font-size: 0.7em; text-transform: uppercase; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000000; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: #EE7F4B; color: #ffffff; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: #EE7F4B; color: #ffffff; } .woocommerce-account .woocommerce-MyAccount-content { font-size: 0.8em; } .woocommerce-account .woocommerce-MyAccount-content a { color: #EE7F4B; } .woocommerce-account .woocommerce-MyAccount-content a:hover { text-decoration: underline; } .woocommerce-account .woocommerce-MyAccount-content a.woocommerce-Button { color: #ffffff; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content p { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content .dropcap { float: none; margin: 0; font-size: inherit; color: inherit; line-height: inherit; font-weight: inherit; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { font-size: 1em; } .woocommerce-account .woocommerce-MyAccount-content .title h3 { margin-top: 0; margin-bottom: 20px; font-size: 1.2em; } .woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text, .woocommerce-account .woocommerce-MyAccount-content form .form-row textarea { font-size: 1em; } .woocommerce-account .woocommerce-MyAccount-content form button.button { font-size: 1em; margin-top: 20px; } .woocommerce-account .woocommerce-form-login .form-row label { font-size: 0.7em; font-weight: 600; margin-bottom: 5px; } .woocommerce-account .lost_password a { font-size: 0.8em; color: #474747; font-style: italic; text-decoration: underline; } .woocommerce-account .lost_password a:hover { color: #EE7F4B; } .woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme { font-size: 0.8em; }