/* Theme Name: Best Shop Theme URI: https://www.gradientthemes.com/product/wordpress-shopping-cart-theme/ Author: gradientthemes Author URI: https://gradientthemes.com/ Description: Best Shop is a fast, clean, widgetized and modern responsive free WooCommerce WordPress theme. The theme supports popular page builders like Elementor, KingComposer, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, etc. The theme has built in WooCommerce product widgets like product category lists/grids, product sliders, post sliders, category showcase etc. Therefore you can create product pages easily without referring to complex shortcodes. Best Shop is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, YITH WooCommerce Quick view, WooCommerce Variation Swatches and most of the popular plugins. The theme is SEO friendly, WPML and RTL ready. See documentation:-https://wordpress.gradientthemes.com Version: 1.5.3 Requires at least: 4.7 Tested up to: 6.7 Requires PHP: 7.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: best-shop Tags: blog, one-column, two-columns,three-columns, right-sidebar, left-sidebar, grid-layout, sticky-Post, footer-widgets,custom-background, custom-header, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, rtl-language-support, theme-options, e-commerce, food-and-drink This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Best Shop is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v3 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/ */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } .site-title a, .site-header .header-wrapper .header-left ul li a, .site-header .top-bar-menu .right-menu ul li a, .site-header .top-bar-menu .left-menu ul li a, button, input, select, optgroup, textarea , h1, h2, h3, h4, h5, h6 , section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder h3 , .archive .page-header .page-title , .archive article .entry-details h3 , .single-post .content-area .site-main .post-image .entry-header .entry-title span { font-family: var(--gbl-primary-font); } body, p { font-family: var(--gbl-secondary-font); } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; font-weight: 400; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 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; font-size: 1em; } /* 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; text-decoration: underline; text-decoration: underline dotted; } /** * 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; font-size: 1em; } /** * 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; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { 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; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * 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; padding: 0; } /** * 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; outline-offset: -2px; } /** * 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; font: inherit; } /* 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; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } /* 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 logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } article figure { margin: 0; } img, svg, iframe { vertical-align: top; } .cat1 { font-size: 0.778em; color: #ffffff; padding: 3px 5px; border-radius: 5px; background-color: var(--gbl-primary-color); } .cat3 { font-size: 0.778em; color: #ffffff; padding: 3px 5px; border-radius: 5px; background-color: #414042; } .article-meta .article-meta-span, .article-meta .article-meta-span .social-links li a, .auth-details .author-desc, .auth-details .author-details, .auth-details .comments, .post-navigation.pagination .nav-links, .post-navigation.pagination .nav-links .nav-previous, .post-navigation.pagination .nav-links .post, .post-navigation.pagination .nav-links .pagination-details, .additional-post .section-grid, .page-grid, .comments-area .comment-meta, .comments-area .reply, .comments-area .comment-respond .comment-form .form-grid, .widget.widget-trending-posts, #secondary .widget.widget_calendar .wp-calendar-nav, .site-header .header-wrapper, .site-header .header-wrapper .nav-wrap, .site-header .header-wrapper .header-left, .site-header .header-wrapper .nav-menu, .site-header .header-wrapper .header-right, .site-header .header-wrapper .header-right .social-links, .mobile-header .mob-nav-site-branding-wrap, .mobile-header .header-bottom-slide-inner .social-links, .mobile-header .header-bottom-slide-inner .mobile-header-wrap, .mobile-social-wrap, .mobile-social-wrap .social-links, .header-search-form .search-form, .site-footer .footer-top .grid .col section .widget_tags ul, .site-footer .footer-top .grid .col section .widget-dt-newsletter .dt-newsletter-form label, .site-footer .footer-top .grid .col section .social-links, .site-footer .footer-top .grid .col section .social-links li a, .site-footer .footer-bottom .container, .site-footer .footer-bottom .container .footer-bottom-menu ul, .site-footer .widget.widget_calendar .wp-calendar-nav, section.newsletter-section .dt-newsletter-wrapper, section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper, section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form, section.newsletter-section .right-wrapper, .woocommerce-checkout form.checkout_coupon .form-row .checkout-form-wrapper, .archive.rightsidebar .content-wrap-main, .archive.masonary .site-main .content-wrap-main, .author-section .author-wrapper, .author-section .author-wrapper .author-wrap .author-social ul, .author.masonary .site-main .content-wrap-main, .author.rightsidebar .content-wrap-main, .search.masonary .site-main .content-wrap-main, .search.search-no-results .search-form, .single-post .content-area .site-main .post-image .entry-header .auth-details .comments, .single-post .content-area .site-main .content-wrap, .error404 .not-found .error404-search .search-form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .widget.widget_social_feeds .social-links li a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .article-meta { position: sticky; left: 0; width: 80px; top: 38px; height: 100%; } @media (max-width: 767px) { .article-meta { position: fixed; bottom: 0; top: unset !important; width: 100%; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); z-index: 99; height: auto; } } .article-meta .article-meta-inner { position: sticky; top: 0; } .article-meta .article-meta-span { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .article-meta .article-meta-span { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } .article-meta .article-meta-span .social-links { margin: 20px 0 0; } @media (max-width: 767px) { .article-meta .article-meta-span .social-links { display: flex; grid-gap: 10px; } } .article-meta .article-meta-span .social-links li { margin-bottom: 20px; } .article-meta .article-meta-span .social-links li a { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09); border-radius: 50%; width: 39px; height: 39px; } .article-meta .article-meta-span .social-links li a svg { width: 15px; height: 15px; margin-top: 7px; } .article-meta .article-meta-span .social-links li a:hover { background-color: var(--gbl-primary-color); } .article-meta .article-meta-span .social-links li a:hover path { fill: #ffffff; } .auth-details { } .auth-details .author-desc { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.778em; font-weight: 500; line-height: 1; opacity: 0.9; } .auth-details .author-details { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 767px) { .auth-details .author-details { width: auto; } } .auth-details .author-details img { width: 28px; height: 28px; border: 1px solid #f0f0f0; border-radius: 50%; object-fit: cover; vertical-align: top; } .auth-details .author-details .author-name { margin-left: 6px; margin-right: 14px; padding-right: 14px; border-right: 1px solid #ffffff; } @media (max-width: 767px) { .auth-details .author-details .author-name { border-right: 0px; } } .auth-details .date { margin-right: 14px; } .auth-details .comments { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-left: 10px; border-left: 1px solid #000000; } .auth-details .comments span { width: 14px; height: 14px; margin-right: 7px; } .dropdown { float: left; color: #000000; font-family: var(--gbl-primary-color); font-size: 6.056em; line-height: 0.8; font-weight: 600; margin: 0 15px 28px 0; } .section-header .section-title { font-size: 1.667em; line-height: 1.2; font-weight: 500; margin-bottom: 60px; position: relative; } @media (max-width: 1440px) { .section-header .section-title { font-size: 1.556em; } } @media (max-width: 1024px) { .section-header .section-title { font-size: 1.444em; } } @media (max-width: 767px) { .section-header .section-title { margin-bottom: 50px; font-size: 1.333em; } } .section-header .section-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); height: 1.5px; width: 63px; left: 0; bottom: -14px; } .site-main .entry-content ul, .site-main .entry-content ol { margin: 0; padding-left: 16px; font-weight: 400; line-height: 2; margin-bottom: 20px; } .site-main .entry-content ul li, .site-main .entry-content ol li { position: relative; } .site-main .entry-content ul li::before, .site-main .entry-content ol li::before { position: absolute; content: ""; top: 14px; left: -13px; height: 8px; width: 4px; } .site-main .entry-content ul li::before ol, .site-main .entry-content ol li::before ol { margin-top: 15px; margin-bottom: 0; } .site-main .entry-content ol li { counter-increment: olCount; padding-left: 30px; } .post-navigation { margin: 53px 0 0; padding: 34px 0 0; border-top: 1px solid rgba(208, 210, 211, 0.5); } .post-navigation .meta-nav { font-size: 0.889em; font-weight: 500; line-height: 1.75; cursor: pointer; max-width: auto; max-height: auto; } .post-navigation.pagination .nav-links { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (max-width: 767px) { .post-navigation.pagination .nav-links { flex-wrap: wrap; } } .post-navigation.pagination .nav-links a { transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .post-navigation.pagination .nav-links a:hover { color: var(--gbl-primary-color); } .post-navigation.pagination .nav-links .nav-next, .post-navigation.pagination .nav-links .nav-previous { width: 43%; } @media (max-width: 767px) { .post-navigation.pagination .nav-links .nav-next, .post-navigation.pagination .nav-links .nav-previous { width: 100%; } } .post-navigation.pagination .nav-links .nav-next .meta-nav, .post-navigation.pagination .nav-links .nav-previous .meta-nav { position: relative; display: inline; } .post-navigation.pagination .nav-links .nav-next .meta-nav:hover, .post-navigation.pagination .nav-links .nav-previous .meta-nav:hover { color: var(--gbl-primary-color); } .post-navigation.pagination .nav-links .nav-next .meta-nav:hover::after, .post-navigation.pagination .nav-links .nav-previous .meta-nav:hover::after { width: 80px; } .post-navigation.pagination .nav-links .nav-previous, .post-navigation.pagination .nav-links .post { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .post-navigation.pagination .nav-links .nav-previous img, .post-navigation.pagination .nav-links .nav-previous svg, .post-navigation.pagination .nav-links .post img, .post-navigation.pagination .nav-links .post svg { border-radius: 3px; } .post-navigation.pagination .nav-links .pagination-details { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px 19px 26px; } .post-navigation.pagination .nav-links .pagination-details .entry-header { position: unset; } .post-navigation.pagination .nav-links .pagination-details .entry-header .entry-title { margin: 0; font-size: 1em; } .post-navigation.pagination .nav-links .nav-next { text-align: right; float: right; margin-left: auto; } @media (max-width: 767px) { .post-navigation.pagination .nav-links .nav-next { float: unset; width: 100%; } } .post-navigation.pagination .nav-links .nav-next .post { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .post-navigation.pagination .nav-links .nav-next .post img, .post-navigation.pagination .nav-links .nav-next .post svg rect { border-radius: 15px; } .post-navigation.pagination .nav-links .post-thumbnail { -webkit-box-flex: 0; -webkit-flex: 0 0 132px; -moz-box-flex: 0; -moz-flex: 0 0 132px; -ms-flex: 0 0 132px; flex: 0 0 132px; } @media (max-width: 1024px) { .post-navigation.pagination .nav-links .post-thumbnail { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -moz-box-flex: 0; -moz-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; } } @media (max-width: 1024px) { .post-navigation.pagination .nav-links .post-thumbnail { -webkit-box-flex: 0; -webkit-flex: 0 0 75px; -moz-box-flex: 0; -moz-flex: 0 0 75px; -ms-flex: 0 0 75px; flex: 0 0 75px; } } .navigation.pagination { text-align: center; margin-top: 40px; } .navigation.pagination .page-numbers { position: relative; height: 45px; width: 45px; background-color: #000000; color: #ffffff; display: inline-block; margin: 0 3px 3px; line-height: 45px; border-radius: 50%; transition: 0.3s ease all; } .navigation.pagination .page-numbers.next, .navigation.pagination .page-numbers.prev { text-indent: -9999px; } .navigation.pagination .page-numbers:hover, .navigation.pagination .page-numbers.current { background-color: var(--gbl-primary-color); } .navigation.pagination .page-numbers.next::after, .navigation.pagination .page-numbers.prev::after { position: absolute; content: ""; height: 10px; width: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.201' height='11.519' viewBox='0 0 6.201 11.519'%3E%3Cpath id='Path_135' data-name='Path 135' d='M681.481,5207.76l4.134,5.072-4.134,5.192' transform='translate(-680.698 -5207.128)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .navigation.pagination .page-numbers.prev::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); left: 40%; top: 44%; } .navigation .nav-links { text-align: center; margin-top: 40px; margin-bottom: 30px; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { padding:10px 15px; font-size: 1em; font-weight: 600; cursor: pointer; transition: all 0.3s ease; font-family: var(--gbl-primary-font); } .navigation .nav-links .nav-next a::before{ display: inline; content: " < "; width: 2em; height: 1em; } .navigation .nav-links .nav-previous a::after { display: inline; content: " > "; width: 2em; height: 1em; } .default .posts-navigation .nav-links a { display: inline-block; border: 2px solid var(--gbl-primary-color); background: var(--gbl-primary-color); color: #fff; border-radius: 3px; } .navigation .nav-links .nav-next a:hover, .navigation .nav-links .nav-previous a:hover { color: var(--gbl-primary-color); background: transparent; } .additional-post { padding-top: 43px; margin-top: 10px; border-top: 1px solid rgba(208, 210, 211, 0.5); } .additional-post .post .auth-details .author-details .author-name, .additional-post .date { border-color: #808184; } .additional-post img, .additional-post svg { border-radius: 3px; } .additional-post p { margin-bottom: 20px; } .additional-post .post-title { position: relative; font-size: 1.667em; line-height: 1.25555; color: #000000; font-family: var(--gbl-secondary-color); font-weight: 500; margin-bottom: 56px; } @media (max-width: 1440px) { .additional-post .post-title { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { .additional-post .post-title { font-size: 1.222em; margin-bottom: 45px; } } @media (max-width: 767px) { .additional-post .post-title { font-size: 1.222em; margin-bottom: 30px; } } .additional-post .post-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .additional-post .section-grid { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 51px; } @media (max-width: 767px) { .additional-post .section-grid { grid-gap: 30px; } } .additional-post .section-grid .post { position: relative; width: calc(50% - 26px); border: 1px solid #efefef; } @media (max-width: 767px) { .additional-post .section-grid .post { width: 100%; grid-gap: 20px; } } .additional-post .section-grid .entry-meta { top: 52%; } .additional-post .section-grid .entry-header { padding: 20px; } @media (max-width: 1440px) { .additional-post .section-grid .entry-header { padding: 20px; } } @media (max-width: 1024px) { .additional-post .section-grid .entry-header { padding: 15px; } } @media (max-width: 1024px) { .additional-post .section-grid .entry-header .author-desc .author-details, .additional-post .section-grid .entry-header .author-desc .date { margin-bottom: 0; } } .additional-post .section-grid .entry-header .entry-details a:hover { color: var(--gbl-primary-color); } .additional-post .section-grid .entry-header .date a, .additional-post .section-grid .entry-header .comments { } @media (max-width: 600px) { .additional-post .section-grid .entry-header .date a, .additional-post .section-grid .entry-header .comments { margin-top: 7px; } } .sponser-section .desc { color: #58595b; font-size: 1em; margin-bottom: 20px; } .sponser-section .sponser-wrap { display: grid; grid-template-columns: repeat(5, 1fr); } @media (max-width: 767px) { .sponser-section .sponser-wrap .sponser-image { padding: 10px; } } @media (max-width: 1024px) { .sponser-section .sponser-wrap { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .sponser-section .sponser-wrap { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } } .sponser-section .sponser-wrap img { width: unset; transition: 0.3s ease all; } .sponser-section .sponser-wrap img:hover { transform: scale(1.1); } .default { margin-bottom: 40px; } .default .posts-navigation .nav-links .nav-previous { float: right; margin-bottom: 40px; } @media (max-width: 767px) { .default .posts-navigation .nav-links .nav-previous { margin-bottom: 8px; } } .default .posts-navigation .nav-links .nav-next { float: left; margin-bottom: 40px; } @media (max-width: 767px) { .default .posts-navigation .nav-links .nav-next { margin-bottom: 8px; } } @media (max-width: 767px) { .default .posts-navigation .nav-links a { padding: 9px 18.5px; } } .page-grid { margin-top: 10px; margin-bottom: 15px; } .page-grid { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-gap: 53px; } @media (max-width: 1024px) { .page-grid { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .page-grid #secondary section.widget:last-child { } .site-main { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } #secondary { flex: 0 0 25%; max-width: 25%; } .template-home-sidebar #secondary { flex: 0 0 100%; max-width: 100%; } @media (max-width: 1024px) { #secondary { max-width: 100%; flex: 0 0 100%; } } .leftsidebar .page-grid { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 1024px) { .leftsidebar .page-grid { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } * { margin: 0; padding: 0; box-sizing: border-box; } *::before, *::after { box-sizing: inherit; } body, button, input, select, optgroup, textarea { font-weight: 400; line-height: 1.5; } select { padding: 4px; } a { text-decoration: none; color: #000000; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } body, a, p, h1, h2, h3, h4, h5, h6 { color: var(--text-color); } svg { fill: var(--text-color); } li { list-style: none; } .entry-content li { list-style: inherit; } h1 { font-size: 2.3em; line-height: 1.8; font-weight: 600; } @media (max-width: 1440px) { h1 { font-size: 2.000em; } } @media (max-width: 1024px) { h1 { font-size: 1.778em; } } @media (max-width: 767px) { h1 { font-size: 1.778em; } } h2 { font-size: 1.667em; line-height: 1.5; font-weight: 600; } @media (max-width: 1440px) { h2 { font-size: 1.556em; } } @media (max-width: 1024px) { h2 { font-size: 1.556em; } } @media (max-width: 767px) { h2 { font-size: 1.333em; } } h3 { font-size: 1.333em; line-height: 1.4; font-weight: 600; } @media (max-width: 1440px) { h3 { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { h3 { font-size: 1.222em; } } @media (max-width: 767px) { h3 { font-size: 1.222em; } } h4 { font-size: 1.111em; line-height: 1.4em; } p { font-size: var(--gbl-body-font-size) ; line-height: 1.77778; } .page-header span, a { font-size: var(--gbl-body-font-size) ; } span { } .entry-content h1 { font-size: 2.3em; } .entry-content h2 { font-size: 1.667em; } .entry-content h3 { font-size: 1.333em; } .entry-content h4 { } .entry-content h5 { } .entry-content h6 { } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--content-width) !important; padding: 0 15px; margin: auto; width: 100%; } @media (max-width: 1440px) { .container { max-width: 1170px; } } @media (max-width: 1024px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: 420px; } } .primary-btn { color: #fff; border-radius: 3px; padding: 16px 30px; border: 1px solid var(--gbl-primary-color); font-size: 1em; font-weight: 500; background: var(--gbl-primary-color); cursor: pointer; transition: all 0.3s ease; } .primary-btn:hover { color: #ffffff; background: var(--gbl-secondary-color); border: 1px solid var(--gbl-secondary-color); box-shadow: none; } .secondary-btn { border: 1px solid var(--gbl-secondary-color); background-color: var(--gbl-secondary-color); } .secondary-btn:hover { background: var(--gbl-primary-color); border: 1px solid var(--gbl-primary-color); } .video-control-btn { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 50%; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-control-btn:hover { background-color: var(--gbl-primary-color); } .video-control-btn:hover svg path { fill: #ffffff; } button, input[type="submit"], input[type="button"] { background-color: var(--gbl-primary-color); color: #ffffff; cursor: pointer; } .wc-block-product-search .wc-block-product-search__button svg { fill: #ffffff; } #wp-custom-header-video { height: 100%; width: 100%; object-fit: cover; } .wp-custom-header-video-button { position: relative; right: 25px; bottom: 25px; text-indent: 9999px; padding: 0; margin: 0; border: 0; overflow: hidden; background: transparent; visibility: collapse; z-index: 11; } .wp-custom-header-video-button.wp-custom-header-video-pause { visibility: visible; content: ""; height: 45px; width: 45px; position: absolute; bottom: 25px; right: 25px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z'/%3E%3C/svg%3E") center center no-repeat; } .wp-custom-header-video-button.wp-custom-header-video-play { visibility: visible; content: ""; height: 45px; width: 45px; position: absolute; bottom: 25px; right: 25px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z'/%3E%3C/svg%3E") center center no-repeat; } /* Elements --------------------------------------------- */ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } 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: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } select { max-width: 100%; } ::placeholder { font-size: 1em; font-weight: 500; } .wp-caption-text { font-weight: 500; font-size: 0.667em; line-height: 2.3333333; text-align: center; color: #a6a8ab; } blockquote { position: relative; margin: 0; padding: 40px 45px; border-left: 4.55px solid var(--gbl-primary-color); margin-bottom: 15px; } @media (max-width: 767px) { blockquote { padding: 30px; } } blockquote::after { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.031' height='42.869' viewBox='0 0 51.031 42.869'%3E%3Cg id='Group_53' data-name='Group 53' transform='translate(-978.264 -2826.5)'%3E%3Cg id='Group_51' data-name='Group 51'%3E%3Cpath id='Path_7' data-name='Path 7' d='M1016.168,2848.623a13.159,13.159,0,0,1-6.655-4.5,11.112,11.112,0,0,1-2.249-6.793,10.363,10.363,0,0,1,3.213-7.665,10.7,10.7,0,0,1,7.8-3.167,10.3,10.3,0,0,1,7.849,3.4q3.166,3.4,3.167,9.18,0,8.171-5.278,16.432t-16.753,13.861v-8.445A20.62,20.62,0,0,0,1016.168,2848.623Z' fill='%23eaeaea'/%3E%3C/g%3E%3Cg id='Group_52' data-name='Group 52'%3E%3Cpath id='Path_8' data-name='Path 8' d='M987.168,2848.623a13.159,13.159,0,0,1-6.655-4.5,11.112,11.112,0,0,1-2.249-6.793,10.363,10.363,0,0,1,3.213-7.665,10.7,10.7,0,0,1,7.8-3.167,10.3,10.3,0,0,1,7.849,3.4q3.167,3.4,3.167,9.18,0,8.171-5.278,16.432t-16.753,13.861v-8.445A20.62,20.62,0,0,0,987.168,2848.623Z' fill='%23eaeaea'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; right: 25px; bottom: 34px; width: 51px; height: 42px; } blockquote p { margin-bottom: 0 !important; font-weight: 500; font-style: italic; opacity: 0.9; } blockquote cite { color: #000000; font-weight: 500; font-style: italic; margin-top: 23px; display: block; } #primary .post .entry-content table, #primary .page .entry-content table { border-collapse: collapse; text-align: left; padding: 20px; } #primary .post .entry-content table thead tr, #primary .page .entry-content table thead tr { border-bottom: 1px solid #f9f9f9; } #primary .post .entry-content table thead tr th, #primary .page .entry-content table thead tr th { font-size: 1em; font-weight: 500; line-height: 1.5556; padding: 18px 21px; } #primary .post .entry-content table tbody tr td, #primary .page .entry-content table tbody tr td { font-weight: 400; line-height: 1.5556; padding: 18px 21px; } #primary .post .entry-content table tbody tr:nth-of-type(odd), #primary .page .entry-content table tbody tr:nth-of-type(odd) { background-color: #efefef; } #primary .post .entry-content table tbody tr:nth-of-type(even), #primary .page .entry-content table tbody tr:nth-of-type(even) { background-color: #f9f9f9; } .breadcrumb-wrapper { color: #58595B; font-weight: 500; margin-bottom: 15px; } .breadcrumb-wrapper #crumbs { letter-spacing: 0.02em; } .breadcrumb-wrapper #crumbs a, .breadcrumb-wrapper #crumbs .seperator { padding: 1px; } .breadcrumb-wrapper #crumbs a:hover, .breadcrumb-wrapper #crumbs .seperator:hover { color: var(--glb-secondary-color); } .breadcrumb-wrapper .current a { cursor: default; pointer-events: none; } /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .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; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; margin-bottom: 30px; } .comments-area { margin-top: 53px; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol li ol { padding-left: 120px; padding-top: 47px; } .comments-area ol.children .comment-author-image { position: relative; } .comments-area ol.children .comment-author-image::after { position: absolute; content: ""; background-color: #d0d2d3; height: 2px; width: 40px; top: 50%; transform: translateY(-50%); left: -75px; } @media (max-width: 767px) { .comments-area ol.children .comment-author-image::after { content: none; } } .comments-area .comment.even.parent > .comment-body .comment-author-image { position: relative; } .comments-area .comments-title { position: relative; font-size: 1.667em; line-height: 1.25555; font-weight: 500; margin-bottom: 56px; } .comments-area .comments-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .comments-area .comment-author.vcard img { width: 95px; height: 95px; object-fit: cover; border-radius: 50%; } @media (max-width: 767px) { .comments-area .comment-author.vcard img { width: 45px; height: 45px; } } .comments-area .says { display: none; } .comments-area .author-details-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-left: 26px; } @media (max-width: 767px) { .comments-area .author-details-wrap { padding-left: 15px; } } .comments-area .fn, .comments-area .comment-meta-data { font-size: 1.333em; font-weight: 500; } .comments-area .fn a, .comments-area .comment-meta-data a { line-height: 1.6667; } .comments-area .fn a:hover, .comments-area .comment-meta-data a:hover { color: var(--gbl-primary-color); text-decoration: underline; } .comments-area .comment-meta-data { font-size: 0.833em; } .comments-area .comment-meta-data a { color: #929497; } .comments-area .comment-content { font-weight: 400; padding-top: 15px; font-size: 0.889em; color: #58595b; } @media (max-width: 1024px) { .comments-area .comment-content { padding-top: 2px; } } .comments-area .comment-content p { line-height: 1.75em; margin-bottom: 09px; } .comments-area .reply { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-size: 0.889em; } .comments-area .reply svg { vertical-align: middle; } .comments-area .reply .comments { margin-right: 26px; } .comments-area .reply .comment-reply-link { position: relative; } .comments-area .reply .comment-reply-link::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: -25px; background-color: #000000; height: 2px; width: 15px; transition: 0.3s ease all; } .comments-area .reply .comment-reply-link:hover { color: var(--gbl-primary-color); } .comments-area .reply .comment-reply-link:hover::after { right: -22px; background-color: var(--gbl-primary-color); } .comments-area .comments-list li .children { margin-bottom: 40px; padding-bottom: 40px; } @media (max-width: 767px) { .comments-area .comments-list li .children { padding-left: 30px; } } .comments-area .comment-respond { margin-bottom: 40px; margin-top: 40px; } .comments-area .comment-respond .comment-reply-title { position: relative; font-size: 1.667em; line-height: 1.25555; font-family: var(--gbl-secondary-font); font-weight: 500; margin-bottom: 35px; } .comments-area .comment-respond .comment-reply-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .comments-area .comment-respond .comment-reply-title small { margin-left: 25px; } .comments-area .comment-respond .comment-reply-title small a:hover { color: var(--gbl-primary-color); } .comments-area .comment-respond .comment-form { font-size: 1em; font-family: var(glt-secondary-font); } .comments-area .comment-respond .comment-form ::placeholder { font-family: var(glt-secondary-font); } .comments-area .comment-respond .comment-form .comment-notes { display: none; } .comments-area .comment-respond .comment-form p:not(.comment-form-cookie-consent) { margin-top: 27px; } @media (max-width: 767px) { .comments-area .comment-respond .comment-form p:not(.comment-form-cookie-consent) { margin-bottom: 1em; } } .comments-area .comment-respond .comment-form input[type="text"], .comments-area .comment-respond .comment-form input[type="email"], .comments-area .comment-respond .comment-form textarea { background-color: #f7f7f7; border: 0; } .comments-area .comment-respond .comment-form textarea { padding: 27px 30px; } .comments-area .comment-respond .comment-form .form-grid { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 30px; } @media (max-width: 1440px) { .comments-area .comment-respond .comment-form .form-grid { grid-gap: 1em; } } .comments-area .comment-respond .comment-form .form-grid p { width: 31.2%; margin-bottom: 0; } .comments-area .comment-respond .comment-form .form-grid p input[type="text"], .comments-area .comment-respond .comment-form .form-grid p input[type="email"] { width: 100%; padding: 20px 30px; } @media (max-width: 767px) { .comments-area .comment-respond .comment-form .form-grid p { width: 100%; margin-top: 0; } } .comments-area .comment-respond .comment-form .comment-form-cookies-consent .checkmark { border: 1px solid #414042; font-size: 0; border-radius: 3px; padding: 8px; position: relative; top: -8px; margin-right: 10px; } .comments-area .comment-respond .comment-form .comment-form-cookies-consent .checkmark::after { position: absolute; content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-size: contain; background-repeat: no-repeat; width: 17px; height: 17px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .comments-area .comment-respond .comment-form .comment-form-cookies-consent label:hover { text-decoration: underline; } .comments-area .comment-respond .comment-form .comment-form-cookies-consent .comment-consent-text { font-size: 1em; font-weight: 500; } .comments-area .comment-respond .comment-form .comment-form-cookies-consent .comment-consent-text:hover { cursor: pointer; text-decoration: underline; } .comments-area .comment-respond .comment-form .form-submit { font-size: 1em; font-weight: 500; margin-bottom: 0; } .comments-area .comment-respond .comment-form .form-submit input[type="submit"], .wpforms-submit { background-color: var(--gbl-primary-color); color: #ffffff; padding: 20px 25px; transition: 0.3s ease all; border-radius: 4px; } .comments-area .comment-respond .comment-form .form-submit input[type="submit"]:hover { background-color: var(--gbl-secondary-color); color: #FFFFFF; } @media only screen and (min-width: 767px) { .comments-area .comment-respond form .comment-form-comment { margin: 0; } .comments-area .comment-respond form .comment-form-author { float: left; width: calc(50% - 1rem); } .comments-area .comment-respond form .comment-form-author label { display: block; } .comments-area .comment-respond form .comment-form-author input { width: 100%; padding: 20px 30px; } .comments-area .comment-respond form .comment-form-email { float: left; width: calc(50% - 1rem); margin-left: 2rem; } .comments-area .comment-respond form .comment-form-email label { display: block; } .comments-area .comment-respond form .comment-form-email input { width: 100%; padding: 20px 30px; } .comments-area .comment-respond form .comment-form-url { width: 100%; } .comments-area .comment-respond form .comment-form-url input { width: 100%; padding: 20px 30px; background-color: #f9f9f9; border: 0; } .comments-area .comment-respond form .comment-form-url label { display: block; } } @media (max-width: 767px) { .comments-area .comment-respond input { width: 100%; padding: 12px 20px; background-color: #f9f9f9; border: 0; } .comments-area .comment-respond #wp-comment-cookies-consent { width: unset; } } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0px; border-radius: 3px; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.8em 1em 0.8em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } 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 { color: #666; border: 1px solid #ccc; border-radius: 3px ; padding: 8px 8px; } 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: #111; } woocommerce form .show-password-input, .woocommerce-page form .show-password-input { position: absolute; right: .7em; top: initial; cursor: pointer; } select { border: 1px solid #ccc; } textarea { width: 100%; } /* Widgets --------------------------------------------- */ .widget { margin: 35px 0 35px; } .widget .widget-title { position: relative; font-size: 1.667em; line-height: 1.25555; font-weight: 500; margin-bottom: 30px; } .widget.woocommerce ul li{ margin-bottom: 12px; } .widget.woocommerce ul.product_list_widget li{ margin-bottom: 3px; } @media (max-width: 1440px) { .widget .widget-title { font-size: 1.556em; margin-bottom: 30px; line-height: 1.3; } } @media (max-width: 1024px) { .widget .widget-title { font-size: 1.444em; } } @media (max-width: 767px) { .widget .widget-title { font-size: 1.333em; } } .widget .widget-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .widget .author_bio_holder { text-align: center; padding: 29px 63px; border-radius: 16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .widget .author_bio_holder .title-holder { font-size: 1.333em; font-weight: 500; padding-bottom: 20px; } .widget .author_bio_holder .image-holder { padding-bottom: 28px; } .widget .author_bio_holder .author_bio_content { font-size: 0.889em; font-weight: 500; color: #929497; } .widget .author_bio_holder .author_bio_soclinks { margin: 0; } .widget .author_bio_holder .author_bio_soclinks li { display: inline-block; margin: 0 8px 8px 0; } .widget .author_bio_holder .author_bio_soclinks li a:hover path { fill: var(--gbl-primary-color); } .widget.widget_trending_posts .widget-trending-posts { margin: 0 0 30px; } .widget.widget_social_feeds .social-links { margin: 0; } .widget.widget_social_feeds .social-links li { color: #231f20; font-weight: 500; font-size: 1em; margin-bottom: 20px; padding: 8.5px 11px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: 0.2s ease all; border-radius: 15px; } .widget.widget_social_feeds .social-links li:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .widget.widget_social_feeds .social-links li a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 43px; height: 43px; border-radius: 9px; margin-right: 17px; text-align: center; line-height: 43px; } .widget.widget_social_feeds .social-links li a.facebook { background-color: #4267B1; } .widget.widget_social_feeds .social-links li a.twitter { background-color: #55ABED; } .widget.widget_social_feeds .social-links li a.instagram { background-color: #C03583; } .widget.widget_social_feeds .social-links li a.pinterest { background-color: #E60023; } .widget.widget_twitter_feed .twitter-feeds-main-wrap { padding: 18px 28px 29px; border-radius: 16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .widget.widget_twitter_feed .twitter-feeds-main-wrap .twitter-feed-wrapper:not(:last-of-type) { border-bottom: 1px dashed #929497; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header { font-size: 0.8889em; font-weight: 500; padding: 20px 0; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header p { display: inline-block; margin-bottom: 0; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header p a { color: var(--gbl-secondary-color); font-style: italic; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header .tweets-time { font-weight: 500; font-size: 0.778em; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header .tweets-time a { color: #929497; font-weight: 500; } .widget.widget_twitter_feed .twitter-feeds-main-wrap .tweets-header .tweets-time a time { font-weight: 500; } .widget.widget_categories ul { border-radius: 3px; margin: 0; font-size: 0.889em; font-weight: 500; padding: 17px 28px 17px; border: 1px solid whitesmoke; } .widget.widget_categories ul li:not(:last-child) { border-bottom: 1px dashed #e1e1e1; } .widget.widget_categories ul li::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; height: 8px; width: 4px; } .widget.widget_categories ul li a:hover { color: var(--gbl-primary-color); } .widget.widget_search .search-form label { width: calc(100% - 67px); } .widget.widget_search .search-form input[type="search"] { color: #a6a8ab; width: calc(100% - 45px); background: #f9f9f9; padding: 16.5px 29px; border: 0; height: 45px; border-radius: 0; } .widget.widget_search .search-form input[type="submit"] { float: right; background-color: var(--gbl-primary-color); height: 45px; width: 45px; padding: 0; cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgdmlld0JveD0nMCAwIDE4IDE4Jz48cGF0aCBpZD0nUGF0aF8yNDkwMCcgZGF0YS1uYW1lPSdQYXRoIDI0OTAwJyBkPSdNMTEuNTcyLDE5LjE2M2E3LjUzMiw3LjUzMiwwLDAsMCw0LjY3Ni0xLjYyNEwyMC43MDksMjIsMjIsMjAuNzA5bC00LjQ2MS00LjQ2MWE3LjU3LDcuNTcsMCwxLDAtNS45NjcsMi45MTVabTAtMTMuMzYzQTUuNzgyLDUuNzgyLDAsMSwxLDUuOCwxMS41NzIsNS43ODIsNS43ODIsMCwwLDEsMTEuNTcyLDUuOFonIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC00IC00KScgZmlsbD0nI2ZmZicvPjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; background-size: 23px; font-size: 0; border: 0; border-radius: 0; } .widget.widget_search .search-form input[type="submit"]:hover { background-color: var(--gbl-secondary-color); } .widget.widget-trending-posts { -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; margin: 0; } .widget.widget-trending-posts .image figure { width: 122px; height: 114px; margin: 0; } .widget.widget-trending-posts .image figure img { width: 100%; height: 100%; object-fit: cover; } .widget.widget-trending-posts .entry-header { padding-left: 20px; } .widget.widget-trending-posts .entry-header a { font-size: 0.778em; } .widget.widget-trending-posts .entry-details { padding-top: 4px; } .widget.widget-trending-posts .entry-details a { transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .widget.widget-trending-posts .entry-details a:hover { color: var(--gbl-primary-color); } .widget.widget-trending-posts .entry-details .entry-title { font-size: 1.25em; line-height: 1; padding-bottom: 8px; } @media (max-width: 1440px) { .widget.widget-trending-posts .entry-details .entry-title { font-size: 1.111em; } } .widget.widget-trending-posts .entry-details .auth-details a { font-size: 14px; } .widget.widget-trending-posts .entry-details .author-name { border-color: #000000; } #secondary #sidebar { margin: 0; } #secondary .widget.widget_archive ul { margin: 0; } #secondary .widget.widget_archive ul a:hover { color: var(--gbl-primary-color); } #secondary .widget.widget_calendar table { border-collapse: collapse; margin-bottom: 0; } #secondary .widget.widget_calendar table caption { margin-bottom: 10px; } #secondary .widget.widget_calendar table thead tr th, #secondary .widget.widget_calendar table tbody tr td { border: 1px solid grey; } #secondary .widget.widget_calendar tbody tr { text-align: center; } #secondary .widget.widget_calendar .wp-calendar-nav { border-top: 0 !important; border: 1px solid grey; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #secondary .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev, #secondary .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { width: 45%; padding: 0 5px; } #secondary .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev { border-right: 1px solid grey; } #secondary .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { float: right; text-align: right; border-left: 1px solid grey; } #secondary .widget.widget_calendar .wp-calendar-nav .pad { width: 15%; } #secondary .widget.widget_pages ul, #secondary .widget.widget_meta ul, #secondary .widget.widget_recent_comments ul, #secondary .widget.widget_recent_entries ul, #secondary .widget.widget_rss ul { margin: 0; } #secondary .widget.widget_pages ul li, #secondary .widget.widget_meta ul li, #secondary .widget.widget_recent_comments ul li, #secondary .widget.widget_recent_entries ul li, #secondary .widget.widget_rss ul li, #secondary .widget.widget_archive ul li { margin-bottom: 10px; } #secondary .widget.widget_pages ul a:hover, #secondary .widget.widget_meta ul a:hover, #secondary .widget.widget_recent_comments ul a:hover, #secondary .widget.widget_recent_entries ul a:hover, #secondary .widget.widget_rss ul a:hover { color: var(--gbl-primary-color); } #secondary .widget.widget_rss .rss-date { display: block; font-size: 0.85em; } #secondary .widget.widget_text .textwidget p { margin-bottom: 12px; } #secondary .widget.widget_text .textwidget strong { display: inline-block; margin-bottom: 10px; } #secondary .widget.widget_text .textwidget img { border-radius: 15px; } #secondary .widget.widget_tag_cloud .tagcloud a { font-size: 0.778em; background-color: var(--gbl-primary-color); color: #ffffff; padding: 3px 5px; border-radius: 5px; font-size: 0.83em !important; margin-bottom: 3px; display: inline-block; } #secondary .widget.widget_nav_menu .menu-top-menu-container > ul { margin: 0; } #secondary .widget.widget_nav_menu .menu-top-menu-container > ul li a:hover { color: var(--gbl-primary-color); } #secondary .widget.widget_product_categories > ul { margin: 0; } #secondary .widget .star-rating { margin: 0; } .widget.widget_block.widget_calendar .wp-block-calendar table th { background: var(--gbl-primary-color); color: #ffffff; } .widget.widget_block.widget_calendar tbody td a { background-color: var(--gbl-primary-color); color: #ffffff; display: block; } .widget.widget_block.widget_calendar tbody td a:hover { text-decoration: none; } .widget.widget_block.widget_recent_comments .wp-block-latest-comments .avatar, .widget.widget_block.widget_recent_comments .wp-block-latest-comments__comment-avatar { width: 122px; height: 114px; border-radius: 15px; object-fit: cover; } .widget.widget_block.widget_recent_comments article .wp-block-latest-comments__comment-meta, .widget.widget_block.widget_recent_comments article .wp-block-latest-comments__comment-excerpt { margin-left: 8.25em; } .widget.widget_block.widget_block ul { margin-left: 0; } .widget.widget_block.widget_block ul li { margin-bottom: 12px; } .widget.widget_block.widget_block ul li a:hover { color: var(--gbl-primary-color); } .widget.widget_block.widget_search form label { display: block; position: relative; font-size: 1.667em; line-height: 1.25555; font-weight: 500; margin-bottom: 56px; } @media (max-width: 1440px) { .widget.widget_block.widget_search form label { font-size: 1.556em; margin-bottom: 30px; line-height: 1.3; } } @media (max-width: 1024px) { .widget.widget_block.widget_search form label { font-size: 1.444em; } } @media (max-width: 767px) { .widget.widget_block.widget_search form label { font-size: 1.333em; } } .widget.widget_block.widget_search form label::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .widget.widget_block.widget_search form input[type="search"] { width: calc(100% - 45px); background: #f7f7f7; padding: 16.5px 29px; border: 0; height: 40px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .widget.widget_block.widget_search form button.wp-block-search__button { float: right; background-color: var(--gbl-primary-color); height: 40px; width: 47px; padding: 0; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 23px; font-size: 0; border: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; position: absolute; } .widget.widget_block.widget_tag_cloud a { margin: 5px; } .site-header { border-bottom: 1px solid rgba(208, 210, 211, 0.5); padding: 0; } .header-no-border.site-header, .site-header.transparent-header { border-bottom: 0px !important; } @media (max-width: 1024px) { .site-header { padding: 0; } } .site-header .header-wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .site-header .header-wrapper .nav-wrap { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex: 1; } .site-header .header-wrapper ul, .site-header .header-wrapper ol { list-style: none; margin: 0; padding: 0; } .site-header .header-wrapper .header-left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; margin-right: 20px; } .site-header .header-wrapper .header-left ul { text-align: center; } .site-header .header-wrapper .header-left ul ul { position: absolute; width: 250px; top: 100%; padding: 10px 0; background-color: #ffffff; color: #000000; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14); z-index: 999; right: 9999em; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); } .site-header .header-wrapper .header-left ul ul ul { top: -10px; } .site-header .header-wrapper .header-left ul li { position: relative; display: inline-block; font-weight: 500; line-height: 1.2; } .site-header .header-wrapper .header-left ul li.focus > ul, .site-header .header-wrapper .header-left ul li:hover > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .site-header .header-wrapper .header-left ul li ul li:hover > ul, .site-header .header-wrapper .header-left ul li ul li.focus > ul { right: unset; left: 100%; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .site-header .header-wrapper .header-left ul li a { transition: unset; } .site-header .header-wrapper .header-left ul > li.menu-item-has-children::after { position: absolute; top: 45%; right: 4px; content: "\003E"; font-size: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .site-header .stickymenu .header-wrapper .header-left ul > li.menu-item-has-children::after { top: 41%; } .site-header .burger .header-wrapper .header-left ul li.menu-item-has-children::after { top: 40%; } /* transparent and burger menu dropdown icon */ .site-header.transparent-header .header-wrapper .header-left ul li.menu-item-has-children::after, .site-header .burger .header-wrapper .header-left ul li.menu-item-has-children::after { } .site-header.transparent-header .stickymenu .header-wrapper .header-left ul li.menu-item-has-children::after { } .site-header .header-wrapper .header-left ul li:nth-last-of-type(1) ul.sub-menu li::after, .site-header .header-wrapper .header-left ul li:nth-last-of-type(2) ul.sub-menu li::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .site-header .header-wrapper .header-left ul li:nth-last-of-type(1) li:hover > .sub-menu, .site-header .header-wrapper .header-left ul li:nth-last-of-type(1) li.focus > .sub-menu, .site-header .header-wrapper .header-left ul li:nth-last-of-type(2) li:hover > .sub-menu, .site-header .header-wrapper .header-left ul li:nth-last-of-type(2) li.focus > .sub-menu { right: 100%; left: unset; } .site-header .header-wrapper .header-left ul a { padding: 30px 13px; display: inline-block; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } @media (max-width: 1440px) { .site-header .header-wrapper .header-left ul a { } } .site-header .header-wrapper .header-left ul li.current_page_item > a { color: var(--gbl-secondary-color); } .site-header .header-wrapper .header-left ul a:hover, .site-header .header-wrapper .header-left ul a:focus, .mobile-menu #primary-menu li a:hover, .mobile-menu #primary-menu li a:focus { color: var(--gbl-secondary-color); } .site-header .header-wrapper .header-left ul a [aria-current="page"] { color: var(--gbl-secondary-color); } .site-header .header-wrapper .header-left ul ul.sub-menu li a:hover { color: var(--gbl-secondary-color) !important; } .site-header .header-wrapper .header-right .social-links li a:hover path { fill: var(--gbl-secondary-color); transition: 0.2s ease all; } .site-header .header-wrapper .header-right .header-search button:focus { background-color: var(--gbl-secondary-color); } .site-header .header-wrapper .header-left ul ul.sub-menu li { display: block; font-weight: 400; text-align: left; } .site-header .header-wrapper .header-left ul ul.sub-menu li.menu-item-has-children::after { right: 15px; top: 20px; content: "\003E"; color: #000; transform: rotate(0deg); font-weight: 500; font-size: 13px; } .site-header .header-wrapper .header-left ul ul.sub-menu li a { color: #000000 !important; padding: 14px 30px; display: block; text-transform: capitalize; } .site-header .header-wrapper .nav-menu { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header .header-wrapper .header-right { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; line-height: 0.66; } @media (min-width: 1024px) { .site-header .header-wrapper .media-image-news { margin-left: auto; order: 2; display: inline-flex; } } .site-header .header-wrapper .header-right .social-links { padding-right: 7px; border-right: 1.5px solid #000000; } .site-header .header-wrapper .header-right .social-links li { margin: 0 7px; } .site-header .header-wrapper .header-right .social-links li a svg { vertical-align: unset; } .site-header .header-wrapper .header-right .header-search { margin-left: 5px; } .site-header .header-wrapper .header-right .header-search button { padding: 0; border: 0; background-color: transparent; cursor: pointer; } .site-header .header-wrapper .header-right .header-search .header-search-icon { padding: 10px; border-radius: 50%; } .site-header .header-wrapper .header-right .header-search button:hover path { } .site-header.style-one { margin-top: 0 !important; } .site-header.style-one.stick-header .site-branding h1 a, .site-header.style-one.stick-header .site-branding p { color: #000000; } .site-header.style-one.stick-header .mobile-header .site-branding h1 a, .site-header.style-one.stick-header .mobile-header .site-branding p { color: #000000; } .site-header.style-one.stick-header .mobile-header .header-left .toggle-bar { background-color: #000000 !important; } .site-header.stick-header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 99; background-color: #ffffff; width: 100%; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); animation: slideDown 0.25s ease-in-out; --webkit-animation: slideDown 0.25 ease-in-out; } .site-header.transparent-header { position: absolute!important; top: 0; left: 0; right: 0; z-index: 99; background-color: #0000003b; width: 100%; box-shadow: initial; animation: slideDown 0.25s ease-in-out; --webkit-animation: slideDown 0.25 ease-in-out; } .burger.main-menu-wrap { background-color: var(--menu-bg-color); } .site-header .burger .header-wrapper .header-left { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .site-header .burger .header-wrapper .header-left ul a { padding: 16px 17px; } /* Both menus have same color */ @media (min-width: 1024px) { .site-header .header-wrapper .header-left ul a, .site-title a, .site-branding p { color: var(--header-text-color); } .site-header .header-wrapper .header-left ul svg, .site-header .header-wrapper .header-right .header-search-icon svg { fill: var(--header-text-color); } .site-header .header-wrapper .header-right .header-search-icon svg:hover, .site-header .header-wrapper .header-right .header-search-icon svg:focus { fill: #fff; } .site-header .burger .header-wrapper .header-left ul svg { fill: var(--menu-text-color); } .site-header .burger .header-wrapper .header-left ul a { color: var(--menu-text-color); } .site-header.transparent-header .burger .header-wrapper .header-left ul a { color: var(--menu-text-color); } .site-header .header-wrapper .header-left ul li.menu-item-has-children::after { color: var(--header-text-color); } .site-header.transparent-header .header-wrapper .header-left ul li.menu-item-has-children::after { color: #ffffff; } .site-header .burger .header-wrapper .header-left ul li.menu-item-has-children::after { color: var(--menu-text-color); } .site-header .stickymenu .header-wrapper .header-left ul li.menu-item-has-children::after { color: #000; } .burger.main-menu-wrap.stickymenu { background-color: #ffffffd4; } } .site-header .burger .header-wrapper .header-right svg { fill: var(--menu-text-color); } .banner.header-right { padding: 10px; } .admin-bar .site-header.transparent-header { top: 32px; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .angle-down { position: absolute; top: 0; right: 4px; padding: 0; height: 30px; width: 30px; background: transparent; border: 0; cursor: pointer; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; color: var(--text-color); } .angle-down::after { right: 0; width: 20px; height: 25px; right: 2px; content: "\002B"; font-size: 17px; font-weight: 700; } .angle-down.active::after { content: "\2212"; } .mobile-header { display: none; } .mobile-header .main-navigation { margin-top: 30px; } .mobile-header .container .mob-nav-site-branding-wrap .header-left { margin-right: 0; } @media (max-width: 1024px) { .site-header .main-menu-wrap { display: none; } } @media (max-width: 1024px) { .mobile-header { display: block; padding: 20px 0; } } @media (min-width: 1024px) { .site-header .header-wrapper .header-right .social-links { display: none; } } .mobile-header .mob-nav-site-branding-wrap { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .mobile-header .header-bottom-slide-inner { position: fixed; left: 0; top: 0px; max-width: 370px; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999999999999; overflow-y: auto; overflow-x: hidden; transition: 0.3s all ease-in-out; transform: translateX(-100%); } .mobile-header .header-bottom-slide-inner .header-search-wrap { position: absolute !important; } .mobile-header .header-bottom-slide-inner .header-search-wrap .search-form { padding: 0 15px !important; } .mobile-header .header-bottom-slide-inner .social-links { margin: 0; margin-right: 40px; grid-gap: 20px; flex-wrap: wrap; } .mobile-header .header-bottom-slide-inner .mobile-header-wrap { padding: 22px 15px 25px 15px; align-items: center; } .mobile-header .header-bottom-slide-inner .search { padding: 0; border: 0; background-color: transparent; cursor: pointer; } .mobile-header .header-bottom-slide-inner .close { position: absolute; min-height: none; background: none; cursor: pointer; width: 18px; height: 14px; right: 18px; border: 0; } .mobile-header .header-bottom-slide-inner .close:hover::after, .mobile-header .header-bottom-slide-inner .close:hover::before { background-color: var(--gbl-primary-color); } .mobile-header .header-bottom-slide-inner .close::after, .mobile-header .header-bottom-slide-inner .close::before { content: ""; position: absolute; width: 22px; height: 1px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; transform: rotate(45deg); transition: 0.3s ease all; background-color: #404040; } .mobile-header .header-bottom-slide-inner .close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu { margin: 0; } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu li { margin: 0; padding: 10px 0; position: relative; } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu li.current-menu-item > a { color: var(--gbl-primary-color); } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu li .sub-menu { display: none; } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu li a { font-size: 15px; } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .menu li a:hover { color: var(--gbl-primary-color); } .mobile-header .header-bottom-slide-inner .mobile-header-wrapper .header-left { margin-right: 0; } @media (max-width: 600px) { .site-header.stick-header { margin-top: 0 !important; top: 0 !important; } } @media (max-width: 1024px) { .site-header.style-six .mobile-header .site-branding h1 a, .site-header.style-six .mobile-header .site-branding p, .site-header.style-four .mobile-header .site-branding h1 a, .site-header.style-four .mobile-header .site-branding p, .site-header.style-two .mobile-header .site-branding h1 a, .site-header.style-two .mobile-header .site-branding p { color: #000000; } } body.mobile-menu-active .header-bottom-slide-inner { box-shadow: 10px 0 20px rgba(0, 0, 0, 0.15); } #menu-opener { position: relative; display: inline-block; min-height: auto; width: 40px; height: 40px; background: none; border: none; padding: 0; } #menu-opener:focus { outline: 1px solid #BDBDBD; } #menu-opener span { width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 5px; background-color: var(--text-color); overflow: hidden; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } #menu-opener span:last-child { bottom: -16px; } #menu-opener span:first-child { top: -16px; } .close.close-main-nav-toggle { position: absolute; min-height: none; background: none; cursor: pointer; width: 18px; height: 14px; right: 18px; border: 0; z-index: 999; top: 30px; padding: 14px; } .close.close-main-nav-toggle::before, .close.close-main-nav-toggle::after { content: ""; position: absolute; width: 22px; height: 1px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; transform: rotate(45deg); transition: 0.3s ease all; background-color: var(--text-color); } .close.close-main-nav-toggle::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close.close-main-nav-toggle:hover { background-color: var(--gbl-secondary-color); color: white; border-radius: 2px; } .close-main-nav-toggle:hover::before, .close-main-nav-toggle:hover::before, .close-main-nav-toggle:hover::after, .close-main-nav-toggle:hover::after { background-color: #fff; } .mobile-navigation { position: fixed; left: 0; top: 0px; max-width: 370px; width: 100%; height: 100%; z-index: 999; overflow-y: auto; overflow-x: hidden; transition: 0.3s all ease-in-out; transform: translateX(-100%); padding-top: 25px; } .mobile-navigation .primary-menu-list { padding: 0 15px; } .mobile-navigation .search-form { margin-top: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center; padding: 5px 15px; width: 90%; } .mobile-navigation .search-form > label { width: 90%; } .mobile-navigation .search-form .search-field { padding: 0; margin: 0; background: none; width: 100%; font-size: 15px; border: 0; color: #000000; } .mobile-navigation .search-form .search-field:focus { outline: 1px dotted #000; } .mobile-navigation .search-form ::placeholder { color: #000000; font-size: 15px; font-weight: 400; } .mobile-navigation .search-form .search-submit { padding: 0; margin: 0; font-size: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'/%3E%3C/svg%3E") center center no-repeat; width: 16px; height: 20px; border: 0; } .mobile-navigation .header-search button { background-color: transparent; margin-left: 3px; } .mobile-navigation .header-search button:hover { background-color: transparent; } .mobile-navigation .header-search button:hover svg { background-color: transparent; fill: var(--gbl-secondary-color); } .mobile-navigation .header-search-form .search-form .search-field { color: white; } /*search form*/ .mobile-navigation .header-search-form { background-color: black; } .mobile-navigation .header-search-form .search-form .search-field { width: 100%; border-radius: 0px; } .mobile-navigation .header-search-form .search-form input[type="submit"] { width: 100%; border-radius: 0px; } .mobile-social-wrap { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .mobile-social-wrap .header-left { justify-content: flex-end; margin-right: 46px; } .mobile-social-wrap .header-search > button { padding: 0; background: none; border: 0; } .mobile-social-wrap .social-links { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0; padding: 22px 15px 25px 15px; margin: 0; margin-right: 40px; grid-gap: 20px; flex-wrap: wrap; } .mobile-social-wrap .search { background: transparent; padding: 0; border: 0; } body.menu-open .mobile-navigation { box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1); transform: translateX(0px); } body.admin-bar .close.close-main-nav-toggle { top: 45px; } body.admin-bar .primary-menu-list { padding-top: 40px; } .primary-menu-list { display: none; } .primary-menu-list.toggled { display: block; } .mobile-menu #primary-menu { margin: 0; } .mobile-menu #primary-menu li { margin: 0; padding: 10px 0; position: relative; } .mobile-menu #primary-menu li .sub-menu { display: none; } .mobile-menu #primary-menu li a { font-size: 15px; } .header-search-form { position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; left: 0; text-align: center; margin: auto; bottom: 0; z-index: 99999; display: none; } .header-search-form .search-form { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 70px; max-width: 700px; width: 100%; position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .header-search-form .search-form > label { width: 100%; } .header-search-form .search-form .search-field { height: 70px; width: 100%; padding: 15px; color: #666; border: 1px solid #ccc; border-radius: 6px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .header-search-form .search-form input[type="submit"] { background-color: var(--gbl-primary-color); height: 70px; width: 70px; padding: 0; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; font-size: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .header-search-form .close { position: absolute; top: 14px; right: 20px; width: 40px; height: 45px; padding: 0; background: none; border: none; min-height: auto; font-size: 0; cursor: pointer; } .header-search-form .close::after, .header-search-form .close::before { width: 30px; height: 2px; position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(255, 255, 255, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .header-search-form .close::before { transform: rotate(-45deg); } .skip-link { font-size: 1em; color: #000000; background-color: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.3); padding: 10px 20px; font-weight: 600; transition: none; -webkit-transition: none; text-align: center; position: absolute; top: -9999px; left: 20px; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); } .skip-link:focus { top: 0; z-index: 99; } body.admin-bar .skip-link:focus { top: 35px; } .toggle-btn { display: inline-block; min-height: auto; width: 40px; height: 40px; background: none; border: none; position: relative; padding: 0; } .toggle-btn:hover .toggle-bar { background-color: var(--gbl-primary-color); } .toggle-btn .toggle-bar { width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 5px; background-color: #000000; overflow: hidden; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .toggle-btn .toggle-bar:first-child { top: -16px; } .toggle-btn .toggle-bar:last-child { bottom: -16px; } .text { float: right; font-size: 1.111em; text-transform: uppercase; font-weight: 600; color: #000000; margin-top: 4px; margin-left: 15px; } .page-header { color: #58595b; font-weight: 500; margin: 22px 0 39px; } .page-header .separator { margin: 0 8px !important; } .page-header .separator svg { vertical-align: middle; height: 10px; width: 10px; } .page-header a:hover { color: var(--gbl-primary-color); } .page-header span.current > a { pointer-events: none; opacity: 0.8; } .site-branding .site-title { font-size: 26px!important; } .site-branding p { margin-bottom: 0; } .entry-meta .category a { font-size: 0.778em; color: #ffffff; padding: 3px 5px; border-radius: 5px; background-color: var(--gbl-primary-color); margin: 0 5px 5px 0; display: inline-block; } .entry-meta .category a:hover { background-color: var(--gbl-secondary-color); } body.custom-background-image .site { margin: 20px; max-width: 90%; margin: 0 auto; width: 100%; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .page .entry-content p a { text-decoration: underline; } .page .entry-content p a:hover { text-decoration: none; } figure figcaption { text-align: center; font-size: 0.77778em; line-height: 28px; color: #A6A8AB; } .archive .auth-details .author-details .author-name { border-right: 1px solid var(--text-color); } .author-desc { margin-top: 15px; } @media (max-width: 1440px) { .author-desc { grid-row-gap: 8px; } } @media (max-width: 767px) { .author-desc { grid-row-gap: 12px; } } @media (max-width: 1024px) { body .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: ease 0.35s; -moz-transition: ease 0.35s; transition: ease 0.35s; } } body.mobile-menu-active { overflow: hidden; } body.mobile-menu-active .overlay { visibility: visible; opacity: 1; } .page .content-area .container .page-header > .container { padding: 0; } @media (max-width: 767px) { .archive .auth-details .author-desc .author-details, .search .auth-details .author-desc .author-details { width: auto; } } @media (max-width: 767px) { .archive .auth-details .author-desc .author-details .author-name, .search .auth-details .author-desc .author-details .author-name { margin-right: 8px; padding-right: 8px; } } @media (max-width: 767px) { .archive .auth-details .author-desc .date, .search .auth-details .author-desc .date { width: auto; margin-right: 8px; } } .wp-block-image .alignright { display: inline; float: right; margin-left: 1.5em; } @media (max-width: 767px) { .wp-block-image .alignright { margin-left: 0; } } .wp-block-image .alignleft { display: inline; float: left; margin-right: 1.5em; } @media (max-width: 767px) { .wp-block-image .alignleft { margin-right: 0; } } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-gap: 30px; } } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-right: 0; } @media (max-width: 767px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 0; } } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-right: 8%; padding-left: 0; } @media (max-width: 600px) { .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-right: 0; } } .wp-block-media-text { margin-bottom: 20px; } @media (max-width: 767px) { .wp-block-media-text { margin-bottom: 0; } } .single-post .auth-details .author-details .author-name { border: 0 !important; } html { position: unset !important; } body { padding-top: 0 !important; } .static-banner .banner-wrapper { position: relative; } @media (max-width: 767px) { .static-banner .banner-wrapper .container { max-width: 100%; } } @media (max-width: 1024px) { .static-banner .banner-wrapper { } } @media (max-width: 767px) { .static-banner .banner-wrapper { height: auto; } } .static-banner .banner-wrapper::before { content: ""; position: absolute; background-color: rgba(131, 131, 131, 0.07); z-index: inherit; top: 0; left: 0; right: 0; bottom: 0; } .product-slider .static-banner .banner-wrapper::before { background-color: rgba(0,0,0,.3); } @media (max-width: 767px) { } .static-banner .banner-wrapper .banner-image-wrapper { width: 100%; } @media (max-width: 1024px) { .static-banner .banner-wrapper .banner-image-wrapper { } } .static-banner .banner-wrapper .banner-image-wrapper { height: 100vh; } .static-banner .banner-wrapper .banner-image-wrapper .wp-custom-header { height: 100% !important; } .static-banner .banner-wrapper .banner-image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .static-banner .banner-wrapper .banner-details-wrapper { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; color: #ffffff; width: 100%; left: 0px; } .static-banner .banner-wrapper .banner-details-wrapper h2, .static-banner .banner-wrapper .banner-details-wrapper p { color: #ffffff; } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .container { padding: 0; } } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper { } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details { margin-left: 15px; } } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details { max-width: 850px; } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .item-title { font-size: 2.667em; padding-bottom: 20px; font-weight: 600; } .carousel .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .item-title { line-height: 1.2; } @media (max-width: 1024px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .item-title { font-size: 2em; padding-bottom: 0; } } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .item-title { font-size: 1.333em; } } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .item-title a { color: #000000; } } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details a { color: #ffffff; } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .banner-desc { margin-bottom: 57px; } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .banner-desc { margin-bottom: 25px; margin-top: 15px; } } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap { margin-top: 32px; } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap { margin-top: 0; } } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a { font-weight: 600; display: inline-block; font-weight: 600; display: inline-block; } .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .item-title, .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .banner-desc { color: #fff; } .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a { background-color: transparent; border: 2px solid; border-radius: 0px; } .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:hover, .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:focus { background-color: var(--gbl-primary-color); border-color: var(--gbl-primary-color); } .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-left: 31px; } .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-left: 0px; } .static-banner .banner-wrapper.featured-slider .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-left: 2px; } .static-banner .banner-wrapper.featured-slider .banner-details-wrapper { padding-left: 15px; padding-right: 15px; } .product-slider .static-banner .banner-wrapper.featured-slider .banner-details-wrapper .banner-desc { font-weight: 600; } @media (max-width: 767px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-left: 32px; } } @media screen and (max-width: 767px) and (max-width: 430px) { .static-banner .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-left: 10px; } } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .updated:not(.published) { display: none; } .page-links { clear: both; margin: 0 0 1.5em; } .layout-grid.full-width .content-wrap-main article { margin-bottom: 30px; } .layout-grid.full-width .content-wrap-main article .entry-content p { color: #58595b; font-weight: 400; font-size: 1em; line-height: 1.77778; } .layout-grid.full-width.author .archive-content-wrapper .entry-content { padding: 0 31px; } .layout-grid.full-width.author .archive-content-wrapper .entry-content p { margin-bottom: 0; } .layout-grid.full-width.category article .archive-content-wrapper { padding: 0; } .layout-grid.full-width.category article .entry-content { padding: 0 31px; } @media (max-width: 767px) { .layout-grid.full-width.category article .entry-content { padding: 0 11px; } } .layout-grid.full-width.category article .entry-content p { margin-bottom: 0; } .layout-grid.rightsidebar .content-wrap-main, .layout-grid.leftsidebar .content-wrap-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } @media (max-width: 767px) { .layout-grid.rightsidebar .content-wrap-main, .layout-grid.leftsidebar .content-wrap-main { grid-template-columns: 1fr; } } .layout-grid.rightsidebar .content-wrap-main article, .layout-grid.leftsidebar .content-wrap-main article { width: 100% !important; margin-bottom: 15px; } .layout-grid.rightsidebar .content-wrap-main article .entry-header, .layout-grid.leftsidebar .content-wrap-main article .entry-header { margin-bottom: 15px; } .layout-grid.rightsidebar .content-wrap-main article .entry-header .entry-details, .layout-grid.leftsidebar .content-wrap-main article .entry-header .entry-details { padding: 7px 7px 0 10px; } @media (max-width: 1440px) { .layout-grid.rightsidebar .content-wrap-main article .entry-header .entry-details, .layout-grid.leftsidebar .content-wrap-main article .entry-header .entry-details { padding: 15px 15px 0 15px; } } .layout-grid.rightsidebar .content-wrap-main article .entry-content, .layout-grid.leftsidebar .content-wrap-main article .entry-content { margin-bottom: 12px; padding: 0px 15px 0 10px; } @media (max-width: 1440px) { .layout-grid.rightsidebar .content-wrap-main article .entry-content, .layout-grid.leftsidebar .content-wrap-main article .entry-content { padding: 0 15px; } } .layout-grid.rightsidebar .content-wrap-main article .entry-content p, .layout-grid.leftsidebar .content-wrap-main article .entry-content p { margin-bottom: 0; } .layout-grid.rightsidebar.search .content-wrap-main article .entry-content, .layout-grid.leftsidebar.search .content-wrap-main article .entry-content { padding: 0; } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main { grid-template-columns: repeat(2, 1fr); grid-gap: 50px; } @media (max-width: 1024px) { .layout-two-column.full-width #primary .container .page-grid .content-wrap-main { grid-template-columns: 1fr; } } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 36px; } @media (max-width: 767px) { .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article { display: block; } } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-header { grid-column: 2/3 span; } @media (max-width: 767px) { .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-header { margin-top: 12px; } } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-header .entry-meta { position: unset; margin-top: 0; margin-left: 0; } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-header .entry-details { padding: 0; margin: 20px 0 23px; } @media (max-width: 767px) { .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-header .entry-details { margin: 18px 0; } } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-content { grid-column: 2/3 span; } .layout-two-column.full-width #primary .container .page-grid .content-wrap-main article .entry-content p { margin-bottom: 0; line-height: 1.77778; color: #58595b; font-weight: 400; } .layout-two-column #primary .container .page-grid .content-wrap-main { display: grid; grid-template-columns: 1fr; grid-gap: 50px; } @media (max-width: 1024px) { .layout-two-column #primary .container .page-grid .content-wrap-main { grid-template-columns: 1fr; } } .layout-two-column #primary .container .page-grid .content-wrap-main article { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 36px; width: 100%; } @media (max-width: 1440px) { .layout-two-column #primary .container .page-grid .content-wrap-main article { grid-gap: 28px; } } .layout-two-column #primary .container .page-grid .content-wrap-main article .content-wrap { padding: 0; } @media (max-width: 767px) { .layout-two-column #primary .container .page-grid .content-wrap-main article { display: block; } } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-title { margin-bottom: 19px; } @media (max-width: 1440px) { .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-title { margin-bottom: 8px; } } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-content { margin-bottom: 19px; } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-header { grid-column: 2/3 span; } @media (max-width: 767px) { .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-header { margin-top: 12px; } } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-header .entry-meta { position: unset; margin-top: 0; margin-left: 0; } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-header .entry-details { padding: 0; margin: 20px 0 23px; } @media (max-width: 767px) { .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-header .entry-details { margin: 18px 0; } } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-content { grid-column: 2/3 span; } .layout-two-column #primary .container .page-grid .content-wrap-main article .entry-content p { margin-bottom: 0; line-height: 1.77778; color: #58595b; font-weight: 400; } .layout-masonary #primary .content-wrap-main { margin: 40px -25px; overflow: hidden; } @media (max-width: 767px) { .layout-masonary #primary .content-wrap-main { margin: 40px 0; } } .layout-masonary #primary .content-wrap-main article { width: calc(50% - 50px); margin: 0 25px 40px; } @media (max-width: 767px) { .layout-masonary #primary .content-wrap-main article { margin: 0 0 20px; } } @media (max-width: 767px) { .layout-masonary #primary .content-wrap-main article { width: 100%; } } .layout-masonary.full-width.archive .entry-content { padding: 0 31px; } .layout-masonary.full-width #primary .page-grid .site-main .content-wrap-main { display: block; } .layout-masonary.full-width #primary .page-grid .site-main .content-wrap-main article { float: left; width: calc(33.33% - 50px); } @media (max-width: 1024px) { .layout-masonary.full-width #primary .page-grid .site-main .content-wrap-main article { width: calc(50% - 50px); } } @media (max-width: 767px) { .layout-masonary.full-width #primary .page-grid .site-main .content-wrap-main article { width: 100%; margin-bottom: 20px; } } .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article { margin-bottom: 40px; } @media (max-width: 1024px) { .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article .entry-details { padding: 15px 10px; } } .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article .entry-content { padding: 0 31px; } @media (max-width: 1440px) { .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article .entry-content { padding: 0 15px; } } @media (max-width: 1024px) { .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article .entry-content { padding: 0px 10px; } } .layout-masonary.category #primary .page-grid .site-main .content-wrap-main article .entry-content p { margin-bottom: 0; } .layout-masonary.author .entry-content { padding: 0 31px; } @media (max-width: 1440px) { .layout-masonary.author .entry-content { padding: 0 15px; } } .layout-masonary.author .entry-content p { margin-bottom: 0; } .category #primary .site-main article p { font-weight: 400; } .category #primary .site-main article .auth-details { margin-top: 10px; } .category #primary .site-main article .auth-details .author-desc { grid-row-gap: 10px; } .category #primary .site-main article .auth-details .author-name { border-right: 1px solid var(--text-color); } .site-footer { } .site-footer .footer-top { padding: 15px 0 0px; } @media (max-width: 767px) { .site-footer .footer-top { padding: 47px 0 0px; } } .site-footer .footer-top .grid { display: grid; grid-template-columns: repeat(var(--gbl-footer-num-of-colums), 1fr); grid-gap: 40px; } @media (max-width: 1024px) { .site-footer .footer-top .grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .site-footer .footer-top .grid { grid-template-columns: 1fr; grid-gap: 0; } } .site-footer .footer-top .grid .col .widget-title { position: relative; font-size: 1.333em; line-height: 1.16666667; font-weight: 500; margin-bottom: 50px; } @media (max-width: 1440px) { .site-footer .footer-top .grid .col .widget-title { font-size: 1.556em; margin-bottom: 30px; line-height: 1.3; } } @media (max-width: 1024px) { .site-footer .footer-top .grid .col .widget-title { font-size: 1.444em; } } @media (max-width: 767px) { .site-footer .footer-top .grid .col .widget-title { font-size: 1.333em; } } .site-footer .footer-top .grid .col .widget-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1px; bottom: -15px; left: 0; } .site-footer .footer-top .grid .col section ul { margin: 0; } .site-footer .footer-top .grid .col section .textwidget p { font-size: 1em; font-weight: 500; color: #a6a8ab; line-height: 1.7778em; } .site-footer .footer-top .grid .col section .widget_tags ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 17px; } .site-footer .footer-top .grid .col section .footer_links ul { font-weight: 500; } .site-footer .footer-top .grid .col section .footer_links ul li a { display: inline-block; color: #a6a8ab; margin-bottom: 11px; position: relative; } .site-footer .footer-top .grid .col section .footer_links ul li a::after { position: absolute; content: ""; bottom: -5px; left: 0; background-color: var(--gbl-primary-color); width: 0%; height: 2px; transition: 0.2s width ease; } .site-footer .footer-top .grid .col section .footer_links ul li a:hover { color: var(--gbl-primary-color); } .site-footer .footer-top .grid .col section .footer_links ul li a:hover::after { width: 100%; } .site-footer .footer-top .grid .col section .widget-dt-newsletter .dt-newsletter-form { background-color: #2d3036; border-radius: 15px; } .site-footer .footer-top .grid .col section .widget-dt-newsletter .dt-newsletter-form input[type="search"] { background: transparent; padding: 13px 20px; color: #ffffff; border: 0; width: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .site-footer .footer-top .grid .col section .widget-dt-newsletter .dt-newsletter-form input[type="submit"] { background-image: url(""); background-repeat: no-repeat; background-size: 27px; background-position: center; font-size: 0; background-color: var(--gbl-primary-color); width: 67px; height: 60px; border: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .site-footer .footer-top .grid .col section .widget-dt-newsletter .dt-newsletter-form ::placeholder { font-size: 1em; font-weight: 500; } .site-footer ul.social-links { margin: 0px; } .site-footer .social-links li a svg { fill: #929497; } .site-footer .social-links li a:hover svg { fill:var(--gbl-primary-color); } .site-footer .social-links li { display: inline; margin: 0 12px 0 0; } .site-footer .footer-bottom { color: #929497; font-size: 1em; font-weight: 500; } .site-footer .footer-bottom .container { padding: 20px 15px; justify-content: center; } .site-footer .footer-bottom .container.footer-info { border-top: 1px solid #929497; padding: 20px 15px; justify-content: center; } @media (max-width: 1024px) { .site-footer .footer-bottom .container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .site-footer .footer-bottom .container .site-info { flex: 1; } .site-footer .footer-bottom .container, .site-footer .footer-bottom .container .footer-bottom-menu ul { display:flex; align-items:center; } @media (max-width: 1024px) { .site-footer .footer-bottom .container .site-info { margin-bottom: 20px; } } .site-footer .footer-bottom .container .site-info a:hover { color: var(--gbl-primary-color); text-decoration: underline; } .site-footer .footer-bottom .container .footer-bottom-menu ul { margin: 0; line-height: 1; } @media (max-width: 767px) { .site-footer .footer-bottom .container .footer-bottom-menu ul { flex-wrap: wrap; grid-row-gap: 15px; } } .site-footer .footer-bottom .container .footer-bottom-menu ul li a:hover { color: var(--gbl-primary-color); text-decoration: underline; } .site-footer .footer-bottom .container .footer-bottom-menu ul li:not(:last-child) { margin-right: 20px; padding-right: 20px; border-right: 1px solid #929497; } @media (max-width: 767px) { .site-footer .footer-bottom .container .footer-bottom-menu ul li:not(:last-child) { margin-right: 10px; padding-right: 10px; } } .site-footer .widget.widget_calendar table { border-collapse: collapse; margin-bottom: 0; } .site-footer .widget.widget_calendar table caption { font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 5px; } .site-footer .widget.widget_calendar table thead th { padding: 5px; border: 1px solid #ffffff; font-size: 0.833em; } .site-footer .widget.widget_calendar table tbody tr td { text-align: center; padding: 5px; border: 1px solid #a6a8ab; font-size: 0.833em; } .site-footer .widget.widget_calendar table tbody tr td a, .site-footer .widget.widget_block { color: var(--footer-text-color); } .site-footer .widget.widget_calendar .wp-calendar-nav { border-top: 0 !important; border: 1px solid #ffffff; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .site-footer .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev, .site-footer .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { width: 45%; padding: 0 5px; } .site-footer .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev { border-right: 1px solid #ffffff; } .site-footer .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { float: right; text-align: right; border-left: 1px solid #ffffff; } .site-footer .widget.widget_calendar .wp-calendar-nav .pad { width: 15%; } .site-footer .widget.widget_tag_cloud .tagcloud a { margin: 0 5px; } .site-footer .widget.widget_meta ul li a, .site-footer .widget.widget_nav_menu ul li a, .site-footer .widget.widget_pages ul li a { display: inline-block; margin-bottom: 11px; position: relative; line-height: 1.77778; } .site-footer .widget.widget_meta ul li a::after, .site-footer .widget.widget_nav_menu ul li a::after, .site-footer .widget.widget_pages ul li a::after { position: absolute; content: ""; bottom: -5px; left: 0; background-color: var(--gbl-primary-color); width: 0%; height: 2px; transition: 0.2s width ease; } .site-footer .widget.widget_meta ul li a:hover, .site-footer .widget.widget_nav_menu ul li a:hover, .site-footer .widget.widget_pages ul li a:hover { color: var(--gbl-primary-color); } .site-footer .widget.widget_meta ul li a:hover::after, .site-footer .widget.widget_nav_menu ul li a:hover::after, .site-footer .widget.widget_pages ul li a:hover::after { width: 100%; } .site-footer .widget.widget_recent_comments li { margin-bottom: 11px; } .site-footer .widget.widget_recent_entries ul li { margin-bottom: 11px; } .site-footer .widget.widget_recent_entries ul li a:hover { color: var(--gbl-primary-color); } .site-footer .widget.widget_recent_entries ul li span { display: block; } .site-footer .widget.widget_rss ul li { margin-bottom: 11px; } .site-footer .widget.widget_rss ul li a:hover { color: var(--gbl-primary-color); } .site-footer .widget.widget_rss ul li span { display: block; color: #a6a8ab; } .site-footer p, .site-footer span, .site-footer td, .site-footer th, .site-footer a, .site-footer .widget.widget_rss ul li a, .site-footer .widget.widget_rss h2 a, .site-footer .widget.widget_recent_comments ul li span, .site-footer .widget.widget_recent_comments ul li a, .site-footer .widget.widget_recent_comments ul li, .site-footer .widget.widget_meta ul li a, .site-footer .widget.widget_nav_menu ul li a, .site-footer .widget.widget_pages ul li a, .site-footer .widget.widget_categories li, .site-footer .widget.widget_categories a, .site-footer .widget .textwidget.custom-html-widget, .site-footer .widget.widget_calendar table, .site-footer .widget.widget_calendar table caption, .site-footer .widget li .woocommerce-Price-amount, .site-footer .footer-top .grid .col .widget-title, .site-footer .footer-bottom .container .footer-bottom-menu ul li a, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color: var(--footer-text-color); } section.newsletter-section .dt-newsletter-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #F9F9F9; margin: 0; border-radius: 15px; } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; } #newsletter_section.newsletter-section .container { width: initial !important; padding: 0px; } .blossomthemes-email-newsletter-wrapper.bg-img { padding: 40px 30px; } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper { padding: 15px; } @media (max-width: 1024px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder { max-width: 41.153%; margin-bottom: 0; } @media (max-width: 1024px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder { width: 100%; max-width: 100%; } } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.667em; line-height: 1.2; font-weight: 600; position: relative; } @media (max-width: 1440px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.222em; } } @media (max-width: 767px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.222em; } } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; padding-top: 19px; font-weight: 400; margin-bottom: 25px; color: #414042; } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form { max-width: 50%; width: 50%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1024px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form { width: 100%; max-width: 100%; } } @media (max-width: 767px) { section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form > label { order: 5; width: 100%; } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form > label .text { margin: 0 !important; font-size: 0.833em; text-transform: unset; color: #414042; } section.newsletter-section .dt-newsletter-wrapper input[type="text"] { color: #a6a8ab; background: #eeeeee; padding: 16.5px 36px; margin-top: 10px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } @media (max-width: 1440px) { section.newsletter-section .dt-newsletter-wrapper input[type="text"] { width: 100%; border-radius: 15px; } } @media (max-width: 767px) { section.newsletter-section .dt-newsletter-wrapper input[type="text"] { width: 100%; padding: 16.5px 20px; } } section.newsletter-section .dt-newsletter-wrapper input[type="submit"] { background-color: var(--gbl-primary-color); color: #ffffff; border: 0; height: 60px; padding: 0 42px; font-weight: 500; cursor: pointer; flex: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; transition: 0.3s ease all; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } @media (max-width: 1440px) { section.newsletter-section .dt-newsletter-wrapper input[type="submit"] { flex: unset; border-radius: 15px; margin-top: 20px; } } @media (max-width: 1024px) { section.newsletter-section .dt-newsletter-wrapper input[type="submit"] { margin-top: 20px; } } section.newsletter-section .dt-newsletter-wrapper input[type="submit"]:hover { background-color: var(--gbl-secondary-color); } section.newsletter-section .right-wrapper { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: start; -moz-align-items: start; align-items: start; width: 100%; } section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper .text-holder span, section.newsletter-section .dt-newsletter-wrapper .blossomthemes-email-newsletter-wrapper > form > label .text { color: var(--footer-text-color); } .woocommerce-page .page-header .page-title { } .woocommerce { display: block; } .woocommerce .woocommerce-result-count { font-size: 0.9em; margin-bottom: 35px; margin-top: 0.5em; } @media (max-width: 767px) { .woocommerce .woocommerce-ordering { width: 100%; } } @media (max-width: 1440px) { .woocommerce .woocommerce-ordering select { font-size: 0.889em; } } @media (max-width: 767px) { .woocommerce .woocommerce-ordering { float: left; } } .woocommerce ul.products::before { content: none; } .woocommerce ul.products .price ins { margin-left: 10px; } .woocommerce ul.products .price del bdi, .widget del .woocommerce-Price-amount bdi { opacity: 0.9; font-size: .857em; } .woocommerce ul.products li.product a .woocommerce-loop-product__title { font-weight: 600; font-size: 0.9em; padding: 3px 0 10px; } .woocommerce ul.products li.product a .woocommerce-Price-currencySymbol { font-size: 1em; } .woocommerce ul.products li.product .price, .widget li .woocommerce-Price-amount { color: var(--text-color); font-weight: 500; font-size: .857em; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--text-color); } .woocommerce ul.products li.product .price del { opacity: 1; } .woocommerce a.added_to_cart { padding-top: .5em; display: inline-block; font-size: 13px; padding-left: 5px; background-color: #ffffff59; } .woocommerce ul.products li.product a .onsale { font-size: 0.778em; color: #ffffff; padding: 3px 5px; border-radius: 5px; background-color: var(--gbl-primary-color); position: absolute; right: 25px; top: 20px; font-weight: 400; z-index: 1; min-height: unset !important; min-width: unset !important; line-height: unset; } .woocommerce nav.woocommerce-pagination .page-numbers { border: 0; } .woocommerce nav.woocommerce-pagination .page-numbers li { position: relative; height: 45px; width: 45px; background-color: var(--gbl-primary-color); color: #ffffff; display: inline-block; margin: 0 3px; line-height: 45px; border-radius: 50%; transition: 0.3s ease all; } .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers, .woocommerce nav.woocommerce-pagination .page-numbers li a { background: var(--gbl-primary-color); color: #ffffff; line-height: 26px; height: 45px; width: 45px; border: 1px solid var(--gbl-primary-color); } .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers:hover, .woocommerce nav.woocommerce-pagination .page-numbers li a:hover { background-color: var(--gbl-secondary-color); border: 1px solid var(--gbl-secondary-color); } .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers.current { background-color: var(--gbl-secondary-color); border: 1px solid var(--gbl-secondary-color); } .woocommerce nav.woocommerce-pagination .page-numbers li a.next, .woocommerce nav.woocommerce-pagination .page-numbers li a.prev { line-height: 22px; } .woocommerce .woocommerce-notices-wrapper .woocommerce-message { border-top-color: var(--gbl-primary-color); } .woocommerce .woocommerce-notices-wrapper .wc-forward { background-color: var(--gbl-primary-color); color: #ffffff; } .woocommerce .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; } .woocommerce .products .star-rating { display: block; margin: 0 auto .5em; float: none; } li .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; font-family: star; } li .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; } li .star-rating::before { content: "\73\73\73\73\73"; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; font-family: star; } li .star-rating > span::before { content: "\73\73\73\73\73"; top: 0; position: absolute; left: 0; color: gold; font-family: star; } .single-product span.onsale { font-size: 0.778em; color: #ffffff; padding: 3px 5px; border-radius: 5px; background-color: var(--gbl-primary-color); position: absolute; right: unset; left: 20px; top: 20px; font-weight: 400; z-index: 99; min-height: unset !important; min-width: unset !important; line-height: unset; } .single-product .summary.entry-summary { margin: 0; } .single-product .summary.entry-summary .product_title { font-size: 1.875rem; line-height: 1.2; letter-spacing: -.01em; font-weight: 700; margin-bottom: .2em; } .single-product .summary.entry-summary .price { margin-top: 22px; margin-bottom: 13px; display: block; } .single-product .summary.entry-summary .price del { opacity: 0.8; margin-right: 15px; } .single-product .summary.entry-summary .price del .amount { font-size: 1.02em; } .single-product .summary.entry-summary .price del .amount bdi { color: #58595b; text-decoration: line-through; } .single-product .summary.entry-summary .price ins .amount { font-size: 1.02em; font-weight: 400; } .single-product .summary.entry-summary .price ins .amount bdi { color: #58595b; } .single-product .summary.entry-summary .woocommerce-product-details__short-description p { line-height: 1.77778; opacity: 0.8; } .single-product .summary.entry-summary .cart div.quantity { margin: 0 21px 0 0; } .single-product .summary.entry-summary .cart div.quantity .qty { padding: 5px; width: 5em; margin: 0; } .woocommerce div.product form.cart .variations select { height: 35px; border-radius: 3px; } .woocommerce-product-search { display: flex; } .woocommerce-product-search button { float: right; color: #fff !important; } .woocommerce-product-search .search-field { min-height: 40px; max-width: 75%; margin-right: 3px; } .summary .yith-wcwl-add-button a { padding: 10px 13px 10px 0px; border-radius: 12px; } .single-product .summary.entry-summary .product_meta { font-family: var(--gbl-secondary-font); font-weight: 600; opacity: 0.8; } .single-product .summary.entry-summary .product_meta .posted_in a:hover { text-decoration: underline; } .single-product div.product div.images.woocommerce-product-gallery { margin-bottom: 4em; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 150px; } @media (max-width: 767px) { .single-product div.product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 65px; } } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs { padding: 0 !important; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li { background-color: #f9f9f9; color: #000000; border-radius: 0; border: 0; padding: 0; } @media (max-width: 767px) { .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li { width: 100%; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li:not(:last-child) { margin-bottom: 12px; } } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::before, .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after { content: none; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a { font-weight: 600; font-size: 1em; color: #000000; padding: 17px 36px; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active { color: #ffffff; background-color: var(--gbl-primary-color); border-radius: 0; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a { color: #ffffff; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2 { position: relative; font-size: 1.667em; line-height: 1.25555; font-weight: 500; margin-bottom: 35px; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p { line-height: 1.77778; } .single-product .related.products > h2 { position: relative; font-size: 1.667em; line-height: 1.25555; font-weight: 500; margin-bottom: 45px; } .single-product .related.products > h2::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .single-product .related.products .products::before { display: none; } .single-product #review_form #respond #reply-title { } .single-product #review_form #respond .comment-form { margin-top: 20px; } .single-product #review_form #respond .comment-form p.comment-notes { margin-bottom: 30px !important; } .single-product #review_form #respond .comment-form .comment-form-rating label { display: inline-block; margin-bottom: 9px; font-weight: 400; } .single-product #review_form #respond .comment-form .comment-form-comment label, .single-product #review_form #respond .comment-form .comment-form-email label, .single-product #review_form #respond .comment-form .comment-form-author label { display: none; } .single-product #review_form #respond .comment-form .comment-form-comment input, .single-product #review_form #respond .comment-form .comment-form-comment textarea, .single-product #review_form #respond .comment-form .comment-form-email input, .single-product #review_form #respond .comment-form .comment-form-email textarea, .single-product #review_form #respond .comment-form .comment-form-author input, .single-product #review_form #respond .comment-form .comment-form-author textarea { background-color: #fcfcfc; border: 0; width: 100%; padding: 20px 30px; } .single-product #review_form #respond .comment-form .comment-form-author { width: 50%; float: left; padding-right: 26px; margin-bottom: 13px; } @media (max-width: 767px) { .single-product #review_form #respond .comment-form .comment-form-author { float: unset; width: 100%; padding-right: 0; } } @media (max-width: 767px) { .single-product #review_form #respond .comment-form { float: unset; width: 100%; padding-right: 0; } } .single-product #review_form #respond .comment-form .comment-form-email { width: 50%; padding-left: 26px; float: right; margin-bottom: 13px; } @media (max-width: 767px) { .single-product #review_form #respond .comment-form .comment-form-email { float: unset; width: 100%; padding-left: 0; } } .single-product #review_form #respond .comment-form .comment-form-comment textarea { height: 171px !important; } .single-product #review_form #respond .comment-form .comment-form-cookies-consent { margin: 15px 0; } .single-product #review_form #respond .comment-form .comment-form-cookies-consent label { margin-left: 15px; } .single-product #review_form #respond .comment-form .form-submit { margin: 25px 0 0; } .single-product #review_form #respond .comment-form .form-submit .submit { background-color: var(--gbl-primary-color); color: #ffffff; padding: 15px 35px; transition: 0.3s ease all; border-radius: 4px; font-weight: 500; } .single-product #review_form #respond .comment-form .form-submit .submit:hover { background-color: var(--gbl-secondary-color); color: #FFFFFF; } .single-product .reviews_tab { margin-bottom: 0 !important; } .single-product .entry-summary .woocommerce-product-rating .star-rating { font-size: .875em; margin-top: 11px; } .single-product .entry-summary .woocommerce-product-rating .star-rating span::before { color: var(--gbl-primary-color); font-family: star; } .woocommerce-checkout li::before { content: none !important; } .woocommerce-checkout .page-title { font-size: 2.667em; font-weight: 500; line-height: 1.2; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { font-size: 1em; font-style: italic; color: #58595B; text-align: center; border: 0; background-color: unset; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before { content: none; display: none; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a { text-decoration: underline; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover { color: var(--gbl-secondary-color); text-decoration: none; } .woocommerce-checkout form.checkout_coupon { max-width: 800px; margin-top: 0; text-align: center; border-radius: 0; background: rgba(0, 0, 0, 0.02); border-color: rgba(0, 0, 0, 0.05); border: 1px solid #d3ced2; padding: 20px; margin: 2em auto; } .woocommerce-checkout form.checkout_coupon p { margin-bottom: 0; font-size: 0.83em; } .woocommerce-checkout form.checkout_coupon .form-row { margin: 1.2em 0; float: none; display: inline-block; } .woocommerce-checkout form.checkout_coupon .form-row.form-row-first { text-align: right; width: 45%; } .woocommerce-checkout form.checkout_coupon .form-row.form-row-first input { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 12px; height: 100%; width: 100%; height: 48px; } .woocommerce-checkout form.checkout_coupon .form-row.form-row-last { text-align: left; width: auto; } .woocommerce-checkout form.checkout_coupon .form-row.form-row-last button { background-color: var(--gbl-primary-color); color: #ffffff; height: 48px; font-weight: 600; outline: 0; text-transform: uppercase; transition: 0.2s ease all; } .woocommerce-checkout form.checkout_coupon .form-row.form-row-last button:hover { background-color: var(--gbl-secondary-color); } .woocommerce-checkout form.checkout_coupon .form-row .checkout-form-wrapper { margin: 1.2em 0; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 h3 { font-size: 1.667em; line-height: 1.2; font-weight: 500; position: relative; } @media (max-width: 1440px) { .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 h3 { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 h3 { font-size: 1.222em; } } @media (max-width: 767px) { .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 h3 { font-size: 1.222em; } } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 h3::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); height: 1.5px; width: 63px; left: 0; bottom: -14px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row { margin-bottom: 20px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row.form-row-first { width: 50%; padding-right: 10px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row.form-row-last { width: 50%; padding-left: 20px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row label { font-size: 0.833em; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row input { width: 100%; font-size: 0.833em; padding: 14px 15px; border: 0; background-color: #f9f9f9; color: #666; border-radius: 3px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single { height: 50px; background-color: #f9f9f9; border: 0; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; font-size: 00.833em; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { top: 13px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row ::placeholder { font-size: 1em; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields .form-row label { font-size: 0.833em; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-2 .woocommerce-additional-fields .form-row .woocommerce-input-wrapper #order_comments { height: 125px; width: 100%; font-size: 0.833em; padding: 14px 15px; border: 0; background-color: #f9f9f9; color: #666; border-radius: 3px; } .woocommerce-checkout #order_review_heading { font-size: 1.667em; line-height: 1.2; font-weight: 500; position: relative; } @media (max-width: 1440px) { .woocommerce-checkout #order_review_heading { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { .woocommerce-checkout #order_review_heading { font-size: 1.222em; } } @media (max-width: 767px) { .woocommerce-checkout #order_review_heading { font-size: 1.222em; } } .woocommerce-checkout #order_review_heading:after { position: absolute; content: ""; background-color: var(--gbl-primary-color); height: 1.5px; width: 63px; left: 0; bottom: -14px; } .woocommerce-checkout .woocommerce-checkout-review-order table { border: 0; } .woocommerce-checkout .woocommerce-checkout-review-order table tr, .woocommerce-checkout .woocommerce-checkout-review-order table tr.cart_item { background-color: unset !important; border-bottom: 1px solid #d0d2d3; } .woocommerce-checkout .woocommerce-checkout-review-order table th { font-size: 1.333em !important; padding: 18px 16px !important; } .woocommerce-checkout .woocommerce-checkout-review-order table td { padding: 26px 16px !important; } .woocommerce-checkout .woocommerce-checkout-review-order table thead .product-total { text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order tbody .product-total { text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order tbody .product-total span { color: #58595B; } .woocommerce-checkout .woocommerce-checkout-review-order tfoot th { border: 0; font-weight: 500 !important; } .woocommerce-checkout .woocommerce-checkout-review-order tfoot td { text-align: right; color: #000000; font-weight: 500 !important; } .woocommerce-checkout .woocommerce-checkout-review-order tfoot .woocommerce-Price-amount.amount { text-align: right; } .woocommerce-checkout .woocommerce-checkout-review-order tfoot .order-total strong { font-weight: 600; font-size: 1.33em; } .woocommerce-checkout #payment.woocommerce-checkout-payment { background: none; } .woocommerce-checkout #payment.woocommerce-checkout-payment .wc_payment_methods { border: 0; padding: 0; } .woocommerce-checkout #payment.woocommerce-checkout-payment .wc_payment_methods li { border-top: 3px solid var(--gbl-primary-color); padding: 20px; } .woocommerce-checkout #payment.woocommerce-checkout-payment .form-row.place-order { padding: 1em 0; } .woocommerce-checkout #payment.woocommerce-checkout-payment .form-row.place-order p { font-size: 1em; line-height: 1.7778; color: #58595B; } .woocommerce-checkout #payment.woocommerce-checkout-payment .form-row.place-order #place_order.button.alt { float: left; background-color: var(--gbl-primary-color); font-weight: 500; padding: 21px 28px; border-radius: 15px; transition: 0.3s ease all; } .woocommerce-checkout #payment.woocommerce-checkout-payment .form-row.place-order #place_order.button.alt:hover { background-color: var(--gbl-secondary-color); } .woocommerce-cart #primary .site-main .shop_table { border: 0; } .woocommerce-cart #primary .site-main .shop_table thead tr { border-bottom: 1px solid #d0d2d3; } .woocommerce-cart #primary .site-main .shop_table thead tr th { font-size: 1.33em; padding: 12px 21px; } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item { background-color: unset; border-bottom: 1px solid #d0d2d3; } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item td { font-size: 1em; border: 0; padding: 12px 21px; } @media (max-width: 1024px) { .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item td { padding: 14px 7px; } } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item .product-name a { text-decoration: underline; } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item .product-name a:hover { text-decoration: none; } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item .product-quantity .quantity .qty { float: unset; width: 132px; text-align: center; } .woocommerce-cart #primary .site-main .shop_table tbody tr.cart_item .product-thumbnail img { width: 60px; height: 60px; } .woocommerce-cart #primary .site-main .shop_table tbody tr { background-color: unset !important; } .woocommerce-cart #primary .site-main .shop_table tbody tr td { padding: 18px 0; background-color: unset; } .woocommerce-cart #primary .site-main .shop_table tbody .coupon #coupon_code { font-size: 1em; width: 203px; padding: 14px; color: #58595b; border: 1px solid #929497; border-radius: 15px; margin-right: 15px; } @media (max-width: 767px) { .woocommerce-cart #primary .site-main .shop_table tbody .coupon #coupon_code { width: 160px; } } @media (max-width: 767px) { .woocommerce-cart #primary .site-main .shop_table tbody .coupon button { padding: 20px 10px; } } .woocommerce-cart #primary .site-main .shop_table tbody button { background-color: var(--gbl-primary-color); color: #ffffff; border-radius: 15px; padding: 20px 37px; transition: 0.3s ease all; } .woocommerce-cart #primary .site-main .shop_table tbody button:hover { background-color: var(--gbl-secondary-color); } .woocommerce-cart #primary .site-main .cart-collaterals { margin-top: 40px; } .woocommerce-cart #primary .site-main .cart-collaterals .cart_totals { float: unset; width: 100%; } .woocommerce-cart #primary .site-main .cart-collaterals h2 { font-size: 1.667em; line-height: 1.2; font-weight: 500; position: relative; } .woocommerce-cart #primary .site-main .cart-collaterals h2::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); height: 1.5px; width: 63px; left: 0; bottom: -14px; } .woocommerce-cart #primary .site-main .cart-collaterals .wc-proceed-to-checkout .button { display: inline-block; font-size: 1em; background-color: var(--gbl-primary-color); font-weight: 600; border-radius: 15px; padding: 1em 2.2em; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody tr { background-color: unset; border-bottom: 1px solid #d0d2d3; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody tr th { font-size: 1.333em; font-weight: 500; vertical-align: middle; border: 0 !important; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody tr td { text-align: right; background-color: unset; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody tr .cart-subtotal .woocommerce-Price-amount.amount { font-size: 1em; opacity: 1; font-weight: 500; color: #58595b; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody .order-total th { padding-top: 18px; padding-bottom: 18px; } .woocommerce-cart #primary .site-main .cart-collaterals table tbody .order-total .woocommerce-Price-amount.amount { font-size: 1em; font-weight: 500; } .woocommerce .woocommerce-ordering select { background-color: #d8d8d81a; } :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button { padding: .618em 1em; } /*********** * Archive * ***********/ .archive .page-header .breadcrumb-wrapper .container { padding: 0px; } .archive .page-header .page-title span { font-size: inherit; } .archive .page-header .breadcrumb-wrapper { margin-top: 27px; } .breadcrumb-wrapper .page-header { margin: 15px 0 15px; } .archive .page-header .page-title { font-size: 2.667em; font-weight: 600; line-height: 1.2; } @media (max-width: 1440px) { .archive .page-header .page-title { font-size: 2.000em; } } @media (max-width: 1024px) { .archive .page-header .page-title { font-size: 1.778em; } } @media (max-width: 767px) { .archive .page-header .page-title { font-size: 1.778em; } } .archive article { margin-bottom: 0; } .archive article .post-thumbnail img, .archive article .post-thumbnail svg { width: 100%; border-radius: 1px; } .archive article .content-wrap { padding: 30px; } .archive article .content-wrap .entry-title a:hover { color: var(--gbl-primary-color); } .archive article .entry-meta { margin-top: 10px; margin-left: 5px; font-size: 15px; } .archive article .entry-meta .category a { margin-left: 5px; font-size: 15px; } .archive article .entry-details { padding: 25px 31px; } @media (max-width: 1440px) { .archive article .entry-details { padding: 15px 15px; } } @media (max-width: 767px) { .archive article .entry-details { padding: 18px 11px; } } .archive article .entry-details h3 { font-size: 1.333em; font-weight: 600; letter-spacing: -0.5px; } .archive article .entry-details h3 a:hover { color: var(--gbl-primary-color); } .archive.full-width article { margin-bottom: 0; } .archive.full-width .author-section { grid-column: 1/4 span; } .archive.full-width .content-wrap-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 46px; grid-row-gap: 26px; } @media (max-width: 1024px) { .archive.full-width .content-wrap-main { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .archive.full-width .content-wrap-main { grid-template-columns: 1fr; grid-row-gap: 15px; } } .archive.rightsidebar .content-wrap-main { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 50px; grid-row-gap: 26px; } .archive.rightsidebar .content-wrap-main .content-wrap { max-width: 389px; margin: auto; padding: 30px 0; } .archive.rightsidebar .content-wrap-main article { width: calc(50% - 25px); margin-bottom: 0; } .content-wrap-main article { border: 1px solid #efefef; } .blog .content-wrap-main article .entry-header { padding-left: 15px; } .archive .content-wrap-main article, .layout-grid .content-wrap-main article { border: 1px solid #efefef; } @media (max-width: 767px) { .archive.rightsidebar .content-wrap-main article { width: 100%; } } .archive #load-more { text-align: center; } .archive.masonary .site-main { display: block; } .archive.masonary .site-main .content-wrap-main { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px -25px; } .archive.masonary .site-main article { width: calc(50% - 50px); margin: 0 25px 15px; } .author-section { margin-bottom: 48px; } .author-section .author-title { position: relative; font-size: 1.667em; line-height: 1.25555; color: #000000; font-weight: 500; margin-bottom: 39px; } @media (max-width: 1440px) { .author-section .author-title { font-size: 1.333em; margin-bottom: 30px; line-height: 1.3; } } .author-section .author-title::after { position: absolute; content: ""; background-color: var(--gbl-primary-color); width: 63px; height: 1.5px; bottom: -8px; left: 0; } .author-section .author-wrapper { -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; } @media (max-width: 767px) { .author-section .author-wrapper { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .author-section .author-wrapper .author-img { margin: 0; width: 95px; height: 98px; border-radius: 50%; overflow: hidden; } .author-section .author-wrapper .author-wrap { padding-left: 25px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 767px) { .author-section .author-wrapper .author-wrap { padding-left: 0; } } .author-section .author-wrapper .author-wrap .author-name { font-size: 1.333em; line-height: 1.217899; font-weight: 500; padding-bottom: 20px; } .author-section .author-wrapper .author-wrap .author-content { color: #58595B; font-weight: 400; font-size: 0.889em; } .author-section .author-wrapper .author-wrap .author-content p { line-height: 1.75; margin-bottom: 20px; } .author-section .author-wrapper .author-wrap .author-social ul { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0; } .author-section .author-wrapper .author-wrap .author-social ul li { margin: 0 5px; } .author-section .author-wrapper .author-wrap .author-social ul li a { transition: 0.2s ease all; } .author-section .author-wrapper .author-wrap .author-social ul li a:hover path { fill: var(--gbl-primary-color); } .author .page-header .page-title span { font-size: inherit; } .author .page-header .container { padding: 0 15px; } .author article .post-thumbnail img, .author article .post-thumbnail svg { width: 100%; border-radius: 15px; } .author article .content-wrap { padding: 30px; } .author article .content-wrap .entry-title a:hover { color: var(--gbl-primary-color); } .author article .entry-meta { position: absolute; margin-top: -55px; margin-left: 25px; } .author article .entry-details { padding: 25px 31px; } @media (max-width: 1440px) { .author article .entry-details { padding: 15px; } } @media (max-width: 767px) { .author article .entry-details { padding: 18px 11px; } } .author article .entry-details h3 { font-size: 1.667em; font-weight: 500; letter-spacing: -0.5px; } @media (max-width: 1440px) { .author article .entry-details h3 { font-size: 1.22em; line-height: 1.250em; } } @media (max-width: 1024px) { .author article .entry-details h3 { font-size: 1.222em; } } .author article .entry-details h3 a:hover { color: var(--gbl-primary-color); } .author #load-more { text-align: center; } .author.masonary .site-main { display: block; } .author.masonary .site-main .content-wrap-main { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px -25px; } .author.masonary .site-main article { width: calc(50% - 50px); margin: 0 25px 15px; } .author.rightsidebar .content-wrap-main { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 50px; grid-row-gap: 26px; margin-bottom: 40px; } .author.rightsidebar .content-wrap-main .content-wrap { max-width: 389px; margin: auto; padding: 30px 0; } .author.rightsidebar .content-wrap-main article { width: calc(50% - 25px); margin-bottom: 0; } @media (max-width: 767px) { .author.rightsidebar .content-wrap-main article { width: 100%; } } .author.full-width article { margin-bottom: 0; } .author.full-width .author-section { grid-column: 1/4 span; } .author.full-width .content-wrap-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 46px; grid-row-gap: 26px; } @media (max-width: 1024px) { .author.full-width .content-wrap-main { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .author.full-width .content-wrap-main { grid-template-columns: 1fr; grid-row-gap: 15px; } } .search.search-results .page-header { font-size: 1em; color: #000000; margin: 22px 0 34px; } .search.search-results .page-header .breadcrumb-wrapper { margin-bottom: 0; } .search.search-results .page-header .breadcrumb-wrapper .container { padding: 0; } .search .page-header .breadcrumb-wrapper { margin-top: 27px; } .search .page-header .page-title { font-size: 2.667em; font-weight: 500; line-height: 1.2; } .search article .post-thumbnail img, .search article .post-thumbnail svg { width: 100%; object-fit: cover; } .search article .content-wrap { padding: 15px 15px; } @media (max-width: 1440px) { .search article .content-wrap { padding: 15px; } } @media (max-width: 767px) { .search article .content-wrap { padding: 15px; } } .search article .content-wrap .entry-title { font-weight: 600; } .search article .content-wrap .entry-title a:hover { color: var(--gbl-primary-color); } .search article .entry-meta { position: absolute; margin-top: -65px; } .search article .entry-details { font-size: 1em; } .search article .entry-details .entry-content { margin: 0; } .search article .entry-details p { margin-bottom: 19px; } .search article .entry-details .author-details, .search article .entry-details .author-name { border-color: #929497; } .search article .entry-details .date, .search article .entry-details .comments { border-color: #929497; } .search article .entry-details .date a, .search article .entry-details .comments a { color: #929497; } .search article .entry-details .date a:hover, .search article .entry-details .comments a:hover { color: var(--gbl-primary-color); } .search.full-width .content-wrap-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 48px; grid-row-gap: 22px; } @media (max-width: 1024px) { .search.full-width .content-wrap-main { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .search.full-width .content-wrap-main { grid-template-columns: 1fr; } } .search #load-more { text-align: center; } .search.masonary .site-main { display: block; } .search.masonary .site-main .content-wrap-main { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px -25px; } .search.masonary .site-main article { width: calc(50% - 50px); margin: 0 25px 15px; } .search.search-no-results .breadcrumb-wrapper .container { padding: 0; } .search.search-no-results #load-more { display: none; } .search.search-no-results .page-header { margin: 11px 0 20px; } .search.search-no-results .page-content { margin: 0; } .search.search-no-results h1 { color: #000000; } .search.search-no-results .content-wrap-main { text-align: center; display: block; } .search.search-no-results .search-form { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .search.search-no-results .search-form label { width: 37%; } @media (max-width: 1024px) { .search.search-no-results .search-form label { width: 60%; } } @media (max-width: 767px) { .search.search-no-results .search-form label { width: 100%; } } .search.search-no-results .search-form input[type="search"] { color: #666; border: 1px solid #ccc; border-radius: 3px; height: 70px; width: 100%; padding: 15px; } .search.search-no-results .search-form input[type="submit"] { background-color: var(--gbl-primary-color); height: 70px; width: 70px; padding: 0; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; font-size: 0; } .search.search-no-results.rightsidebar .site-main .content-wrap-main { display: block; text-align: left; } .search.search-no-results.rightsidebar .site-main .content-wrap-main .search-form { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .search.search-no-results.rightsidebar .site-main .content-wrap-main .search-form label { width: 80%; } .search.rightsidebar .site-main .content-wrap-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } @media (max-width: 767px) { .search.rightsidebar .site-main .content-wrap-main { grid-template-columns: 1fr; grid-gap: 0; } } .blog.full-width .content-wrap-main { display: grid; grid-template-columns: repeat(3, 1fr); } @media (max-width: 1024px) { .blog.full-width .content-wrap-main { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .blog.full-width .content-wrap-main { grid-template-columns: 1fr; } } .blog .content-wrap-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } @media (max-width: 767px) { .blog .content-wrap-main { grid-template-columns: 1fr; grid-row-gap: 10px; } } .blog .content-wrap-main .post-thumbnail { margin-bottom: 15px; } .blog .content-wrap-main .post-thumbnail img { border-radius: 3px; } .blog .content-wrap-main .entry-header .entry-meta { margin: 10px 0; } .blog .content-wrap-main .entry-title { margin: 10px 0; } .blog #load-more { text-align: center; } .blog .content-wrap-main .post-thumbnail svg { border-radius: 3px; } .single-post .content-area .site-main .post-image .post-thumbnail { margin-bottom: 20px; } .single-post .content-area .site-main .post-image .entry-header { margin: 20px 0; } .single-post .content-area .site-main .post-image .entry-header .category a { font-size: 0.778em; background-color: var(--gbl-primary-color); color: #ffffff; padding: 3px 5px; border-radius: 5px; margin: 5px; } .single-post .content-area .site-main .post-image .entry-header .entry-title { margin: 25px auto; line-height: 1.25em; border-radius: 5px; } .single-post .content-area .site-main .post-image .entry-header .entry-title span { position: relative; border-radius: 5px; padding: 5px 0; color: var(--text-color); background: #ffffff; box-shadow: 10px 0 0 #ffffff, -10px 0 0 #ffffff; } .single-post .content-area .site-main .post-image .entry-header .auth-details .date { display: inline-block; padding-left: 14px; border-left: 1px solid var(--text-color); } .single-post .content-area .site-main .post-image .entry-header .auth-details .author-name { border-right: 0; padding-right: 0; } @media (max-width: 767px) { .single-post .content-area .site-main .post-image .entry-header .auth-details .author-name { border: 0; } } .single-post .content-area .site-main .post-image .entry-header .auth-details .comments { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-right: 9px; } .single-post .content-area .site-main .post-image .entry-header .auth-details .time { color: var(--text-color); padding-left: 14px; border-left: 1px solid var(--text-color); } .single-post .content-area .site-main .post-image .entry-header .auth-details .time span { color: #000000; background-color: #ffffff; font-size: 0.648em; width: 12px; height: 12px; text-align: center; line-height: 14px; border-radius: 50%; display: block; margin-right: 3px; } .single-post .content-area .site-main .content-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin: 50px 0 0; } @media (max-width: 767px) { .single-post .content-area .site-main .content-wrap { display: block; margin: 0; } } .single-post .content-area .site-main .content-wrap .entry-content { margin: 0; } @media (max-width: 767px) { .single-post .content-area .site-main .content-wrap .entry-content { width: 100%; } } .single-post .content-area .site-main .content-wrap .entry-content a { text-decoration: underline; color: var(--gbl-secondary-color); } .single-post .content-area .site-main .content-wrap .entry-content a:hover { text-decoration: none; } .single-post .content-area .site-main .content-wrap .entry-content p { font-weight: 400; line-height: 1.7778; color: #58595B; margin-bottom: 35px; } .single-post .content-area .site-main .content-wrap .entry-content .wp-caption { margin-top: 10px; margin-bottom: 30px; } .single-post .content-area .site-main .content-wrap .entry-content .wp-block-table figcaption { text-align: center; } .single-post .content-area .site-main .content-wrap .entry-content blockquote { margin: 0 0 45px; } .single-post .content-area .site-main .content-wrap .entry-content blockquote p { margin: 0; } .single-post .content-area .site-main .content-wrap .entry-content h1 { margin: 0.67em 0; } .single-post .content-area .site-main .content-wrap .entry-content h2, .single-post .content-area .site-main .content-wrap .entry-content h3, .single-post .content-area .site-main .content-wrap .entry-content h4 { margin: 0.67em 0; } .single-post .content-area .site-main .content-wrap .entry-content h5, .single-post .content-area .site-main .content-wrap .entry-content h6 { margin: 1em 0; } .single-post .content-area .site-main .entry-footer { margin-top: 40px; margin-bottom: 40px; } .single-post .content-area .site-main .entry-footer .tags-title { font-size: 0.888889em; text-transform: uppercase; margin-right: 10px; } .single-post .content-area .site-main .entry-footer a { font-size: 0.778em; padding: 3px 5px; border-radius: 5px; background-color: var(--gbl-primary-color); color: #fff; } .single-post .content-area .site-main .entry-footer a:hover, .single-post .content-area .site-main .entry-footer a:focus { background-color: var(--gbl-secondary-color);} .page { } .page .page-header { margin: 22px 0 39px; } .page .page-grid { margin-top: 35px; margin-bottom: 35px; } .page .site-main .entry-content { margin: 0; } .page .site-main .entry-title { font-size: 2.35em; font-weight: 500; line-height: 1.2; margin-top: 0; } @media (max-width: 1440px) { .page .site-main .entry-title { font-size: 2.3em; } } @media (max-width: 1024px) { .page .site-main .entry-title { font-size: 1.778em; } } @media (max-width: 767px) { .page .site-main .entry-title { font-size: 1.778em; } } .page .site-main ul { padding-left: 15px; } .page .site-main h1, .page .site-main h2, .page .site-main h3, .page .site-main h4, .page .site-main h5, .page .site-main h6 { margin: 18px 0 24px 0; } .page .site-main h6 { font-size: 14px; } .page .site-main h5 { font-size: 16px; } .page .site-main p { margin-bottom: 30px; } .page .site-main blockquote { margin: 40px 0 43px; } .page .site-main .wp-block-gallery .blocks-gallery-grid { padding-left: 0; } .page .site-main .wp-block-gallery .blocks-gallery-grid li { margin: 0; } .page .site-main .wp-block-gallery .blocks-gallery-grid li::before { content: none; } .page .site-main .post-thumbnail { margin-bottom: 40px; } .error404 .page-header { margin: 28px 0 27px !important; } .error404 .not-found { max-width: 800px; margin: 0 auto; } .error404 .not-found .page-header { text-align: center; color: #231f20; } .error404 .not-found .page-header h2 { font-size: 5.556em; line-height: 1.2; font-weight: 600; } @media (max-width: 1024px) { .error404 .not-found .page-header h2 { font-size: 4.23em; } } @media (max-width: 767px) { .error404 .not-found .page-header h2 { font-size: 2.23em; } } .error404 .not-found .page-header h2 span { font-size: 1em; display: block; } .error404 .not-found .page-header .subtitle { max-width: 500px; padding-top: 70px; margin: auto; font-weight: 400; color: #58595b; } .error404 .not-found .page-header .subtitle p { margin-bottom: 0; } .error404 .not-found .error404-search { max-width: 549px; margin: auto; margin-top: 45px; } .error404 .not-found .error404-search .search-form { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .error404 .not-found .error404-search .search-form label { width: calc(100% - 70px); } .error404 .not-found .error404-search .search-form input[type="search"] { background: #eeeeee; font-family: "Montserrat", sans-serif; padding: 19px 34px; height: 100%; font-size: 1em; border: 0; width: 100%; border-top-left-radius: 18px; border-bottom-left-radius: 18px; } .error404 .not-found .error404-search .search-form input[type="submit"] { font-size: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.841' height='28.288' viewBox='0 0 30.841 28.288'%3E%3Cg id='Searvh' transform='translate(-1085.637 -607.58)'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='11.198' cy='11.198' r='11.198' transform='translate(1087.137 609.08)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline id='Line_13' data-name='Line 13' x2='7.245' y2='5.479' transform='translate(1107.132 628.288)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; background-size: 27px; background-color: var(--gbl-primary-color); height: 70px; width: 70px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; } .error404 .additional-post { border: 0; margin-top: 97px; padding-top: 0; } @media (max-width: 767px) { .error404 .additional-post { margin-top: 60px; } } .error404 .additional-post .post { width: calc(33.333333% - 51px); } @media (max-width: 1024px) { .error404 .additional-post .post { width: calc(50% - 51px); } } @media (max-width: 767px) { .error404 .additional-post .post { width: 100%; } } @media (max-width: 1024px) { .error404 .additional-post .post .entry-header { padding: 10px; } } .error404 .additional-post .post .entry-header .entry-details { margin: 10px 0; } @media (max-width: 767px) { .error404 .additional-post .post .entry-header .entry-meta { top: 60%; } } .error404 .additional-post .post .author-desc { margin-top: 0; grid-row-gap: 10px; } .error404 .additional-post .post .author-desc .date, .error404 .additional-post .post .author-desc .comments { margin-top: 0; margin-bottom: 0; } .error404 .additional-post .post .author-desc .author-details { margin-top: 0; } .error404 .fallback-svg { border-radius: 10px; } .error404 .post-thumbnail img { border-radius: 10px; } /* * Top bar css */ .site-header .top-wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .site-header .top-wrapper ul, .site-header .top-wrapper ol { list-style: none; margin: 0; padding: 0; padding-right: 0px; } .site-header .top-wrapper .social-wrap { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex: 1; } .site-header .top-wrapper .social-wrap .social-right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; display: grid; } /* Second navigation */ .woocommerce-bar { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid rgba(208, 210, 211, 0.5); background-color:var(--woo-bar-bg-color); } .hide-woo-search-cat .woocommerce-bar input.header-search-input { width: 100%; } .hide-woo-search-cat .woocommerce-bar select.header-search-select { display: none; } .hide-woo-cat-list .woocommerce-bar .produt-category-navigation { display: none; } .woocommerce-bar .container { display: flex; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .categories-menu-first { padding: 10px 20px 10px; color: var(--woo-bar-color); border-top-left-radius: 12px; border-top-right-radius: 12px; } .categories-menu-first svg { fill: var(--woo-bar-color); margin-right: 10px; } .produt-category-navigation li a { border-bottom: 0; vertical-align: middle; display: inline-block; font-weight: 700; font-size: 15px; max-height: 50px; width: 100%; } .produt-category-navigation ol, .produt-category-navigation ul { margin: 0px; } .categories-dropdown-menu { display: none; position: absolute; background-color: white; min-width: 225px; z-index: 9999; border-radius: 0 0 4px 4px; -webkit-box-shadow: 1px 5px 15px 5px #C6BDBD; box-shadow: 1px 5px 15px 5px #C6BDBD; background-color: var(--gbl-background-color) ; } .categories-dropdown-menu li a { padding: 8px 15px; } .categories-menu-item:hover .categories-dropdown-menu { display: block; color: red; } .categories-dropdown-menu li a:hover, .categories-dropdown-menu li a:active { color: var(--gbl-primary-color); } /* Header product search */ .product-search-form { position: relative; border-radius: 0; height: 41px; background-color: #fff; padding-right: 52px; float: left; margin-left: 15px; width: 50%; border-radius: 24px; } input.header-search-input { width: 60%; display: inline-block; border: none; float: left; height: 41px; border-radius: 0; right: 0; position: relative; background-color: transparent; padding-left: 15px; border-radius: 0; font-size: 16px; font-weight: 400; } select.header-search-select { width: 40%; display: inline-block; border: none; float: left; height: 38px; background-color: #fff; border-left: 1px solid #ececec; font-size: 16px; } button.header-search-button { border: none; color: inherit; position: absolute; right: -1px; padding: 0 12px; font-size: 22px; line-height: 48px; background-color: var(--gbl-primary-color); top: 0; height: 41px; border-radius: 0; width: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; border-top-right-radius: 24px; border-bottom-right-radius: 24px; opacity: 0.8; } /* Woo Icon css */ .woocommerce-bar-icons { position: relative; display: inline-block; left: auto; padding: 0px; margin-right: 5px; } .header-cart, .header-my-account, .header-wishlist, .header-compare { float: right; display: block; } .header-woo-icon-container a svg { vertical-align: bottom; fill: var(--woo-bar-color); } a.cart-contents i, .header-my-account a, .header-wishlist a, .header-compare a, .header-search a { font-size: 18px; line-height: 26px; position: relative; } .fa-user-circle-o::before { content: "\f2be"; } ul.site-header-cart { opacity: 0; display: none; position: absolute; z-index: 50; } .amount-cart { color: #fff; background:#4c4c4c; position: relative; font-size: 11px; padding: 1px 5px; border-radius: 3px; margin-left: 10px; bottom: 3px; font-weight: 700; display: inline-block; line-height: 1.5; } .amount-cart:before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 7px solid #4c4c4c; top: calc(50% - 5px); right: 100%; } .cart-contents span.count { font-size: 10px; padding: 0px; color: #fff; font-weight: 700; background-color: #4c4c4c; border-radius: 15px; line-height: 18px; margin: 0; position: absolute; bottom: -6px; left: 14px; font-style: initial; height: 18px; min-width: 18px; text-align: center; font-family: 'Montserrat', "Helvetica Neue", helvetica, arial, sans-serif; border: 1px solid transparent; } ul.site-header-cart { opacity: 0; display: none; position: absolute; z-index: 50; } .woocommerce-cart ul.site-header-cart, .woocommerce-checkout ul.site-header-cart { display: none !important; } .header-cart-block:hover ul.site-header-cart, .product-added-to-cart .header-cart-block ul.site-header-cart { display: block; opacity: 1; right: -10px; min-width: 320px; background-color: #fff; color: #000; border: 1px solid #e2e2e2; border-radius: 5px; padding: 10px; z-index: 9999; animation: showup 0.5s; -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); } @media (max-width: 1024px) { .woocommerce-bar .container { display: inherit; } .produt-category-navigation { display: none; } .product-search-form { clear: both; width: 100%; margin-top: 8px; margin-left: 0px; } .header-woo-icon-container { clear: both; text-align: center; padding-top: 16px; } } /* YITH */ .products a.button.yith-wcqv-button { background-color: var(--gbl-primary-color); padding: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); padding: 16px; font-size: 0px; background-position: center center; background-repeat: no-repeat; border-radius: 24px; } .woocommerce ul.products li.product { text-align: center; box-shadow: 0px 1px 15px 6px #ECECEC38; margin-bottom: 20px; } .woocommerce ul.products li.product a.button.yith-wcqv-button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; background-color: #312E2EAD; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .product_type_grouped, .woocommerce ul.products li.product .product_type_external, .woocommerce ul.products li.product .product_type_variable { background-color: var(--gbl-primary-color); color: white; font-size: 15px; text-align: center; font-weight: 600; cursor: pointer; transition: all 0.3s ease; z-index: 100; margin-bottom: 15px; margin-top: 5px; } .woocommerce ul.products li.product:hover .add_to_cart_button, .woocommerce ul.products li.product:hover .product_type_grouped, .woocommerce ul.products li.product:hover .product_type_external, .woocommerce ul.products li.product:hover .product_type_variable { } .products > .product .hover-area .compare.button { margin: 0px; padding: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' fill='white' height='21' viewBox='0 0 24 24'%3E%3Cpath d='M23 12c0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.655 1.314l1.858 2.686h-6.994l2.152-7 1.849 2.673c1.684-1.049 3.659-1.673 5.79-1.673 6.074 0 11 4.925 11 11zm-6.354 7.692c-1.357.826-2.944 1.308-4.646 1.308-4.962 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681z'/%3E%3C/svg%3E"); font-size: 0px; background-position: center center; background-repeat: no-repeat; border-radius: 24px; background-color: var(--gbl-primary-color); color: white; } .woocommerce ul.products li.product .hover-area .compare.button:hover { background-color: #312E2EAD; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' fill='white' height='21' viewBox='0 0 24 24'%3E%3Cpath d='M23 12c0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.655 1.314l1.858 2.686h-6.994l2.152-7 1.849 2.673c1.684-1.049 3.659-1.673 5.79-1.673 6.074 0 11 4.925 11 11zm-6.354 7.692c-1.357.826-2.944 1.308-4.646 1.308-4.962 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681z'/%3E%3C/svg%3E"); font-size: 0px; background-position: center center; background-repeat: no-repeat; } .products > .product .hover-area .yith-wcwl-add-to-wishlist { margin-top: 0px; text-align: center; margin-bottom: 4px; } .woocommerce ul.products li.product .hover-area .yith-wcwl-add-to-wishlist-button { background-color: var(--gbl-primary-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 9.229c.234-1.12 1.547-6.229 5.382-6.229 2.22 0 4.618 1.551 4.618 5.003 0 3.907-3.627 8.47-10 12.629-6.373-4.159-10-8.722-10-12.629 0-3.484 2.369-5.005 4.577-5.005 3.923 0 5.145 5.126 5.423 6.231zm-12-1.226c0 4.068 3.06 9.481 12 14.997 8.94-5.516 12-10.929 12-14.997 0-7.962-9.648-9.028-12-3.737-2.338-5.262-12-4.27-12 3.737z'/%3E%3C/svg%3E"); font-size: 0px; background-position: center center; background-repeat: no-repeat; width: 33px; height: 33px; border-radius: 30px; } .woocommerce ul.products li.product .hover-area .yith-add-to-wishlist-button-block { margin: 0px auto; } .woocommerce ul.products li.product .hover-area .yith-wcwl-add-to-wishlist-button:hover { background-color: #312E2EAD; } .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon { color: var(--gbl-primary-color); } .yith-wcwl-add-button .add_to_wishlist .yith-wcwl-icon::before { content: ''; font-size: 0px; } .yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon::before { content: ''; font-size: 0px; } .woocommerce ul.products li.product a.add_to_wishlist { background-color: var(--gbl-primary-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 9.229c.234-1.12 1.547-6.229 5.382-6.229 2.22 0 4.618 1.551 4.618 5.003 0 3.907-3.627 8.47-10 12.629-6.373-4.159-10-8.722-10-12.629 0-3.484 2.369-5.005 4.577-5.005 3.923 0 5.145 5.126 5.423 6.231zm-12-1.226c0 4.068 3.06 9.481 12 14.997 8.94-5.516 12-10.929 12-14.997 0-7.962-9.648-9.028-12-3.737-2.338-5.262-12-4.27-12 3.737z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; padding: 4px 17px; border-radius: 24px; } .woocommerce ul.products li.product a.add_to_wishlist:hover{ background-color: #312E2EAD; } .woocommerce ul.products li.product a .yith-wcwl-icon{ display: none; } .woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse { background-color: var(--gbl-primary-color); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='white' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; padding: 3px 12px; border-radius: 24px; } .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single { margin-bottom: 12px; } .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single svg { display: none; } .woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse { display: none; } .woocommerce ul.products li.product .yith-wcwl-icon:hover .yith-wcwl-icon::before { background-color: black; } .products > .product .hover-area .yith-wcwl-add-button > a i { margin-right: 0px; } .products > .product > .button.yith-wcqv-button { display: none; } .woocommerce ul.products li.product:hover .hover-area, .woocommerce ul.products li.product:focus .hover-area { display: block; } .products > .product .hover-area { border: none; position: relative; background-color: transparent; padding: 0px 0px 5px; position: absolute; top: 10px; left: 15px; display: none; } .widget_product_tag_cloud .tagcloud a { padding: 5px; background-color: var(--gbl-primary-color); color: #fff; border-radius: 3px; font-size: 13px; display: inline-block; } #secondary .widget.widget_product_tag_cloud .tagcloud a { color: #fff; } /* * Top bar menu */ .site-header .top-bar-menu { background-color: var(--topbar-bg-color); } .site-header.transparent-header .top-bar-menu { background-color: transparent; } .site-header .top-bar-menu .container { display: flex; } .site-header .top-bar-menu .right-menu { margin-left: auto; order: 2; display: inline-flex; } .site-header .top-bar-menu .right-menu ul li, .site-header .top-bar-menu .left-menu ul li { position: relative; display: inline-block; font-size: .82em; font-weight: 400; line-height: 1.2; padding: .58em 0.5em; display: inline-block; text-align: center; } .site-header .top-bar-menu .right-menu ul li, .site-header .top-bar-menu .right-menu ul li a, .site-header .top-bar-menu .left-menu ul li, .site-header .top-bar-menu .left-menu ul li a { color: var(--topbar-text-color); } .site-header .top-bar-menu .right-menu svg , .site-header .top-bar-menu .left-menu svg { fill: var(--topbar-text-color); } .site-header .top-bar-menu .right-menu ul, .site-header .top-bar-menu .left-menu ul {margin: 0;} .site-header .top-bar-menu .right-menu ul li::before, .site-header .top-bar-menu .left-menu ul li::before { content: '|'; color: #ddd; display: inline-block; margin: 0 12px 0 0; } .site-header .top-bar-menu .right-menu ul li:first-child::before, .site-header .top-bar-menu .left-menu ul li:first-child::before { content: ''; margin-left: 0px; } .site-header .top-bar-menu .left-menu ul li:first-child::before { display: none; } .site-header .top-bar-menu .left-menu ul li:first-child { margin-left: 0px; padding: 0px; } /* woo-css */ .woocommerce-page { margin-bottom: 30px } .woocommerce-page #secondary { border: 1px solid #e7e7e7; } .woocommerce-page #secondary .widget { border-bottom: 1px solid #e7e7e7; margin-bottom: 0; margin-top: 0; padding: 20px; } .woocommerce-page #secondary .widget-title, #secondary .widget h2, #secondary .wc-block-product-search .wc-block-product-search__label { font-weight: 600; font-size: 21px; line-height: 1.4; margin-bottom: 30px; display: block; } #secondary .widget ul { border-radius: 3px; margin: 0; font-size: 0.889em; font-weight: 500; padding: 17px 28px 17px; } .woocommerce-page .widget.widget_categories li, .woocommerce-page .widget .product-categories li, .woocommerce-page .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce-page .woocommerce ul.product_list_widget li a { padding: 2px 0 2px; font-weight: 500; } .widget.widget_categories li { padding: 7px 0 7px; } .woocommerce ul.product_list_widget li img { min-width: 80px; } .woocommerce .widget .widget-title::after { background-color: transparent; width: 0px; height: 0; } .woocommerce .widget .widget-title { margin-bottom: 20px; } .woocommerce .widget ins { background: transparent; text-decoration: none; } /* meta */ .single-product .product_meta { clear: both; font-size: .8571em; text-transform: uppercase; } .single-product .product_meta .sku_wrapper { display: none; } .single-product .product_meta { font-size: .8571em; text-transform: uppercase; } .single-product .yith-wcwl-add-to-wishlist { margin-top: 10px; margin-bottom: 30px; } .single-product .product_meta { clear: both; font-size: 14px; padding: 20px 0; margin-top: 0; } product-summary-wrap .product_meta span a { display: inline-block; font-weight: 700; } .product-summary-wrap .sku_wrapper, .product-summary-wrap .tags { display: block; margin-bottom: .25rem; } /* * Site branding */ #masthead .site-branding { display: flex; flex-direction: row; align-items: center; padding-top: 5px; padding-bottom: 5px; } #masthead .site-branding img { padding-right: 10px; } /* * Color */ .woocommerce .widget_price_filter .ui-slider .ui-slider-range { opacity: 0.90; background-color: var(--gbl-primary-color); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: #d2d2d2; border: 0; } .woocommerce ul.products li.product .button:hover { background: var(--gbl-secondary-color); color: #fff; } .single-product .summary.entry-summary .cart button, .widget .price_slider_amount button, .woocommerce button.button, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce a.button, .summary .yith-wcwl-add-button a, .tabbed_product_widget .product-tab-list .tabmenu { font-weight: 600; background-color: var(--gbl-primary-color); border-radius: 3px; color: #fff !important; } .single-product .summary.entry-summary .cart button:hover, .single-product .summary.entry-summary .cart button:focus, .widget .price_slider_amount button:hover, .widget .price_slider_amount button:focus, .woocommerce-product-search button:hover, .woocommerce-product-search button:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .summary .yith-wcwl-add-button a:hover, .summary .yith-wcwl-add-button a:focus, button:hover, button:focus, .widget.widget_block.widget_search form button:hover, .widget.widget_block.widget_search form button:focus, .header-search-form .search-form input[type="submit"]:hover, .header-search-form .search-form input[type="submit"]:focus, .tabbed_product_widget .product-tab-list .tabmenu:hover, .tabbed_product_widget .product-tab-list .tabmenu:focus { background-color: var(--gbl-secondary-color); color: #fff; } .site-header .top-bar-menu .right-menu ul li a:hover, .site-header .top-bar-menu .right-menu ul li a:focus, .site-header .top-bar-menu .left-menu ul li a:hover, .site-header .top-bar-menu .left-menu ul li a:focus, .breadcrumb-wrapper #crumbs a:hover, .breadcrumb-wrapper #crumbs a:focus, .site-branding .site-title a:hover, .site-branding .site-title a:focus, .site-main .entry-content ul li a:hover, .site-main .entry-content ul li a:focus { color: var(--gbl-primary-color); } @media (max-width: 1024px) { .site-header .top-bar-menu .right-menu { display: initial; } } /************************* * Category list widget * *************************/ .category-list-widget .category-meta { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: 100; text-transform: capitalize; background-color: rgba(51, 51, 51, 0.55); padding: 5px; color: white; text-align:center; font-weight: 600; } .category-list-widget .category-meta a { color: white; font-weight: 600; } .category-list-widget { margin-bottom:15px; text-align: center; } .category-list-widget a img { box-shadow: initial; object-fit: cover; border-radius: 50%; } /***************** * Custom widget * ******************/ .custom_product_widget .woocommerce-ordering { display: none; } .custom_product_widget .woocommerce-result-count { font-size: 0.9em; margin-bottom: 10px; margin-top: 0.5em; font-style: italic; } .custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li, .custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li a, .custom_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers, .tabbed_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li, .tabbed_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li a, .tabbed_product_widget .woocommerce nav.woocommerce-pagination .page-numbers li span.page-numbers { line-height: 10px; height: 25px; width: 25px; border: initial; font-size: 14px; } .custom_product_widget .woocommerce a.added_to_cart { padding-top: .0em; padding-bottom: 10px; } /* Slow-motion Zoom Container */ .custom_product_widget li, .woocommerce ul.products li { transition: transform .9s; } /* The Transformation */ .custom_product_widget li:hover, .woocommerce ul.products li:hover { -ms-transform: scale(1.04); /* IE 9 */ -webkit-transform: scale(1.04); /* Safari 3-8 */ transform: scale(1.04); } /* * Responsive top bar */ @media (max-width: 1024px) { .site-header .top-bar-menu .container { display: block; text-align: center; } } /* * Transparent Header */ .site-header.transparent-header .top-bar-menu .right-menu ul li, .site-header.transparent-header .top-bar-menu .right-menu ul li a, .site-header.transparent-header .top-bar-menu .left-menu ul li, .site-header.transparent-header .top-bar-menu .left-menu ul li a, .site-header.transparent-header .top-bar-menu .right-menu ul li::before, .site-header.transparent-header .top-bar-menu .left-menu ul li::before, /* MENU */ .site-header.transparent-header .header-wrapper .header-left ul a, .transparent-header .site-branding .site-title a, .transparent-header .site-branding p { color:white; } .transparent-header .site-branding .site-title a{ font-weight:600; } /* MENU */ .site-header.transparent-header .header-wrapper .header-left ul a { text-transform:uppercase; font-weight:600; } .site-header .header-wrapper .header-left ul a.cart-contents { padding: 0px; } .site-header.transparent-header .header-wrapper .header-left ul a.cart-contents svg { fill: #fff; } .site-header.transparent-header .header-wrapper .header-left .cart-contents span.count, .site-header.transparent-header .header-wrapper .header-left .cart-contents .amount-cart { background-color: var(--gbl-primary-color); } .site-header.transparent-header .header-wrapper .header-left .cart-contents .amount-cart::before { border-right: 7px solid var(--gbl-primary-color); } .site-header.hide-menu-cart .header-wrapper .header-left ul a.cart-contents { display: none; } .site-header.transparent-header #menu-opener span { background-color: #fff; } /* SEARCH ICON */ .site-header.transparent-header .top-bar-menu .right-menu ul li svg { fill: #ffffffc2; } .site-header.transparent-header .header-wrapper .header-right .header-search button.header-search-icon svg { fill: #fff; } .site-header .header-wrapper .header-right .header-search button.header-search-icon:hover, .site-header .header-wrapper .header-right .header-search button.header-search-icon:focus { background-color: var(--gbl-secondary-color); } /************************* * Tabbed Product widget * *************************/ .tabbed_product_widget .product-tab-list { list-style-type: none; padding: 0; overflow: hidden; text-align: center; margin: 0; } .tabbed_product_widget .woocommerce-ordering, .tabbed_product_widget .woocommerce-result-count { display: none; } .tabbed_product_widget .product-tab-list li { display: inline-block; } .tabbed_product_widget .product-tab-list li a { display: block; text-align: center; padding: 3px 8px; text-decoration: none; margin-bottom: 17px; text-transform: capitalize; } /* * Scrool and sticky meny */ .backtotop { background-color: var(--gbl-primary-color); z-index: 300; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; font-size: 20px; text-align: center; position: fixed; bottom: -100px; right: 10px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0.6; } .backtotop svg { fill: white; } .addtocart_btn { z-index: 300; border-radius: 100%; font-size: 13px; text-align: center; position: fixed; bottom: -100px; right: 0px; cursor: pointer; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; display: flex; align-items: center; justify-content: center; opacity: 0.9; } .addtocart_btn .woocommerce a.added_to_cart { padding-top: .5em; font-size: 12px; display: block; } body.custom-background-image .addtocart_btn .woocommerce a.added_to_cart , body.custom-background-color .addtocart_btn .woocommerce a.added_to_cart { color: var(--gbl-secondary-color); } @media (min-width: 1024px) { .stickymenu { position: fixed; background-color: #ffffffd4; z-index: 9999; width: 100%; top: 0px; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); } .disable-sticky-menu .stickymenu { display: none; } .stickymenu .site-title-logo .site-description { display: none; } .site-header .stickymenu .header-wrapper .header-left ul a { padding: 15px 17px; color: black; } .site-header .stickymenu .header-wrapper .header-right .header-search-icon svg { fill: black; } .site-header.transparent-header .stickymenu .header-wrapper .header-left ul a { color: #000; font-weight: 500; } .site-header.transparent-header .stickymenu .site-branding .site-title a { color: #000; } .stickymenu .cart-contents span.count { bottom: 6px; left: 30px; } .site-header.transparent-header .stickymenu .header-wrapper .header-left ul a.cart-contents svg { fill:#000; } .admin-bar .stickymenu { top: 32px; left: 0px; } .stickymenu .site-title a, .stickymenu .site-description { color: #000; } .site-header .stickymenu .header-wrapper .header-left ul li svg { fill: #000 !important; } } @media (max-width: 1024px) { #masthead .burger-banner .site-branding { display: none; } } /********************** * News / Post widget * **********************/ .post-widget-categories a { background-color: var(--gbl-primary-color); color: #fff; padding: 4px 6px; font-weight: 600; border-radius: 2px; font-size: 11px; line-height: 11px; } .post-widget-container .post-compact-container { position:relative; } .post-widget-container .portfolio-content .item-metadata { font-size: 13px; color: var(--text-color); opacity: 0.9; } .post-widget-container .post-compact-container .portfolio-content .item-metadata { font-size: 13px; color: #ffffff; opacity: 0.9; } .post-widget-container .portfolio-content { padding: 15px; } .post-widget-container .post-content { display: flex; } .post-widget-container .post-grid .post-content { display:block; } .post-widget-container .portfolio-content p { padding-top: 10px; margin-bottom:10px; } .post-widget-container .portfolio-content h4, .news.product-carousel .product-title, .news-slider-content h4 { margin-bottom: 7px; font-weight: 600; text-rendering: auto; font-size: 16px; line-height: 1.3; text-align:left; } .news-slider-content h4 { margin-top:0px; } .post-widget-container .portfolio-content h3 { font-weight: 600; text-rendering: auto; font-size: 18px; line-height: 1.3; margin-bottom: 5px; } .post-widget-container .post-compact-container .portfolio-content h3 { font-size: 21px; } .post-widget-container .more-link { font-size: 14px; margin-top: 10px; padding: 9px 14px; line-height: 1; border: 1px solid var(--text-color); display: inline-block; font-weight: 600; transition: all 0.075s ease; color: var(--text-color); } .post-widget-container a.more-link:hover { border: 1px solid var(--gbl-secondary-color); color: var(--gbl-secondary-color); margin-right:3px; } .post-widget-container .post-compact { margin-bottom:20px; } .post-widget-container .post-compact .post-compact-container { background-color: #20202061; color: white; padding: 15px 15px; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px 15px 0px 15px; } .post-widget-container .post-compact .portfolio-content a, .post-widget-container .post-compact .portfolio-content { color:#FFF; } .post-widget-container .post-compact-container .portfolio-content { padding: 0px; } .post-widget-container .post-grid { margin-bottom:20px; } .post-widget-container .post-list { margin-bottom:5px; margin-top: 5px; } .post-widget-container .post-list .post-content { padding-bottom: 5px; } .post-widget-container .post-img img { object-fit: cover; } .post-widget-container .post-list .post-img { width:50%; } .post-widget-container .post-list .portfolio-content { width:50%; } .post-widget-container .post-list .small-list.post-img { width:30%; } .post-widget-container .post-list .small-list.portfolio-content { width:70%; } .post-widget-container .post-summery { margin-left:0px; margin-right:0px; margin-bottom:10px; } .post-widget-container .post-summery img { width: 100%; float: left; margin-right: 20px; height: 100%; object-fit: cover; vertical-align: middle; } .post-widget-container .post-summery .post-img { width: 30%; } .post-widget-container .post-summery .portfolio-content { width: 70%; } .post-widget-container .post-summery .portfolio-content h4 { margin-top: 5px; } .post-widget-container .post-summery .portfolio-content { padding: 5px 5px 5px 10px; overflow: hidden; height: 88px; } .post-widget-container .post-summery .post-content { padding: 5px 10px 5px 0px; } .post-widget-categories { position: absolute; bottom: 10px; left: 8px; } .post-compact .post-widget-categories { position: initial; bottom: 10px; left: 8px; } .post-widget-container .post-summery .post-widget-categories { position: relative; bottom: initial; left: initial; } .news.carousel-caption .post-widget-categories { position: relative; bottom: initial; left: initial; } /* Title styles */ .post-widget-title { border-bottom: 2px solid var(--gbl-primary-color); margin-bottom: 15px; } .post-widget-title div { padding: 6px 15px 6px; background-color: var(--gbl-primary-color); font-weight: 700; line-height: 1.2; color: white; font-size: 15px; display: inline-block; } .post-widget-container .layout-list.portfolio-content { padding: 15px 15px 15px 0px; } .layout-grid.portfolio-content h4 { margin-top: 0px; } .layout-grid.portfolio-content p, .layout-list.portfolio-content p { font-size: 15px; } .vertical-center { display: flex; align-items: center; } /* Social Links Styles */ .widget-social-contancts ul { margin: 0px; } .widget-social-contancts ul li { text-align: center; vertical-align: top; padding: 6px 6px; } .widget-social-contancts ul li .social-content { text-align: center; display: inline-block; vertical-align: top; background-color: #058ADC; width: 100%; } .widget-social-contancts ul li a { padding: 19px 0px; color: #fff; font-weight: normal; display: block; } .widget-social-contancts ul li a svg { fill:#fff; } .widget-social-contancts ul li .icon-name { font-size: 14px; padding-top: 10px; } .widget-social-contancts ul li a[href*="facebook.com"]{background-color: #3b5999;} .widget-social-contancts ul li a[href*="dribble.com"]{background-color: #ea4c89;} .widget-social-contancts ul li a[href*="vk.com"]{background-color: #4c75a3;} .widget-social-contancts ul li a[href*="twitter.com"]{background-color: #55acee;} .widget-social-contancts ul li a[href*="linkedin.com"]{background-color: #0077B5;} .widget-social-contancts ul li a[href*="instagram.com"]{background-color: #3F729B;} .widget-social-contancts ul li a[href*="youtube.com"]{background-color: #cd201f;} .widget-social-contancts ul li a[href*="vimeo.com"]{background-color: #1ab7ea;} .widget-social-contancts ul li a[href*="plus.google.com"]{background-color: #dd4b39;} .widget-social-contancts ul li a[href*="pinterest.com"]{background-color: #bd081c;} .widget-social-contancts ul li a[href*="tumblr.com"]{background-color: #34465d;} .widget-social-contancts ul li a[href*="wordpress.org"]{background-color: #21759b;} .widget-social-contancts ul li a[href*="whatsapp.com"]{background-color: #25D366;} .widget-social-contancts ul li a[href*="reddit.com"]{background-color: #ff5700;} .widget-social-contancts ul li a[href*="t.me"]{background-color: #00405d;} .widget-social-contancts ul li a[href*="ok.ru"]{background-color: #ed812b;} .widget-social-contancts ul li a[href*="wechat.com"]{background-color: #09b83e;} .widget-social-contancts ul li a[href*="weibo.com"]{background-color: #ce1126;} .widget-social-contancts ul li a[href*="github.com"]{ background-color: #00405d;} .widget-social-contancts ul li a[href*="snapchat.com"]{ background-color: #e6e400;} .widget-social-contancts ul li a[href*="twitch.com"]{ background-color: #6441a5;} .widget-social-contancts ul li a[href*="viber.com"]{ background-color: #665cac;} .widget-social-contancts ul li a[href*="tiktok.com"]{ background-color: #010101;} .widget-social-contancts ul li a[href*="soundcloud.com"]{background-color: #f75200;} .widget-social-contancts ul li a[href*="behance.net"]{background-color: #053eff;} .widget-social-contancts ul li a[href*="quora.com"]{background-color: #b92b27;} .widget-social-contancts ul li a[href*="yahoo.com"]{background-color: #720e9e;} .widget-social-contancts ul li a[href*="spotify.com"]{background-color: #1ed760;} .widget-social-contancts ul li a:hover, .widget-social-contancts ul li a:focus { background-color: var(--gbl-primary-color); } /* * Author Widget */ .author-widget .author-image { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto; display: inline-block; } .author-widget .posts-author-wrapper { text-align: center; } .author-widget .author-image img { height: 100%; width: 100%; object-fit: cover; } .author-widget .author-details h4 { font-size: 20px; margin-top: 5px; margin-bottom: 5px; } .author-widget .author-details p { margin-bottom: 17px; } .author-widget .social-links li { position: relative; display: inline-block; font-size: .82em; font-weight: 400; line-height: 1.2; padding: .58em 0.5em; text-align: center; } /******************************** * aft-popular-taxonomies-lists * ********************************/ .aft-popular-tags { font-size: 14px; position: relative; } .aft-popular-tags ul { margin: 0px; } .banner-exclusive-posts-wrapper { } .aft-popular-tags + .banner-exclusive-posts-wrapper{ margin-top: 0; } .aft-popular-taxonomies-lists{ background: rgba(255,255,255,0.05); display: flex; align-items: center; } body.aft-default-mode .aft-popular-taxonomies-lists{background: rgba(0,0,0,0.05)} .aft-popular-taxonomies-lists strong { margin-right: 20px; color: #fff; position: relative; padding: 10px 15px; z-index: 0; } .aft-popular-taxonomies-lists strong:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--gbl-primary-color); z-index: -1; } .aft-dark-mode .aft-popular-taxonomies-lists strong:before { background-color: #fff; } .aft-popular-taxonomies-lists strong:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; border-color: transparent transparent transparent var(--gbl-primary-color); border-style: solid; border-width: .7em; } .aft-dark-mode .aft-popular-taxonomies-lists strong:after { border-color: transparent transparent transparent #fff; } .aft-popular-taxonomies-lists ul { display: inline-block; } .aft-popular-taxonomies-lists ul li { display: inline-block; margin-right: 20px; } .aft-popular-taxonomies-lists ul li a { transition: all 0.5s linear; } .aft-popular-taxonomies-lists ul li a:before { content: '#'; font-size: 15px; padding: 0 5px; font-weight: 500; } /*aft-popular-taxonomies-lists-----*/ /*exclusive posts-----*/ .banner-exclusive-posts-wrapper{ position: relative; } .banner-exclusive-posts-wrapper .exclusive-posts:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.1; } .aft-dark-mode .banner-exclusive-posts-wrapper .exclusive-posts:before{ background-color: #fff; } .banner-exclusive-posts-wrapper a, .banner-exclusive-posts-wrapper a:visited{ transition: all 0.5s linear; } .banner-exclusive-posts-wrapper a:hover, .banner-exclusive-posts-wrapper a:visited:hover{ color: #bb1919; } .banner-exclusive-posts-wrapper .aft-ripple { display: inline-block; position: relative; min-width: 30px; width: 50px; min-height: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.22); } .banner-exclusive-posts-wrapper .aft-ripple div { position: absolute; border: 3px solid #ffffff; opacity: 1; border-radius: 50%; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform:translate(-50% , -50%); animation: aft-ripple 1.3s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .banner-exclusive-posts-wrapper .aft-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes aft-ripple{ 0% { width: 0; height: 0; opacity: 1; } 100% { width: 38px; height: 38px; opacity: 0; } } .exclusive-posts { font-size: 14px; /* line-height: 50px; */ margin: 0px; position: relative; } /* exclusive post refinement */ .marquee.aft-flash-slide > div { display: flex; height: 50px; overflow: hidden; } .circle-marq-title{ display: inline-block; vertical-align: middle; } .exclusive-posts .marquee a span.circle-marq { vertical-align: middle; } /* exclusive post refinement */ .exclusive-posts .exclusive-now { background: var(--gbl-primary-color); color: #ffffff; float: left; text-transform: uppercase; position: relative; padding: 0 15px; padding-left: 0; margin-right: 5px; display: flex; align-items: center; min-height: 50px; font-weight: 700; } .exclusive-posts .exclusive-now span{ margin-left: 15px; display: inline-block; } .exclusive-slides { padding: 0 5px; overflow: hidden; position: relative; } .exclusive-slides .marquee { width: 10000px; } .exclusive-posts .marquee a { padding: 5px 25px; font-weight: bold; align-items: center; display: inline-block; } .exclusive-posts .marquee a span.circle-marq { width: 40px; height: 40px; overflow: hidden; display: inline-block; line-height: 1; margin-right: 10px; position: relative; } .exclusive-posts .marquee a img { height: 40px; width: 40px; object-fit: cover; } .exclusive-posts .marquee a span.circle-marq .trending-no { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #fff; background: rgba(28, 28, 28, 0.5); text-align: center; line-height: 39px; font-size: 18px; font-weight: 700; } /*----exclusive posts----*/ .products > .product .hover-area .yith-wcwl-add-button a span { display:none; } .woocommerce ul.products li.product .hover-area .button { padding: 16px; } .wc-block-grid__products li, .entry-content .wc-block-grid__products li { list-style: none; } /* Page numbering */ @media (max-width: 1024px) { .navigation .nav-links { clear: both; padding-top: 10px; } } /* Fix for currency symbol issues */ .woocommerce-Price-currencySymbol, .amount-cart { font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; } /* * Timer styles */ .countdown-item { text-align: center; max-width: 25%; width: 25%; float: left; line-height: 16px; font-size: 10px; margin-right: 6px; color: #000; letter-spacing: -.5px } .countdown-item:last-child { margin-right: 0 } .countdown-item span { display: block; padding: 3px; border: 1px solid; font-size: 14px; line-height: 16px; border: none; border-radius: 3px; position: relative } .countdown-item span:after { content: ":"; position: absolute; right: -5px; font-weight: 700 } .countdown-item:last-child span:after { display: none } .the-countdown { display: flex; float: none; align-items: center; justify-content: space-between; position: relative; margin-bottom: 10px; padding: 0 15px } .the-countdown-notice { display: block; clear: both; font-size: 13px; line-height: 18px; padding: 5px 15px 8px } .products > .product .hover-area .yith-wcwl-add-to-wishlist.exists { display:none; }