html { line-height: 1.15; -webkit-text-size-adjust: 100%; } 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-primary-font); } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; font-size: 18px; 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-right: auto; margin-left: 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 { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-right: auto; margin-left: 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; right: 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-right: 6px; margin-left: 14px; padding-left: 14px; border-left: 1px solid #ffffff; } @media (max-width: 767px) { .auth-details .author-details .author-name { border-left: 0px; } } .auth-details .date { margin-left: 14px; } .auth-details .comments { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-right: 10px; border-right: 1px solid #000000; } .auth-details .comments span { width: 14px; height: 14px; margin-left: 7px; } .dropdown { float: right; color: #000000; font-family: var(--gbl-primary-color); font-size: 6.056em; line-height: 0.8; font-weight: 600; margin: 0 0 28px 15px; } .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; right: 0; bottom: -14px; } .site-main .entry-content ul, .site-main .entry-content ol { margin: 0; padding-right: 16px; font-size: 1em; font-weight: 400; line-height: 2; color: #58595b; 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; right: -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-right: 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: left; float: left; margin-right: 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; 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%; right: 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); right: 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; right: 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); } @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: left; 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: right; 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: 35px; margin-bottom: 25px; } .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 30%; max-width: 30%; } .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; } h1 { font-size: 2.667em; 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: 1em; line-height: 1.77778; } span { } .entry-content h1 { font-size: 2.667em; } .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%; right: 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; left: 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; left: 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; left: 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 3em 1.5em 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-right: 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-right: 4.55px solid var(--gbl-primary-color); } @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; left: 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: right; 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-size: 1em; 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 { font-size: 0.889em; 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; right: 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-right: 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%); right: -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; right: 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-right: 26px; } @media (max-width: 767px) { .comments-area .author-details-wrap { padding-right: 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-left: 26px; } .comments-area .reply .comment-reply-link { position: relative; } .comments-area .reply .comment-reply-link::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: -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 { left: -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-right: 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; right: 0; } .comments-area .comment-respond .comment-reply-title small { margin-right: 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: #f9f9f9; 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-left: 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%; right: 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: right; 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: right; width: calc(50% - 1rem); margin-right: 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.6em 1em 0.6em; } 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; left: .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; right: 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 0 8px 8px; } .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-left: 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%); right: 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% - 67px); background: #eeeeee; padding: 16.5px 29px; border: 0; height: 60px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .widget.widget_search .search-form input[type="submit"] { float: left; background-color: var(--gbl-primary-color); height: 60px; width: 67px; 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; background-size: 23px; font-size: 0; border: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .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-right: 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-left: 1px solid grey; } #secondary .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { float: left; text-align: left; border-right: 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-right: 8.25em; } .widget.widget_block.widget_block ul { margin-right: 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; right: 0; } .widget.widget_block.widget_search form input[type="search"] { color: #a6a8ab; width: calc(100% - 67px); background: #eeeeee; padding: 16.5px 29px; border: 0; height: 60px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .widget.widget_block.widget_search form button.wp-block-search__button { float: left; background-color: var(--gbl-primary-color); height: 60px; width: 67px; 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; background-size: 23px; font-size: 0; border: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .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-left: 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; left: 9999em; transition: opacity 0.15s linear, transform 0.15s linear, left 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-size: 0.97em; 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 { left: 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 { left: unset; right: 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%; left: initial; content: "\003E"; font-size: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 1024px) { .angle-down { right: initial; } } .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 { left: 100%; right: unset; } .site-header .header-wrapper .header-left ul a { padding: 30px 17px; 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 { font-size: 0.889em; } } .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-size: 0.95em; font-weight: 400; text-align: right; } .site-header .header-wrapper .header-left ul ul.sub-menu li.menu-item-has-children::after { left: 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; } .site-header .header-wrapper .header-right .social-links { padding-left: 7px; border-left: 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-right: 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; right: 0; left: 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; right: 0; left: 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 .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 .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 { left: calc(100% + 2rem); } .angle-down { position: absolute; top: 0; left: 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 { left: 0; width: 20px; height: 25px; left: 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-left: 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; right: 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-left: 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; left: 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; right: 0; top: 0; left: 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-left: 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; left: 0; bottom: 0; right: 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; left: 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; right: 0; top: 0; left: 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:focus, .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; right: 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-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-left: 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-left: 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; left: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; right: 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%; right: 0; left: 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-left-radius: 0px; border-bottom-left-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-right-radius: 0px; border-bottom-right-radius: 0px; } .header-search-form .close { position: absolute; top: 14px; left: 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; left: 0; bottom: 0; right: 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; right: 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; left: 0; bottom: 0; right: 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: left; font-size: 1.111em; text-transform: uppercase; font-weight: 600; color: #000000; margin-top: 4px; margin-right: 15px; } .page-header { font-size: 0.889em; color: #58595b; font-weight: 500; margin: 22px 0 39px; } .page-header span { font-size: 16px; } .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; } .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 0 5px 5px; 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-left: 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; right: 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-left: 8px; padding-left: 8px; } } @media (max-width: 767px) { .archive .auth-details .author-desc .date, .search .auth-details .author-desc .date { width: auto; margin-left: 8px; } } .wp-block-image .alignright { display: inline; float: left; margin-right: 1.5em; } @media (max-width: 767px) { .wp-block-image .alignright { margin-right: 0; } } .wp-block-image .alignleft { display: inline; float: right; margin-left: 1.5em; } @media (max-width: 767px) { .wp-block-image .alignleft { margin-left: 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-left: 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-left: 8%; padding-right: 0; } @media (max-width: 600px) { .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-left: 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; right: 0; left: 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%; right: 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-right: 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; } @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-right: 31px; } .static-banner.header-media .banner-wrapper .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-right: 0px; } .static-banner .banner-wrapper.featured-slider .banner-details-wrapper .overlay-details .button-wrap a:last-child { margin-right: 2px; } .static-banner .banner-wrapper.featured-slider .banner-details-wrapper { padding-right: 15px; padding-left: 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-right: 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-right: 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 0px 0 7px; } @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 0 0 15px; } @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-right: 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-right: 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: right; 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-left: 1px solid var(--text-color); } .site-footer { background-color: var(--footer-color); } .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(4, 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; right: 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; right: 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-right-radius: 15px; border-bottom-right-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-left-radius: 15px; border-bottom-left-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 0 0 12px; } .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-left: 20px; padding-left: 20px; border-left: 1px solid #929497; } @media (max-width: 767px) { .site-footer .footer-bottom .container .footer-bottom-menu ul li:not(:last-child) { margin-left: 10px; padding-left: 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-left: 1px solid #ffffff; } .site-footer .widget.widget_calendar .wp-calendar-nav .wp-calendar-nav-next { float: left; text-align: left; border-right: 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; right: 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-right-radius: 15px; border-bottom-right-radius: 15px; border: 0; border-top-left-radius: 0px; border-bottom-left-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-left-radius: 15px; border-bottom-left-radius: 15px; transition: 0.3s ease all; border-top-right-radius: 0px; border-bottom-right-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: right; } } .woocommerce ul.products::before { content: none; } .woocommerce ul.products .price ins { margin-right: 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; text-transform: capitalize; padding-right: 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; left: 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 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-right: auto; margin-left: 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-right: auto; margin-left: 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-right: auto; margin-left: auto; margin-bottom: 10px; } li .star-rating::before { content: "\73\73\73\73\73"; color: #d3ced2; float: right; top: 0; right: 0; position: absolute; font-family: star; } li .star-rating > span::before { content: "\73\73\73\73\73"; top: 0; position: absolute; right: 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; left: unset; right: 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-left: 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 { font-size: 1em; line-height: 1.77778; opacity: 0.8; } .single-product .summary.entry-summary .cart div.quantity { margin: 0 0 0 21px; } .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: left; } .woocommerce-product-search .search-field { min-height: 40px; max-width: 210px; margin-left: 5px; } .summary .yith-wcwl-add-button a { padding: 10px 0px 10px 13px; 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; right: 0; } .single-product div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p { font-size: 1em; 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; right: 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: right; padding-left: 26px; margin-bottom: 13px; } @media (max-width: 767px) { .single-product #review_form #respond .comment-form .comment-form-author { float: unset; width: 100%; padding-left: 0; } } @media (max-width: 767px) { .single-product #review_form #respond .comment-form { float: unset; width: 100%; padding-left: 0; } } .single-product #review_form #respond .comment-form .comment-form-email { width: 50%; padding-right: 26px; float: left; margin-bottom: 13px; } @media (max-width: 767px) { .single-product #review_form #respond .comment-form .comment-form-email { float: unset; width: 100%; padding-right: 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-right: 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: 20px 45px; transition: 0.3s ease all; border-radius: 17px; 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: left; 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: right; 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; right: 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-left: 10px; } .woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1 .woocommerce-billing-fields__field-wrapper .form-row.form-row-last { width: 50%; padding-right: 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; right: 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: left; } .woocommerce-checkout .woocommerce-checkout-review-order tbody .product-total { text-align: left; } .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: left; color: #000000; font-weight: 500 !important; } .woocommerce-checkout .woocommerce-checkout-review-order tfoot .woocommerce-Price-amount.amount { text-align: left; } .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: right; 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-left: 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; font-size: 1em; 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; right: 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: left; 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; } /*********** * 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-right: 5px; font-size: 15px; } .archive article .entry-meta .category a { margin-right: 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; } @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; right: 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-right: 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-right: 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-right: 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 { border-radius: 3px; } .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: -84px; } .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: right; } .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-right: 14px; border-right: 1px solid var(--text-color); } .single-post .content-area .site-main .post-image .entry-header .auth-details .author-name { border-left: 0; padding-left: 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-left: 9px; } .single-post .content-area .site-main .post-image .entry-header .auth-details .time { color: var(--text-color); padding-right: 14px; border-right: 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-left: 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-left: 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.667em; font-weight: 500; line-height: 1.2; margin-top: 0; } @media (max-width: 1440px) { .page .site-main .entry-title { font-size: 2em; } } @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-right: 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: 36px 0 32px 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-right: 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-right-radius: 18px; border-bottom-right-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-left-radius: 18px; border-bottom-left-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-left: 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; } .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-right-radius: 12px; border-top-left-radius: 12px; } .categories-menu-first svg { fill: var(--woo-bar-color); margin-left: 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; } .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-left: 22px; float: right; margin-right: 15px; width: 50%; border-radius: 24px; } input.header-search-input { width: 60%; display: inline-block; border: none; float: right; height: 41px; border-radius: 0; left: 0; position: relative; background-color: transparent; padding-right: 15px; border-radius: 0; font-size: 16px; font-weight: 400; } select.header-search-select { width: 40%; display: inline-block; border: none; float: right; height: 38px; background-color: #fff; border-right: 1px solid #ececec; font-size: 16px; text-align: center; } button.header-search-button { border: none; color: inherit; position: absolute; left: -1px; padding: 0 12px; font-size: 22px; line-height: 48px; background-color: var(--gbl-primary-color); top: 0; height: 41px; 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; opacity: 0.8; } /* Woo Icon css */ .woocommerce-bar-icons { position: relative; display: inline-block; right: auto; padding: 0px; margin-left: 5px; } .header-cart, .header-my-account, .header-wishlist, .header-compare { float: left; 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-right: 10px; bottom: 3px; font-weight: 700; display: none; line-height: 1.5; } .amount-cart:before { position: absolute; content: ''; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; top: calc(50% - 5px); left: 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: -4px; font-style: initial; height: 18px; min-width: 18px; text-align: center; font-family: 'Montserrat', "Helvetica Neue", helvetica, arial, sans-serif; border: 1px solid transparent; right: -2px; left: initial; } 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; left: -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-right: 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; text-transform: capitalize ; 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; } .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; } .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-left: 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; right: 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; } /* * 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-right: 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 0 0 12px; } .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-right: 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-right: 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 { font-weight: 600; font-size: 21px; line-height: 1.4; margin-bottom: 30px; } #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; font-size: 0.9em; } .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-bottom: 5px; } #masthead .site-branding img { padding-left: 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-product-search button, .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); font-size: 1em; 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); } /************************* * Category list widget * *************************/ .category-list-widget .category-meta { position: absolute; right: 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-left: 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; left: 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; left: 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; right: 30px; } .site-header.transparent-header .stickymenu .header-wrapper .header-left ul a.cart-contents svg { fill:#000; } .admin-bar .stickymenu { top: 32px; right: 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:right; } .news-slider-content h4 { margin-top:0px; } .post-widget-container .portfolio-content h3 { font-weight: 600; text-rendering: auto; font-size: 16px; line-height: 1.3; margin-bottom: 5px; } .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-left:3px; } .post-widget-container .post-compact { margin-bottom:20px; padding-left: 0px; } .post-widget-container .post-compact .post-compact-container { background-color: #20202061; color: white; padding: 15px 15px; position: absolute; bottom: 0px; right: 0px; left: 0px; margin: 0px 15px 0px 0px; } .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; padding-left: 0px; } .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-right:0px; margin-left:0px; margin-bottom:10px; } .post-widget-container .post-summery img { width: 100%; float: right; margin-left: 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 10px 5px 5px; overflow: hidden; height: 88px; } .post-widget-container .post-summery .post-content { padding: 5px 0px 5px 10px; } .post-widget-categories { position: absolute; bottom: 10px; right: 8px; } .post-compact .post-widget-categories { position: initial; bottom: 10px; right: 8px; } .post-widget-container .post-summery .post-widget-categories { position: relative; bottom: initial; right: initial; } .news.carousel-caption .post-widget-categories { position: relative; bottom: initial; right: 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 0px 15px 15px; } .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-left: 20px; color: #fff; position: relative; padding: 10px 15px; z-index: 0; } .aft-popular-taxonomies-lists strong:before { position: absolute; content: ''; top: 0; right: 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%); right: 100%; border-color: transparent var(--gbl-primary-color) transparent transparent; border-style: solid; border-width: .7em; } .aft-dark-mode .aft-popular-taxonomies-lists strong:after { border-color: transparent #fff transparent transparent; } .aft-popular-taxonomies-lists ul { display: inline-block; } .aft-popular-taxonomies-lists ul li { display: inline-block; margin-left: 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; right: 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%; right: 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: right; text-transform: uppercase; position: relative; padding: 0 15px; padding-right: 0; margin-left: 5px; display: flex; align-items: center; min-height: 50px; font-weight: 700; } .exclusive-posts .exclusive-now span{ margin-right: 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-left: 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; right: 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----*/ /* * Responsive top bar */ @media (max-width: 1024px) { .site-header .top-bar-menu .container { display: block; text-align: center; } }