:root { --primary-color: #F2CAB3; --primary-color-rgb: 242, 202, 179; --secondary-color: #01BFBF; --secondary-color-rgb: 1, 191, 191; --font-color: #001A1A; --font-color-rgb: 0, 26, 26; --background-color: #fff; --background-color-rgb: 255, 255, 255; --white-color: #ffffff; --white-color-rgb: 255, 255, 255; --black-color: #000; --black-color-rgb: 0, 0, 0; --primary-font: Questrial, sans-serif; --secondary-font: Crimson Pro, serif; } /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * 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. */ h1 { font-size: 2.222em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; 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; font-size: 100%; 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; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-right: 0; } .main-navigation ul ul ul { right: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation li { position: relative; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* 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 --------------------------------------------------------------*/ /* 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; } /* 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; } /* 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; } /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: var(--secondary-font); font-weight: 600; margin-bottom: 12px; line-height: 1.3; } h1 { font-size: 2.222em; } h2 { font-size: 1.945em; } h3 { font-size: 1.666em; } h4 { font-size: 1.333em; } h5 { font-size: 1.111em; } h6 { font-size: 1em; } p:not(.elementor-page 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; } 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 { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { background: var(--background-color); font-size: 18px; line-height: 1.75; color: var(--font-color); font-family: var(--primary-font); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; overflow-x: hidden; } body.post, body.page { margin-bottom: 0; } * { margin: 0; padding: 0; box-sizing: border-box; } .section-devider hr { margin: 0; height: 0; background: none; border-top: 1px solid rgba(var(--primarycolor-rgb), 0.1); } /* 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; } .entry-content li>ul, .entry-content li>ol { margin-top: 10px; } .entry-content ul>li, .entry-content ol>li { margin-bottom: 10px; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } img, iframe, svg { vertical-align: top; } iframe { margin-bottom: 60px; width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; text-align: right; } table tbody tr:nth-child(odd) { background-color: rgba(var(--primary-color-rgb), 0.1); } table thead th { font-weight: 600; } table, tr { border-collapse: collapse; } td { color: var(--font-color); } th, td { border: 0; padding: 8px; text-align: right; font-weight: normal; } caption, th, td { padding: 14px 30px; } th a { color: var(--font-color); text-decoration: none; } th a:hover { color: var(--primary-color); } .wp-block-table thead { border: 0; } .wp-block-table th, .wp-block-table td { padding: 14px 30px; border: 0; } /* Quote */ .wp-block-quote.alignleft p:last-of-type, .wp-block-quote.alignright p:last-of-type { margin-bottom: 0; } .wp-block-quote cite { color: inherit; font-size: inherit; } blockquote { margin: 50px 0; padding: 45px; background: rgba(var(--primary-color-rgb), 0.03); color: var(--font-color); position: relative; z-index: 1; overflow: hidden; border-right: 0; } blockquote::before { content: ""; width: 127px; height: 110px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127.432' height='110.665' viewBox='0 0 127.432 110.665'%3E%3Cg id='Group_1443' data-name='Group 1443' transform='translate(0 0)' opacity='0.3'%3E%3Cpath id='Path_5841' data-name='Path 5841' d='M194.147,345.773c-3.28,2.743-6.38,5.4-9.538,7.955-2.133,1.724-4.343,3.3-6.522,4.934-6.576,4.932-13.3,5.586-20.243,1.173-2.939-1.868-4.314-5.268-5.477-8.714a68.381,68.381,0,0,1-2.375-9.783c-.994-5.555-2.209-11.138-1.557-16.906.577-5.112,1.16-10.251,2.163-15.248a23.117,23.117,0,0,1,3.01-7.026c2.8-4.7,5.735-9.276,8.779-13.732a23.928,23.928,0,0,1,4.793-5.371c2.207-1.72,3.608-4.17,5.148-6.6,3.216-5.068,6.556-10.013,9.8-15.052a28.681,28.681,0,0,0,1.475-3.084c.163-.338.31-.795.563-.943,2.775-1.632,5.518-3.377,8.376-4.752,2.016-.97,3.528,1.238,5.25,2.057a3.4,3.4,0,0,1-.148,1.769c-1.535,3.621-3.138,7.2-4.71,10.8-3.534,8.085-7.357,16-10.514,24.308-3.248,8.542-6.275,17.324-6.5,27.026-.065,2.869.266,5.75.374,8.627.065,1.753,1.017,1.914,2.044,1.753a11.21,11.21,0,0,0,7.146-4.324c1.41-1.752,2.246-1.821,3.817-.239,2.013,2.029,3.923,4.218,5.856,6.367a1.677,1.677,0,0,1,.429,1.023c-.151,3.187-.352,6.379-2.323,8.826C191.077,343.331,191.107,343.7,194.147,345.773Z' transform='translate(-70.424 -252.194)' fill='%23f2cab3'/%3E%3Cpath id='Path_5842' data-name='Path 5842' d='M259.193,344.341c-4.6,5.231-8.984,10.521-15.185,12.561a11.207,11.207,0,0,0-3.233,2.286c-5.3,4.46-11.216,4.268-17.085,2.977-4.218-.928-6.7-5.277-7.252-10.588-.948-9.07.893-17.566,3.187-26,.1-.381.287-.73.373-1.114,1.88-8.435,5.937-15.587,9.2-23.164,2.257-5.249,5.674-9.732,8.694-14.758.6,1.231.936,2.1,1.4,2.854.947,1.552,2.144,1.065,2.942-.529a12.559,12.559,0,0,0,.69-2.028c.39-1.313,1.017-1.885,2.24-.981-.207-2.706-.034-5.343,2.121-6.4.81-.4,2.093.691,3.288,1.15.659-1.414,1.61-3.271,2.38-5.236a4.422,4.422,0,0,0-.234-2.1c-.3-1.353-.733-2.666-.974-4.032a11.511,11.511,0,0,1,1.917-8.21c1.1-1.825,2.033-3.8,3.059-5.687,2.014-3.709,4.517-4.035,7.155-.948a17.668,17.668,0,0,0,2.386,2.7,5.03,5.03,0,0,0,2.526.767,7.3,7.3,0,0,0,2.09-.458c-.477,1.277-.81,2.261-1.2,3.2-4.945,11.79-10.1,23.454-14.784,35.4-3.468,8.844-6.331,18.054-9.458,27.1a6.573,6.573,0,0,0-.226.964c-.649,3.651.393,4.769,3.4,4.056,2.592-.618,4.313-3.327,6.743-4.071a16.177,16.177,0,0,1,5.847-.563c1.236.087,2.6,3.97,2.248,6.047-.7,4.12-1.9,8.009-4.311,11.09C258.068,341.977,257.566,343.062,259.193,344.341Z' transform='translate(-216.183 -252.301)' fill='%23f2cab3'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; right: -20px; top: 16px; z-index: -1; opacity: 0.4; } blockquote p { font-size: 1.3333333333em; font-family: var(--secondary-font); line-height: 1.75; } blockquote p:last-child { margin-bottom: 0; } blockquote.wp-block-quote cite { font-size: 1em; letter-spacing: 1.5px; margin-right: 10px; } .wp-block-pullquote { text-align: right; margin: 50px 0; padding: 45px; background: rgba(var(--primary-color-rgb), 0.03); color: var(--font-color); position: relative; z-index: 1; overflow: hidden; } .wp-block-pullquote::before { content: ""; width: 127px; height: 110px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127.432' height='110.665' viewBox='0 0 127.432 110.665'%3E%3Cg id='Group_1443' data-name='Group 1443' transform='translate(0 0)' opacity='0.3'%3E%3Cpath id='Path_5841' data-name='Path 5841' d='M194.147,345.773c-3.28,2.743-6.38,5.4-9.538,7.955-2.133,1.724-4.343,3.3-6.522,4.934-6.576,4.932-13.3,5.586-20.243,1.173-2.939-1.868-4.314-5.268-5.477-8.714a68.381,68.381,0,0,1-2.375-9.783c-.994-5.555-2.209-11.138-1.557-16.906.577-5.112,1.16-10.251,2.163-15.248a23.117,23.117,0,0,1,3.01-7.026c2.8-4.7,5.735-9.276,8.779-13.732a23.928,23.928,0,0,1,4.793-5.371c2.207-1.72,3.608-4.17,5.148-6.6,3.216-5.068,6.556-10.013,9.8-15.052a28.681,28.681,0,0,0,1.475-3.084c.163-.338.31-.795.563-.943,2.775-1.632,5.518-3.377,8.376-4.752,2.016-.97,3.528,1.238,5.25,2.057a3.4,3.4,0,0,1-.148,1.769c-1.535,3.621-3.138,7.2-4.71,10.8-3.534,8.085-7.357,16-10.514,24.308-3.248,8.542-6.275,17.324-6.5,27.026-.065,2.869.266,5.75.374,8.627.065,1.753,1.017,1.914,2.044,1.753a11.21,11.21,0,0,0,7.146-4.324c1.41-1.752,2.246-1.821,3.817-.239,2.013,2.029,3.923,4.218,5.856,6.367a1.677,1.677,0,0,1,.429,1.023c-.151,3.187-.352,6.379-2.323,8.826C191.077,343.331,191.107,343.7,194.147,345.773Z' transform='translate(-70.424 -252.194)' fill='%23f2cab3'/%3E%3Cpath id='Path_5842' data-name='Path 5842' d='M259.193,344.341c-4.6,5.231-8.984,10.521-15.185,12.561a11.207,11.207,0,0,0-3.233,2.286c-5.3,4.46-11.216,4.268-17.085,2.977-4.218-.928-6.7-5.277-7.252-10.588-.948-9.07.893-17.566,3.187-26,.1-.381.287-.73.373-1.114,1.88-8.435,5.937-15.587,9.2-23.164,2.257-5.249,5.674-9.732,8.694-14.758.6,1.231.936,2.1,1.4,2.854.947,1.552,2.144,1.065,2.942-.529a12.559,12.559,0,0,0,.69-2.028c.39-1.313,1.017-1.885,2.24-.981-.207-2.706-.034-5.343,2.121-6.4.81-.4,2.093.691,3.288,1.15.659-1.414,1.61-3.271,2.38-5.236a4.422,4.422,0,0,0-.234-2.1c-.3-1.353-.733-2.666-.974-4.032a11.511,11.511,0,0,1,1.917-8.21c1.1-1.825,2.033-3.8,3.059-5.687,2.014-3.709,4.517-4.035,7.155-.948a17.668,17.668,0,0,0,2.386,2.7,5.03,5.03,0,0,0,2.526.767,7.3,7.3,0,0,0,2.09-.458c-.477,1.277-.81,2.261-1.2,3.2-4.945,11.79-10.1,23.454-14.784,35.4-3.468,8.844-6.331,18.054-9.458,27.1a6.573,6.573,0,0,0-.226.964c-.649,3.651.393,4.769,3.4,4.056,2.592-.618,4.313-3.327,6.743-4.071a16.177,16.177,0,0,1,5.847-.563c1.236.087,2.6,3.97,2.248,6.047-.7,4.12-1.9,8.009-4.311,11.09C258.068,341.977,257.566,343.062,259.193,344.341Z' transform='translate(-216.183 -252.301)' fill='%23f2cab3'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; right: -20px; top: 16px; z-index: -1; opacity: 0.4; } .wp-block-pullquote blockquote::before { content: none; } .wp-block-pullquote p { font-size: 1.3333333333em; font-family: var(--secondary-font); line-height: 1.75; } .wp-block-pullquote p:last-child { margin-bottom: 0; } .wp-block-pullquote.wp-block-quote cite { font-size: 1em; letter-spacing: 1.5px; margin-right: 10px; } /* Links --------------------------------------------- */ /* Links --------------------------------------------- */ a { color: var(--primary-color); text-decoration: none; } a:hover { text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .site .entry-content a { color: var(--primary-color); } .site .entry-content a:hover { text-decoration: underline; } .site .entry-content a:focus { outline: thin dotted; } .site .entry-content a:hover, .site .entry-content a:active { outline: 0; } /* Forms --------------------------------------------- */ input[type=submit] { border-radius: 0; border: none; font-size: 0.8333333333em; line-height: 1; text-align: center; text-decoration: none; padding: 20px 36.71px; transition: all 0.35s ease; white-space: nowrap; background: var(--secondary-color); color: var(--white-color); cursor: pointer; } input[type=submit]:hover { background: var(--font-color); color: var(--white-color); } .btn-readmore:hover, .btn-link:hover { background-color: var(--secondary-color); color: var(--white-color); text-decoration: none; } .wc-btn, .btn-cta { border-radius: 0; font-size: 0.8333333333em; line-height: 1; display: inline-block; position: relative; text-align: center; text-decoration: none; padding: 19px 20px; background: rgba(var(--primary-color-rgb), 0.5); letter-spacing: 0.6px; transition: all 0.35s ease; white-space: nowrap; font-family: var(--primary-font); width: 100%; } @media screen and (min-width: 768px) { .wc-btn, .btn-cta { padding: 21px 30px 21px 56px; width: unset; } } .wc-btn::before, .btn-cta::before { content: ""; width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; position: absolute; left: 30px; transition: all 0.235s ease-in-out; } .wc-btn::after, .btn-cta::after { content: ""; } .wc-btn:hover, .btn-cta:hover { background: var(--primary-color); color: var(--white-color); text-decoration: none; } .wc-btn:hover::before, .btn-cta:hover::before { transform: rotate(-45deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } .wc-btn.wc-btn-sm, .btn-cta.wc-btn-sm { font-size: 0.888em; padding: 15px 36.71px; } .wc-btn.wc-btn-one, .wc-btn.btn-1, .btn-cta.wc-btn-one, .btn-cta.btn-1 { background: var(--secondary-color); color: var(--white-color); } .wc-btn.wc-btn-one:hover, .wc-btn.btn-1:hover, .btn-cta.wc-btn-one:hover, .btn-cta.btn-1:hover { background: var(--font-color); color: var(--white-color); } .wc-btn.wc-btn-two, .wc-btn.btn-2, .btn-cta.wc-btn-two, .btn-cta.btn-2 { background: rgba(var(--primary-color-rgb), 0.5); color: var(--font-color); z-index: 1; } .wc-btn.wc-btn-two:hover, .wc-btn.btn-2:hover, .btn-cta.wc-btn-two:hover, .btn-cta.btn-2:hover { background: var(--font-color); color: var(--white-color); text-decoration: none; } .wc-btn.wc-btn-two:hover::before, .wc-btn.btn-2:hover::before, .btn-cta.wc-btn-two:hover::before, .btn-cta.btn-2:hover::before { transform: rotate(-45deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } .toggle-btn { width: 22.64px; height: 16.79px; padding: 0; margin: 0; background: none; border: none; position: relative; cursor: pointer; transition: all 0.125s ease; } .toggle-btn .toggle-bar { width: 22.64px; height: 2.29px; background: #001A1A; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border-radius: 10px; transition: all 0.125s ease; } .toggle-btn .toggle-bar:first-child { margin-top: 0px; } .toggle-btn .toggle-bar:last-child { margin-bottom: 0px; } .toggle-btn:hover .toggle-bar { background: var(--primary-color); } .submenu-toggle-btn { all: unset; cursor: pointer; margin-right: 10px; color: var(--primary-color); transition: all 0.3s ease; height: 15px; line-height: 1; background: none !important; } .submenu-toggle-btn.active { transform: rotate(-180deg); } @media screen and (min-width: 1200px) { .submenu-toggle-btn { pointer-events: none; } } .close-btn { background: none; border: none; width: 30px; height: 30px; display: block; cursor: pointer; padding: 5px; position: relative; } .close-btn::before, .close-btn::after { content: ""; width: 20px; height: 2px; background: #001A1A; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; transform: rotate(-45deg); } .close-btn::before { transform: rotate(45deg); } .close-btn:hover { text-decoration: none; } .close-btn:hover::before, .close-btn:hover::after { background: var(--secondary-color); } .woocommerce-Reviews #review_form input[type=submit], .woocommerce .button, .woocommerce .woocommerce-message .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button, .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button, .button { background-color: var(--primary-color) !important; color: var(--font-color) !important; font-size: 15px !important; font-weight: 400 !important; border-radius: 0 !important; padding: 18px 30px 18px 30px !important; transition: all 0.235s ease-in-out; line-height: 1.1; text-decoration: none !important; } .woocommerce-Reviews #review_form input[type=submit]:hover, .woocommerce .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:hover, .woocommerce-cart #primary .page .entry-content table.shop_table td.actions .button:hover, .button:hover { background-color: var(--secondary-color) !important; color: var(--white-color) !important; } .single_add_to_cart_button.button, .product_type_grouped, .btn-add-to-cart, .added_to_cart, .add_to_cart_button { background-color: var(--primary-color) !important; color: var(--font-color) !important; font-size: 15px !important; font-weight: 400 !important; border-radius: 0 !important; padding: 18px 51px 18px 30px !important; position: relative; transition: all 0.235s ease-in-out; line-height: 1.1; margin-top: 0; } .single_add_to_cart_button.button::before, .product_type_grouped::before, .btn-add-to-cart::before, .added_to_cart::before, .add_to_cart_button::before { content: ""; width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.138' height='13.575' viewBox='0 0 13.138 13.575'%3E%3Cg id='Group_8507' data-name='Group 8507' transform='translate(-9.911 -56.079)' opacity='0.8'%3E%3Cpath id='Path_29300' data-name='Path 29300' d='M16.111,89.606a.8.8,0,0,1-.806.806.806.806,0,1,1,0-1.611A.834.834,0,0,1,16.111,89.606Z' transform='translate(-2.744 -20.758)' fill='%23001a1a'/%3E%3Cpath id='Path_29301' data-name='Path 29301' d='M32.111,89.606a.8.8,0,0,1-.806.806.806.806,0,1,1,0-1.611A.834.834,0,0,1,32.111,89.606Z' transform='translate(-13.961 -20.758)' fill='%23001a1a'/%3E%3Cpath id='Path_29302' data-name='Path 29302' d='M21.138,54.5v.816H19.857c-.131.392-.328,1.077-.558,1.861-.164.49-.3,1.045-.46,1.535-.394,1.371-1.117,3.657-1.478,4.767L17.2,64a1.515,1.515,0,0,1-1.642,1.078H9.642v-.816h5.912c.624,0,.788-.163.887-.522l.164-.522c.033-.131.1-.261.131-.424H10.3c-.46,0-.657-.294-.821-.816L8,57.177H18.445c.361-1.273.755-2.384.755-2.384l.1-.294Z' transform='translate(1.911 1.579)' fill='%23001a1a'/%3E%3C/g%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); transition: all 0.235s ease-in-out; } .single_add_to_cart_button.button:hover, .product_type_grouped:hover, .btn-add-to-cart:hover, .added_to_cart:hover, .add_to_cart_button:hover { background: var(--secondary-color) !important; color: var(--white-color) !important; } .single_add_to_cart_button.button:hover::before, .product_type_grouped:hover::before, .btn-add-to-cart:hover::before, .added_to_cart:hover::before, .add_to_cart_button:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.138' height='13.575' viewBox='0 0 13.138 13.575'%3E%3Cg id='Group_8507' data-name='Group 8507' transform='translate(-9.911 -56.079)' opacity='0.8'%3E%3Cpath id='Path_29300' data-name='Path 29300' d='M16.111,89.606a.8.8,0,0,1-.806.806.806.806,0,1,1,0-1.611A.834.834,0,0,1,16.111,89.606Z' transform='translate(-2.744 -20.758)' fill='%23ffffff'/%3E%3Cpath id='Path_29301' data-name='Path 29301' d='M32.111,89.606a.8.8,0,0,1-.806.806.806.806,0,1,1,0-1.611A.834.834,0,0,1,32.111,89.606Z' transform='translate(-13.961 -20.758)' fill='%23ffffff'/%3E%3Cpath id='Path_29302' data-name='Path 29302' d='M21.138,54.5v.816H19.857c-.131.392-.328,1.077-.558,1.861-.164.49-.3,1.045-.46,1.535-.394,1.371-1.117,3.657-1.478,4.767L17.2,64a1.515,1.515,0,0,1-1.642,1.078H9.642v-.816h5.912c.624,0,.788-.163.887-.522l.164-.522c.033-.131.1-.261.131-.424H10.3c-.46,0-.657-.294-.821-.816L8,57.177H18.445c.361-1.273.755-2.384.755-2.384l.1-.294Z' transform='translate(1.911 1.579)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); } .single_add_to_cart_button.button::after, .product_type_grouped::after, .btn-add-to-cart::after, .added_to_cart::after, .add_to_cart_button::after { content: none !important; } /* field --------------------------------------------- */ input[type=checkbox] { appearance: none; -moz-appearance: textfield; width: 14px; height: 14px; border: 1px solid var(--secondary-color); background-color: var(--white-color); } input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.747' height='16.42' viewBox='0 0 17.747 16.42'%3E%3Cg id='layer1' transform='translate(0)'%3E%3Cg id='layer1-2' transform='translate(0 0)'%3E%3Cpath id='path4068' d='M-838.971-494.409l5.659,6.568a51.977,51.977,0,0,1,12.088-16.42c-4.247,2.4-8.927,6.946-12.926,12.577Z' transform='translate(838.971 504.261)' fill='%2317be8a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 10px; background-repeat: no-repeat; background-position: center; border-color: var(--background-color); } select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath id='Polygon_25' data-name='Polygon 25' d='M7.5,0,15,8H0Z' transform='translate(15 8) rotate(180)' fill='%2301bfbf'/%3E%3C/svg%3E%0A"); background-size: 15px 8px; background-repeat: no-repeat; background-position: left 22px center; padding-left: 45px; padding: 10px 15px 10px 45px; margin-bottom: 15px; border: 1px solid rgba(var(--font-color-rgb), 0.08); border-radius: 0; font-size: 0.778em; color: rgba(var(--font-color-rgb), 0.9); } select::placeholder { color: rgba(var(--font-color-rgb), 0.7); } 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], select { height: 50px; } 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 { border: 1px solid rgba(var(--font-color-rgb), 0.08); background: var(--white-color); border-radius: 0; padding: 10px 15px; width: 100%; margin-bottom: 15px; font-size: 0.778em; color: rgba(var(--font-color-rgb), 0.9); } input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=range]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, textarea::placeholder { color: rgba(var(--font-color-rgb), 0.7); } .container { padding: 0 15px; width: 100%; margin: 0 auto; max-width: 450px; } @media screen and (min-width: 768px) { .container { max-width: 750px; } } @media screen and (min-width: 992px) { .container { max-width: 990px; } } @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } .section-grid, .section-inner-grid, .grid { margin: 0 -15px; display: flex; flex-wrap: wrap; flex-direction: column; grid-row-gap: 30px; } @media screen and (min-width: 768px) { .section-grid, .section-inner-grid, .grid { flex-direction: row; } } .page-grid { display: flex; flex-direction: column; } .grid-item { padding: 0 15px; width: 100%; } /* -------------------------------------------------------------- # Components -------------------------------------------------------------- */ /* heading --------------------------------------------- */ /* sticky-t-bar --------------------------------------------- */ /*========================================== sticky-t-bar ==========================================*/ .sticky-t-bar { position: relative; } .sticky-t-bar .sticky-bar-content { padding: 8px 0; background: rgba(var(--secondary-color-rgb), 0.1); } .sticky-t-bar .sticky-bar-content .container { line-height: 1.5; text-align: center; display: flex; align-items: center; justify-content: center; } .sticky-t-bar .sticky-bar-content .container p { margin: 0; font-family: var(--secondary-font); font-size: 18px; } .sticky-t-bar .sticky-bar-content .container .btn-readmore { margin-right: 4%; outline: none; background: rgba(var(--secondary-color-rgb), 1); color: var(--white-color); font-size: 14px; padding: 10px 18px; white-space: nowrap; } .sticky-t-bar .sticky-bar-content .container .btn-readmore:hover { background: var(--font-color); color: var(--white-color); outline: none; } .sticky-t-bar .sticky-bar-content .container .btn-readmore::before, .sticky-t-bar .sticky-bar-content .container .btn-readmore::after { content: none; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container { display: flex; align-items: center; text-align: right; grid-row-gap: 16px; grid-column-gap: 64px; } @media (max-width: 1100px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container { flex-direction: column; align-items: flex-start; } } @media screen and (min-width: 1400px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container { max-width: 1360px; } } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container .text-holder { text-align: right; margin-bottom: 0; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 1.1111111111em; line-height: 1.3; letter-spacing: 0.1px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container .text-holder span { font-size: 0.88888889em; line-height: 1.3; display: inline-block; margin-top: 5px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form { display: flex; align-items: center; flex-wrap: wrap; grid-gap: 1em; } @media screen and (min-width: 1400px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form { flex: 0 0 43%; } } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input[type=text] { font-size: 0.7222222222em; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox]) { margin: 0; height: 41px; min-height: 41px; padding-top: 0; padding-bottom: 0; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input[type=submit] { line-height: 41px; letter-spacing: 0.6px; padding-right: 18px; padding-left: 18px; font-size: 0.7777777778em; background-color: var(--secondary-color); } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input[type=submit]:hover, .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input[type=submit]:focus { background-color: var(--primary-color); } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label { width: 100%; display: flex; margin-top: 0; flex-wrap: wrap; justify-content: flex-start; } @media screen and (min-width: 768px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap { display: inline-flex; flex-direction: row; grid-gap: 2px; } } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap input[type=checkbox]:checked+.check-mark { background-color: #fff; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap .check-mark { margin-top: 0px; border: 1px solid var(--secondary-color); } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap .text { font-size: 0.7778em; line-height: 1.2em; } @media (min-width: 768px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input { order: 2; flex: 2; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form>label { order: 5; width: 100%; display: flex; margin-top: 0; flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 558px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form { flex-direction: column; width: 100%; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox]) { width: 100%; } } .sticky-t-bar .close { background: none; padding: 0; width: 25px; height: 25px; min-height: auto; position: absolute; top: 10px; border-radius: 0; left: 4%; cursor: pointer; z-index: 99998; border: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-t-bar .close::before, .sticky-t-bar .close::after { content: ""; background: rgba(var(--font-color-rgb), 0.5); width: 13px; height: 2px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-t-bar .close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1367px) and (min-width: 767px) { .sticky-t-bar .sticky-bar-content { padding: 24px 0 20px; } .sticky-t-bar .close { top: 2px; } } .sticky-t-bar.has-newsletter .sticky-bar-content { background: none; padding: 0; } .sticky-t-bar.has-newsletter .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding: 20px 0 20px; } @media (min-width: 768px) { .sticky-t-bar.has-newsletter .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding: 16px 0; } } .sticky-t-bar:not(.active) .close { top: 0; background: rgba(var(--primary-color-rgb), 0.8); } .sticky-t-bar:not(.active) .close::before, .sticky-t-bar:not(.active) .close::after { width: 8px; right: -5px; height: 2px; } .sticky-t-bar:not(.active) .close::after { right: 0; left: -5px; } @media (max-width: 767px) { .sticky-t-bar .sticky-bar-content { padding: 25px 0; } .sticky-t-bar .sticky-bar-content .container { display: flex; flex-direction: column; align-items: center; } .sticky-t-bar .sticky-bar-content .container .btn-readmore { margin-right: 0; margin-top: 10px; } .sticky-t-bar .close { top: 4px; } } /*========================================== sticky-t-bar end ==========================================*/ /* sticky-heading --------------------------------------------- */ .sticky-header { padding: 5px 0; background: var(--background-color); box-shadow: 0 3px 5px rgba(var(--black-color-rgb), 0.05); position: fixed; top: 0; right: 0; left: 0; z-index: 9999; visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-header .container { display: flex; align-items: center; justify-content: space-between; } .sticky-header .container .nav-plus-btn-wrapper { display: flex; align-items: center; grid-gap: 20px; } .sticky-header .container .nav-plus-btn-wrapper .toggle-btn-wrap { display: inline-flex; } .sticky-header .container .nav-plus-btn-wrapper .toggle-btn .toggle-bar { background-color: var(--font-color) !important; } @media (min-width: 1200px) { .sticky-header .container .nav-plus-btn-wrapper { flex-direction: row; } .sticky-header .container .nav-plus-btn-wrapper .toggle-btn { display: none !important; } .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:last-child .sub-menu { right: 0; left: auto; } .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu .submenu-toggle-btn, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu .submenu-toggle-btn, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:last-child .sub-menu .submenu-toggle-btn { transform: rotate(-90deg); } .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu .sub-menu, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu .sub-menu, .sticky-header .container .nav-plus-btn-wrapper .main-navigation .nav-menu>li:last-child .sub-menu .sub-menu { right: auto; left: 100%; } } @media (max-width: 992px) { .sticky-header .container .nav-plus-btn-wrapper .header-button-wrap { display: none; } } .sticky-header .container .site-branding .site-logo .custom-logo-link img { max-width: 150px; width: 100%; } .sticky-header .container .site-branding p { color: var(--font-color); } .sticky-header.is-sticky { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .sticky-header #sticky-navigation { flex-wrap: wrap; justify-content: flex-end; } @media (max-width: 1200px) { .sticky-header { padding: 10px 0; } .sticky-header .container .header-button-wrap { display: none; } .sticky-header .container #sticky-navigation.main-navigation { max-width: 100%; display: none; padding-top: 50px; padding-right: 20px; padding-left: 20px; position: fixed; top: 0; right: 0; bottom: 0; background: var(--white-color); box-shadow: 5px 0 15px rgba(var(--black-color-rgb), 0.1); width: 320px; z-index: 9999; margin: 0; height: min-content; } .sticky-header .container #sticky-navigation.main-navigation>div { height: 100vh; overflow-y: scroll; } .sticky-header .container #sticky-navigation.main-navigation>div ul { padding: 0; } .sticky-header .container #sticky-navigation.main-navigation>div ul li a { white-space: nowrap; color: rgba(var(--nav-font-color-rgb), 0.8); } .sticky-header .container #sticky-navigation.main-navigation>div ul .sub-menu li { padding-bottom: 0; } } /* navigation --------------------------------------------- */ .nav-menu { display: flex; flex-direction: column; font-size: 0.9444444444em; list-style: none; margin: 0; padding: 0; } .nav-menu li { position: relative; padding: 10px; text-align: left; } .nav-menu li a { color: #001a1a; text-decoration: none; line-height: 1; display: inline-block; text-decoration: none; } .nav-menu li a:focus { outline: none; text-decoration: none; } .nav-menu li a:hover { text-decoration: none; } .nav-menu li>.submenu-toggle-btn { color: rgba(0, 26, 26, 0.8); } .nav-menu li>.submenu-toggle-btn .svg-inline--fa.fa-w-10 { width: 0.55em; } @media screen and (min-width: 1200px) { .nav-menu li:focus, .nav-menu li.focus { outline: 2px solid rgba(var(--black-color-rgb), 0.8); } .nav-menu li:hover>a, .nav-menu li:focus>a, .nav-menu li.hover>a, .nav-menu li.focus>a { color: var(--primary-color); } .nav-menu li:hover>.submenu-toggle-btn, .nav-menu li:focus>.submenu-toggle-btn, .nav-menu li.hover>.submenu-toggle-btn, .nav-menu li.focus>.submenu-toggle-btn { color: var(--primary-color); } .nav-menu li:hover>.sub-menu, .nav-menu li:focus>.sub-menu, .nav-menu li.hover>.sub-menu, .nav-menu li.focus>.sub-menu { transform: translateY(0); visibility: visible; opacity: 1; z-index: 99998; } } .nav-menu li .sub-menu, .nav-menu li ul { display: none; flex-direction: column; position: static; padding-top: 20px; list-style: none; } @media screen and (min-width: 1200px) { .nav-menu li .sub-menu, .nav-menu li ul { background: var(--white-color); transition: all 0.235s ease; padding-top: 0; display: flex; position: absolute; top: 100%; box-shadow: 0 5px 15px rgba(var(--black-color-rgb), 0.05); visibility: hidden; transform: translateY(15px); opacity: 0; } } .nav-menu li .sub-menu li:not(:last-child), .nav-menu li ul li:not(:last-child) { border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } @media screen and (min-width: 1200px) { .nav-menu li .sub-menu li.menu-item-has-children>.submenu-toggle-btn, .nav-menu li ul li.menu-item-has-children>.submenu-toggle-btn { transform: rotate(90deg); } } .nav-menu li .sub-menu .sub-menu, .nav-menu li .sub-menu ul, .nav-menu li ul .sub-menu, .nav-menu li ul ul { right: 100%; top: 0; left: unset; } .nav-menu li.current_page_item>a { color: var(--primary-color); } .main-navigation { display: none; z-index: 111; margin-right: 40px; } @media screen and (max-width: 1199px) { .main-navigation { max-width: 100%; overflow-y: auto; width: 320px; position: fixed; top: 0; right: 0; bottom: 0; background: var(--primary-color); box-shadow: -5px 0 25px rgba(var(--black-color-rgb), 0.1); padding-top: 50px; } .main-navigation .close-btn { position: absolute; top: 10px; left: 10px; right: auto; } .main-navigation .nav-menu li a { color: var(--white-color); } } @media screen and (min-width: 1200px) { .main-navigation { display: flex; align-items: center; grid-gap: 20px; } .main-navigation .close-btn { display: none; } .main-navigation .toggle-btn { display: none; } } @media screen and (min-width: 1400px) { .main-navigation { grid-gap: 50px; } } @media screen and (min-width: 1200px) { .main-navigation .toggle-btn { display: none; } } @media screen and (min-width: 1199px) { .main-navigation .nav-menu { display: inline-flex; flex-direction: row; } } .main-navigation .nav-menu li { padding: 20px 15px; display: flex; flex-direction: column; transition: all 0.3s ease; } .main-navigation .nav-menu li:not(:last-child) { border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .main-navigation .nav-menu li a { white-space: pre-wrap; } @media screen and (min-width: 1200px) { .main-navigation .nav-menu li { flex-direction: row; align-items: center; border: none; } .main-navigation .nav-menu li:not(:last-child) { border: none; } } @media screen and (min-width: 1400px) { .main-navigation .nav-menu li { padding: 22px 30px; } } @media screen and (max-width: 1199px) { .main-navigation .nav-menu li .submenu-toggle-btn { position: absolute; left: 15px; top: 20px; } } .site-header:not(.style-one) .secondary-nav>div { max-width: 100%; display: none; padding-top: 50px; padding-right: 20px; padding-left: 20px; position: fixed; top: 0; right: 0; bottom: 0; background: var(--white-color); box-shadow: 5px 0 15px rgba(var(--black-color-rgb), 0.1); width: 320px; z-index: 99999; } .site-header:not(.style-one) .secondary-nav>div .close-btn { position: absolute; top: 10px; left: 10px; } .site-header:not(.style-one) .secondary-nav>div .nav-menu li:not(:last-child) { border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } @media screen and (min-width: 1200px) { .site-header:not(.style-one) .secondary-nav>div .nav-menu li a { white-space: nowrap; } } .site-header:not(.style-one) .secondary-nav>div .nav-menu li.menu-item-has-children .submenu-toggle-btn { position: absolute; left: 20px; top: 18px; pointer-events: all; } .site-header:not(.style-one) .secondary-nav>div .nav-menu li .sub-menu { all: unset; display: none; } .site-header:not(.style-one) .secondary-nav>div .nav-menu li .sub-menu .menu-item-has-children .submenu-toggle-btn { transform: rotate(0); } .style-one .secondary-nav { display: none; z-index: 112; } @media screen and (min-width: 1200px) { .style-one .secondary-nav { display: flex; } } @media screen and (min-width: 1199px) { .style-one .secondary-nav .nav-menu { display: inline-flex; flex-direction: row; } } .style-one .secondary-nav .nav-menu li { padding: 20px 15px; font-size: 0.8888888889em; transition: all 0.3s ease; border: 0; } @media screen and (min-width: 1200px) { .style-one .secondary-nav .nav-menu li { flex-direction: row; align-items: center; border: none; display: flex; } } @media screen and (min-width: 1400px) { .style-one .secondary-nav .nav-menu li { padding: 22px 25px; } } @media screen and (max-width: 1199px) { .style-one .secondary-nav .nav-menu li .submenu-toggle-btn { position: absolute; left: 15px; top: 20px; } } .style-one .secondary-nav .nav-menu li a { color: rgba(0, 26, 26, 0.8); white-space: pre-wrap; } .style-one .secondary-nav .nav-menu li a:hover { color: var(--primary-color); } .style-one .secondary-nav .nav-menu li:hover>.sub-menu, .style-one .secondary-nav .nav-menu li:focus>.sub-menu, .style-one .secondary-nav .nav-menu li.hover>.sub-menu, .style-one .secondary-nav .nav-menu li.focus>.sub-menu { z-index: 99999; } .style-one .secondary-nav .nav-menu li>.submenu-toggle-btn { color: rgba(0, 26, 26, 0.8); } .style-one .secondary-nav .nav-menu li>.submenu-toggle-btn .svg-inline--fa.fa-w-10 { width: 0.5em; } .style-one .secondary-nav .nav-menu li ul { margin: 0; } .style-one .secondary-nav .nav-menu li ul a { width: 120px; } /* one-page-navigation --------------------------------------------- */ /*========================================== one page navigation ==========================================*/ .site-branding .site-title { line-height: 1.3; margin: 0; } .site-branding .site-description { margin-bottom: 0; } .site-branding a { text-decoration: none; font-weight: bold; color: var(--primary-color); display: inline-block; } .site-branding a:hover { color: var(--primary-color); text-decoration: none; } .site-branding.has-image-text { display: flex; align-items: center; } .site-branding.has-image-text .site-title-wrap { margin-right: 18px; } @media (max-width: 458px) { .site-branding.has-image-text { flex-direction: column; align-items: flex-start; margin-left: 15px; } .site-branding.has-image-text .site-title-wrap { margin-right: 0; } } .site-header { position: relative; } @media (min-width: 1300px) { .site-header.header-img::before { content: ""; background-repeat: no-repeat; background-size: 100%; width: 214px; height: 369px; position: absolute; top: 46px; left: -88px; z-index: 0; } } .site-header .header-block { font-size: 15px; } .site-header .header-block i, .site-header .header-block .fas, .site-header .header-block .fa, .site-header .header-block .svg-inline--fa, .site-header .header-block svg { color: #17BE8A; margin-left: 10px; } .site-header .header-block .fa-phone { transform: rotateY(-180deg); } .site-header .header-block a { text-decoration: none; color: #232323; } .site-header .header-block a:hover { color: var(--primary-color); } .site-header .header-social .social-list li { display: inline-flex; } .site-header .header-social .social-list a { display: inline-flex; font-size: 16px; color: rgba(0, 26, 26, 0.9); } .site-header .header-social .social-list a:hover { color: var(--primary-color); } .site-header .header-right { display: flex; align-items: center; } .site-header .header-right .header-search+.header-cart { border-right: 1px solid rgba(var(--primary-color-rgb), 0.5); padding-right: 14px; margin-right: 14px; display: inline-flex; border-left:0; } .site-header .header-search .search-toggle { padding: 0; background: none; border: none; cursor: pointer; color: rgba(0, 26, 26, 0.9); line-height: 1; } .site-header .header-search .search-toggle path { fill: rgba(0, 26, 26, 0.9); stroke: rgba(0, 26, 26, 0.9); } .site-header .header-search .search-toggle:hover { color: var(--primary-color); } .site-header .header-search .search-toggle:hover path { fill: var(--primary-color); stroke: var(--primary-color); } .site-header .header-search-wrap { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(var(--white-color-rgb), 0.95); z-index: 999999999; } .site-header .header-search-wrap .header-search-inner { height: 100%; display: flex; align-items: center; justify-content: center; } .site-header .header-search-wrap .header-search-inner .search-form { max-width: 900px; padding: 0 15px; } @media screen and (min-width: 576px) { .site-header .header-search-wrap .header-search-inner .search-form .search-field { height: 80px; font-size: 2em; padding: 0 20px; } .site-header .header-search-wrap .header-search-inner .search-form .search-submit { width: 80px; background-size: 30px; } } .site-header .header-search-wrap .header-search-inner .close { background: none; border: none; position: absolute; top: 20px; left: 20px; cursor: pointer; font-size: 0; width: 40px; height: 40px; } .site-header .header-search-wrap .header-search-inner .close::before, .site-header .header-search-wrap .header-search-inner .close::after { content: ""; background: var(--font-color); width: 40px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.235s ease; transition: all 0.235s ease; } .site-header .header-search-wrap .header-search-inner .close::before { background: var(--font-color); width: 40px; } .site-header .header-search-wrap .header-search-inner .close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--font-color); width: 40px; } .site-header .header-search-wrap .header-search-inner .close:hover::before, .site-header .header-search-wrap .header-search-inner .close:hover::after { background: var(--primary-color); } .site-header .header-cart a { color: rgba(var(--font-color-rgb), 0.9); display: inline-flex; position: relative; text-decoration: none; } .site-header .header-cart a path { fill: rgba(var(--font-color-rgb), 0.9); } .site-header .header-cart a .number, .site-header .header-cart a .cart-count { background: rgba(var(--primary-color-rgb), 0.8); color: rgba(var(--font-color-rgb), 0.9); text-align: center; font-size: 12px; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; position: absolute; top: -10px; left: -10px; } .site-header .header-cart a:hover path { fill: var(--primary-color); } .site-header .secondary-nav { display: flex; position: relative; } .site-header .header-top { background: rgba(var(--primary-color-rgb), 0.1); padding: 17px 0; } .site-header .header-top .container, .site-header .header-top .container>[class*=header-] { display: flex; align-items: center; grid-gap: 25px; flex-wrap: wrap; } @media screen and (max-width: 767px) { .site-header .header-top .container { flex-direction: column; grid-gap: 10px; } .site-header .header-top .container .header-center { justify-content: center; } } .site-header.style-one>.header-middle, .site-header.style-two>.header-main, .site-header.style-three>.header-main, .site-header.style-four>.header-middle, .site-header.style-five>.header-middle, .site-header.style-six>.header-middle, .site-header.style-seven>.header-middle, .site-header.style-eight>.header-main { background-image: url("./img/header-img.png"); background-repeat: no-repeat; background-size: cover; } .site-header>.header-main { padding: 40px 0; } .site-header>.header-main .container { display: flex; justify-content: space-between; align-items: center; } @media screen and (min-width: 1200px) { .site-header>.header-main .container>.toggle-btn { display: none; } } @media screen and (min-width: 1200px) { .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:last-child .sub-menu { right: 0; left: auto; } .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu .submenu-toggle-btn, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu .submenu-toggle-btn, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:last-child .sub-menu .submenu-toggle-btn { transform: rotate(-90deg); } .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(3) .sub-menu .sub-menu, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:nth-last-child(2) .sub-menu .sub-menu, .site-header:not(.style-one, .style-three, .style-four, .style-six) .header-main .main-navigation .nav-menu>li:last-child .sub-menu .sub-menu { right: auto; left: 100%; } } .site-header.style-one .header-top { padding: 0; } .site-header.style-one .header-top .container { justify-content: center; } .site-header.style-one .header-top .container .secondary-nav .toggle-btn { display: none; } .site-header.style-one>.header-middle { background-image: url("./img/header-img.png"); background-repeat: no-repeat; background-size: cover; padding: 40px 0; } .site-header.style-one>.header-middle .container { display: flex; justify-content: space-between; align-items: center; } .site-header.style-one>.header-middle .site-branding { text-align: center; } .site-header.style-one>.header-main { background-color: var(--white-color); border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2); } .site-header.style-one .header-main { padding: 13px 0; } .site-header.style-one .header-main .container { justify-content: center; } @media screen and (min-width: 1200px) { .site-header.style-one .header-main { justify-content: space-between; } } .site-header.style-one .header-main .main-navigation { justify-content: center; } @media screen and (min-width: 1200px) { .site-header.style-one .header-main .main-navigation .nav-menu>li:first-child { padding-right: 0; } } .site-header.style-two>.header-top .container { display: flex; align-items: center; justify-content: space-between; } .site-header.style-two>.header-top .container .header-right { grid-gap: 0; } .site-header.style-two>.header-top .container .secondary-nav>div { left: 0; right: unset; } .site-header.style-two>.header-main .main-navigation { margin-left: 0; width: auto; } .site-header.style-two>.header-main .main-navigation .nav-menu>li:last-child { padding-left: 0; } .site-header.style-three>.header-top .container { justify-content: space-between; } .site-header.style-three>.header-top .container .header-right { grid-gap: 0; } .site-header.style-three>.header-main .container { justify-content: space-between; } .site-header.style-three>.header-main .site-branding { margin: 0 38px; text-align: center; } .site-header.style-three>.header-main .site-branding .site-title { white-space: nowrap; } .site-header.style-three>.header-main .site-branding.has-image-text { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .site-header.style-three>.header-main .site-branding.has-image-text .site-title-wrap { margin-right: 0; } .site-header.style-three>.header-main .main-navigation { margin: 0; width: unset; flex: unset; } .site-header.style-three>.header-main .main-navigation>div .nav-menu { flex-wrap: wrap; } .site-header.style-three>.header-main .secondary-nav { display: block; } .site-header.style-three>.header-main .secondary-nav .toggle-btn { display: none; } .site-header.style-three>.header-main .secondary-nav>div { display: block; padding: 0; position: static; box-shadow: none; background: none; width: auto; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu { display: inline-flex; flex-direction: row; flex-wrap: wrap; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li { display: flex; transition: all 0.3s ease; flex-direction: row; align-items: center; border: none; padding: 22px 25px; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li:not(:last-child) { border: none; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li:not(:last-child) { border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li .submenu-toggle-btn { position: static; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children .sub-menu { right: 0; display: block; visibility: hidden; position: absolute; top: 100%; opacity: 0; transition: all 0.235s ease; transform: translateY(15px); box-shadow: 0 5px 15px rgba(var(--black-color-rgb), 0.05); background: var(--white-color); } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children .sub-menu .sub-menu, .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children .sub-menu ul { right: 100%; top: 0; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children .sub-menu .submenu-toggle-btn { transform: rotate(90deg); } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children .sub-menu a { width: 200px; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu li.menu-item-has-children:hover>.sub-menu { visibility: visible; opacity: 1; transform: translateY(0px); z-index: 99998; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:not(:last-child) { border: none !important; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(3) .sub-menu, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(2) .sub-menu, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:last-child .sub-menu { right: 0; left: auto; } .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(3) .sub-menu .submenu-toggle-btn, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(2) .sub-menu .submenu-toggle-btn, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:last-child .sub-menu .submenu-toggle-btn { transform: rotate(-90deg); } .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(3) .sub-menu .sub-menu, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:nth-last-child(2) .sub-menu .sub-menu, .site-header.style-three>.header-main .secondary-nav>div .nav-menu>li:last-child .sub-menu .sub-menu { right: auto; left: 100%; } .site-header.style-eight>.header-top .container, .site-header.style-seven>.header-top .container, .site-header.style-five>.header-top .container, .site-header.style-four>.header-top .container { justify-content: space-between; } .site-header.style-eight>.header-top .container .header-right, .site-header.style-seven>.header-top .container .header-right, .site-header.style-five>.header-top .container .header-right, .site-header.style-four>.header-top .container .header-right { grid-gap: 0; } .site-header.style-eight>.header-middle .container, .site-header.style-seven>.header-middle .container, .site-header.style-five>.header-middle .container, .site-header.style-four>.header-middle .container { display: flex; align-items: center; justify-content: center; } .site-header.style-eight>.header-middle .container .site-branding, .site-header.style-seven>.header-middle .container .site-branding, .site-header.style-five>.header-middle .container .site-branding, .site-header.style-four>.header-middle .container .site-branding { padding: 40px 0; } .site-header.style-eight>.header-main, .site-header.style-seven>.header-main, .site-header.style-five>.header-main, .site-header.style-four>.header-main { padding: 13px 0px; } .site-header.style-eight>.header-main .container, .site-header.style-seven>.header-main .container, .site-header.style-five>.header-main .container, .site-header.style-four>.header-main .container { justify-content: center; } .site-header.style-eight>.header-main .main-navigation, .site-header.style-seven>.header-main .main-navigation, .site-header.style-five>.header-main .main-navigation, .site-header.style-four>.header-main .main-navigation { width: unset; margin: 0; } .site-header.style-four>.header-top .container .secondary-nav>div { left: 0; right: unset; } .site-header.style-five>.header-top .container { max-width: 100%; padding: 0 80px; } .site-header.style-five>.header-top .header-right .secondary-nav { margin-right: 30px; } .site-header.style-six>.header-middle { padding: 40px 0; } .site-header.style-six>.header-middle .container { display: flex; align-items: center; justify-content: center; justify-content: space-between; } .site-header.style-six>.header-middle .container .header-right .secondary-nav { margin-right: 30px; } .site-header.style-six>.header-main { padding: 13px 0px; background-color: rgba(var(--primary-color-rgb), 0.2); } .site-header.style-six>.header-main .main-navigation { width: unset; margin: 0; } .site-header.style-six>.header-main .main-navigation .nav-menu>li:first-child { padding-right: 0; } .site-header.style-seven>.header-main { background-color: rgba(var(--primary-color-rgb), 0.2); } .site-header.style-seven>.header-main .container { justify-content: space-between; max-width: 100%; padding: 0 80px; } .site-header.style-seven>.header-main .header-right .secondary-nav { margin-right: 30px; } .site-header.style-eight>.header-main { padding: 40px 0; } .site-header.style-eight>.header-main .container { justify-content: space-between; max-width: 100%; padding: 0 80px; } .site-header.style-eight>.header-main .header-right .header-search, .site-header.style-eight>.header-main .header-right .secondary-nav { margin-right: 30px; } @media (max-width: 1200px) { .site-header>.header-top, .site-header>.header-main, .site-header>.header-bottom, .site-header>.header-middle { display: none; } } .site-header .mobile-header { background-image: url("./images/header-img.png"); background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 1200px) { .site-header .mobile-header { display: none; } .site-header .mobile-header .toggle-btn { display: none; } } .site-header .mobile-header .header-top { background-color: unset; } .site-header .mobile-header .toggle-btn { display: inline-block; } .site-header .mobile-header .header-main .container { display: block; } .site-header .mobile-header .header-main .container .mob-nav-site-branding-wrap { display: flex; align-items: center; justify-content: space-between; } .site-header .mobile-header .header-main .container .mob-nav-site-branding-wrap .header-left { position: relative; display: flex; align-items: center; } .site-header .mobile-header .header-main .container .mob-nav-site-branding-wrap .header-left .header-search+.toggle-btn-wrap { padding-right: 15px; margin-right: 14px; border-right: 1px solid rgba(var(--primary-color-rgb), 0.5); border-left: 0; } .site-header .mobile-header .header-main .container .mob-nav-site-branding-wrap .header-left .toggle-btn-wrap { display: inline-flex; } .site-header .mobile-header .header-main .container .mob-nav-site-branding-wrap .header-left .toggle-btn-wrap .toggle-btn .toggle-bar { background-color: var(--font-color); } .site-header .mobile-header .header-main .container .header-right { margin-right: 20px; } .site-header .mobile-header .header-main .container .header-right .header-button-wrap { display: block !important; } @media (max-width: 500px) { .site-header .mobile-header .header-main .container .header-right .header-button-wrap { display: none !important; } } .site-header .mobile-header .header-main { padding: 40px 0; } .site-header .mobile-header .header-main .container .main-navigation { flex: unset !important; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner { position: fixed; top: 0; width: 370px; height: 100%; transform: translateX(-100%); background-color: var(--white-color); box-shadow: -10px 0 20px rgba(var(--font-color-rgb), 0.15); overflow-y: auto; z-index: 99999; transition: all 0.3s ease-in-out; } @media (max-width: 558px) { .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner { width: 100%; } } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container { background-image: url("./images/mobile-toggle-bg.png"); background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; padding: 0; max-width: 100%; min-height: 100%; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap { background: #fff; padding: 22px 20px 25px 25px; display: flex; align-items: center; justify-content: space-between; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap>.close { position: relative; padding: 0; padding: 0; width: 25px; height: 25px; min-height: auto; background: none; cursor: pointer; border: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap>.close::before, .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap>.close::after { content: ""; background: var(--font-color); width: 100%; height: 2px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; transform: rotate(-45deg); transition: all ease 0.35s; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap>.close:after { transform: rotate(45deg); } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrapper { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; margin-top: 15px; padding: 0 22px; margin-bottom: 50px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mob-ctc-btn { padding: 0 15px 77px; margin: 39px 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mob-ctc-btn .header-block { margin: 23px 0 23px 0; padding-right: 0; margin-right: 0; text-align: center; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mob-ctc-btn .header-block:first-child { margin: 49px 0 0 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mob-ctc-btn .header-button-wrap { margin-right: 0; text-align: center; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mob-ctc-btn a { width: 100%; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-cart { margin-top: 25px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-cart a { font-size: 0.889em; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .social-networks li a { font-size: 0.8em; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .close-btn, .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .toggle-btn { display: none; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation { display: block; position: static; width: unset; height: unset; background-color: unset; box-shadow: unset; z-index: 3; padding-top: 0; overflow: unset; margin: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu { overflow: unset; margin-top: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li { border: 0; padding: 40px 0 0 20px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li a { font-family: var(--secondary-font); font-size: 17px; color: rgba(var(--font-color-rgb), 0.9); width: unset; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li ul { padding-top: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li .sub-menu { background-color: unset; padding-top: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li .sub-menu li { padding-right: 15px; padding-top: 29px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li .sub-menu li .submenu-toggle-btn { top: 29px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-left .main-navigation>div .nav-menu li .submenu-toggle-btn { left: 0; top: 40px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right { display: flex; flex-direction: column; align-items: flex-start; margin-top: 5px; margin-right: 40px; margin-left: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .close-btn, .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .toggle-btn { display: none; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div { height: unset; display: block; position: static; width: unset; height: unset; background-color: unset; box-shadow: unset; z-index: 3; padding: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu { width: unset; padding: 0; overflow: unset; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu li { border: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu li a { font-family: var(--secondary-font); text-align: right; font-size: 17px; font-weight: 400; color: rgba(var(--font-color-rgb), 0.8); } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu li .submenu-toggle-btn { left: unset; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu>li { padding: 27px 20px 0 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu>li:first-child a { padding-top: 0 !important; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu ul { padding-top: 12px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu ul li { padding: 9px 14px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu ul li:last-child { padding-bottom: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu ul li a { width: auto; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav>div .nav-menu ul li .submenu-toggle-btn { top: 15px; margin-right: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .header-left { margin-top: 88px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-social-wrapper { margin: 0 auto; text-align: center; } /* Front pages --------------------------------------------- */ .site-banner { position: relative; } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .wp-custom-header { height: 696px; } } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .wp-custom-header img { width: 100%; height: 100%; object-fit: cover; object-position: top; } } .site-banner .banner-wrapper .caption-wrapper { display: flex; flex-direction: column; justify-content: center; background: none; width: 100%; top: 0; right: 0; left: 0; height: 100%; padding: 0; z-index: 99; } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .caption-wrapper { position: absolute; } } .site-banner .banner-wrapper .banner-caption { max-width: 678px; background: var(--white-color); padding: 30px; position: relative; } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .banner-caption { padding: 80px 70px; } } .site-banner .banner-wrapper .banner-caption .entry-meta .cat-links a+a { margin-right: 6px; } .site-banner .banner-wrapper .banner-caption .banner-title { font-size: 1.4em; line-height: 1.25; font-weight: normal; margin-top: 11px; } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .banner-caption .banner-title { font-size: 1.6666666667em; line-height: 1.5; } } .site-banner .banner-wrapper .banner-caption .banner-title a { color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; transition: all ease 0.35s; } .site-banner .banner-wrapper .banner-caption .banner-title a:hover { color: var(--secondary-color); } .site-banner .banner-wrapper .banner-caption .banner-desc { margin-bottom: 36px; letter-spacing: 0.2px; } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .banner-caption .banner-desc { font-size: 1.2222222222em; line-height: 2; } } .site-banner .banner-wrapper .banner-caption .banner-button-wrap { display: flex; flex-wrap: wrap; grid-gap: 15px; flex-direction: column; } @media screen and (min-width: 576px) { .site-banner .banner-wrapper .banner-caption .banner-button-wrap { flex-direction: row; } } .site-banner .banner-wrapper .banner-caption .entry-footer { display: flex; align-items: center; flex-wrap: wrap; } .site-banner .banner-wrapper .banner-caption .entry-footer img { width: 30px; height: 30px; border-radius: 100px; display: inline-block; } .site-banner .banner-wrapper .banner-caption .entry-footer .byline { color: rgba(var(--font-color-rgb), 0.9); } .site-banner .banner-wrapper .banner-caption .entry-footer .byline .fn { margin-right: 12px; font-weight: normal; font-size: 1em; color: rgba(var(--font-color-rgb), 0.9); font-family: var(--secondary-font); text-transform: capitalize; } .site-banner .banner-wrapper .banner-caption .entry-footer .byline:hover .fn { color: var(--primary-color); } .site-banner .banner-wrapper .banner-caption .entry-footer .posted-on { margin-right: 15px; } .site-banner .banner-wrapper .banner-caption .entry-footer .posted-on a { margin-right: 5px; } .site-banner .banner-wrapper .banner-caption .entry-content { margin-bottom: 0; margin-top: 25px; } .site-banner .banner-wrapper .banner-caption .entry-content p:last-child { margin-bottom: 0; } .site-banner .banner-wrapper .banner-caption .post-footer { margin-top: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .site-banner .banner-wrapper .banner-caption .post-footer .btn-link { color: var(--secondary-color); background: none; padding: 0; } .site-banner .banner-wrapper .banner-caption .post-footer .btn-link::before { left: -22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } .site-banner .banner-wrapper .banner-caption .post-share { display: flex; flex-direction: row; align-items: center; grid-gap: 15px; } .site-banner .banner-wrapper .banner-caption .post-share .social-networks { grid-gap: 15px; flex-direction: row; } .site-banner .banner-wrapper .banner-caption .post-share .post-share-title { display: inline-flex; } .site-banner .banner-wrapper .banner-caption .post-share .post-share-title svg { fill: #001A1A; } .site-banner .banner-wrapper .banner-caption .post-share .post-share-title svg:hover { fill: var(--primary-color); } @media screen and (min-width: 768px) { .site-banner .banner-wrapper .banner-caption .post-share { flex-direction: column; position: absolute; right: -50px; top: 50%; transform: translatey(-50%); } .site-banner .banner-wrapper .banner-caption .post-share .social-networks { flex-direction: column; } } @media screen and (min-width: 768px) { .site-banner.static-cta.style-one { padding: 39px 0; } } @media screen and (min-width: 1400px) { .site-banner.static-cta.style-one { padding: 39px 0 0; } } @media screen and (min-width: 1200px) { .site-banner.static-cta.style-one .wp-custom-header { flex: 0 0 63%; max-width: 63%; height: 696px; } } .site-banner.static-cta.style-one .caption-wrapper { position: static; } @media screen and (min-width: 1200px) { .site-banner.static-cta.style-one .caption-wrapper { position: absolute; right: 4%; } } @media screen and (min-width: 1400px) { .site-banner.static-cta.style-one .caption-wrapper { position: absolute; right: 11%; } } .site-banner.static-cta .banner-caption { text-align: right; position: relative; padding: 50px 17px; margin: 0; max-width: 100%; } .site-banner.static-cta .banner-caption::before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: rgba(var(--secondary-color-rgb), 0.02); } @media screen and (min-width: 768px) { .site-banner.static-cta .banner-caption { padding: 60px; } } @media screen and (min-width: 1200px) { .site-banner.static-cta .banner-caption { max-width: 600px; } } .site-banner.static-cta .banner-caption .banner-desc { margin-bottom: 50px; } .site-banner.static-cta .banner-caption .banner-title { margin-top: 0; margin-bottom: 22px; font-size: 1.4em; line-height: 1.15; font-weight: 600; } @media screen and (min-width: 768px) { .site-banner.static-cta .banner-caption .banner-title { font-size: 2.3333333333em; } } @media screen and (min-width: 992px) { .site-banner.static-cta .banner-caption .banner-title { font-size: 3.3333333333em; } } @media screen and (min-width: 1200px) { .site-banner.static-cta .container { max-width: 100%; padding: 0; } } .site-banner.static-cta .item { position: relative; display: flex; flex-direction: column; } @media screen and (min-width: 1200px) { .site-banner.static-cta .item { flex-direction: row; } } @media screen and (min-width: 1200px) { .site-banner.static-cta .item.right .banner-caption { margin-right: auto; } } @media screen and (min-width: 1200px) { .site-banner.static-cta .item.right .caption-wrapper { left: 4%; right: unset; } } @media screen and (min-width: 1400px) { .site-banner.static-cta .item.right .caption-wrapper { left: 11%; right: unset; } } @media screen and (min-width: 1200px) { .site-banner.static-cta .item.left .wp-custom-header { margin-right: auto; } } .site-banner .owl-carousel .owl-nav button.owl-prev, .site-banner .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); } .site-banner .owl-carousel .owl-dots { margin-top: 30px; } .site-banner.slider-one .banner-wrapper { padding-top: 60px; background: linear-gradient(-351deg, var(--background-color) 73%, rgba(var(--primary-color-rgb), 0.2) 100%); } .site-banner.slider-one .banner-wrapper .item { position: relative; } .site-banner.slider-one .banner-wrapper .item .banner-caption { padding: 18px 17px 0 17px; max-width: 667px; position: relative; margin: -20px 20px 0; text-align: center; } @media (min-width: 769px) { .site-banner.slider-one .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding: 45px 45px 23px; margin: 0; } } .site-banner.slider-one .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } @media (min-width: 1440px) { .site-banner.slider-one .banner-wrapper .item .banner-caption .banner-title { font-size: 2.3em; line-height: 1.3; } } .site-banner.slider-one .owl-carousel .owl-nav button.owl-prev, .site-banner.slider-one .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); } .site-banner.slider-one .owl-carousel .owl-dots { margin-top: 30px; } @media screen and (min-width: 1200px) { .site-banner.slider-two .container { max-width: 1615px; padding: 0 25px; } } .site-banner.slider-two .banner-wrapper { padding-top: 60px; } .site-banner.slider-two .banner-wrapper .item { position: relative; } .site-banner.slider-two .banner-wrapper .item .banner-caption { padding: 45px 27px 0 27px; max-width: 453px; position: relative; margin: -53px 0 0 35px; } .site-banner.slider-two .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } @media screen and (min-width: 992px) { .site-banner.slider-two .banner-wrapper .item .banner-caption { padding: 45px 27px 0 42px; margin: -53px 0 0 55px; } } .site-banner.slider-two .owl-carousel .owl-nav button.owl-prev, .site-banner.slider-two .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); } .site-banner.slider-three { padding-top: 39px; } .site-banner.slider-three .banner-wrapper .item { background: rgba(var(--secondary-color-rgb), 0.02); border: 1px solid rgba(var(--secondary-color-rgb), 0.1); padding: 20px; display: flex; flex-direction: column; } @media screen and (min-width: 992px) { .site-banner.slider-three .banner-wrapper .item { flex-direction: row; } .site-banner.slider-three .banner-wrapper .item .banner-img-wrap { flex: 0 0 50%; max-width: 50%; text-align: center; } .site-banner.slider-three .banner-wrapper .item .banner-caption { display: flex; flex-direction: column; justify-content: center; background: transparent; width: 100%; } } .site-banner.slider-three .banner-wrapper .item .banner-img-wrap img { width: 100%; height: 100%; object-fit: cover; } .site-banner.slider-three .banner-wrapper .item .banner-img-wrap .attachment-full { width: unset; height: unset; margin: 0 auto; } .site-banner.slider-three .banner-wrapper .item.full .banner-img-wrap { align-items: center; display: flex; justify-content: center; } .site-banner.slider-three .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-three .banner-wrapper .banner-caption { padding: 30px 0 90px 0; max-width: 100%; background: transparent; } @media screen and (min-width: 768px) { .site-banner.slider-three .banner-wrapper .banner-caption { padding: 60px 60px 0 60px; } } @media screen and (min-width: 992px) { .site-banner.slider-three .banner-wrapper .banner-caption { padding: 60px; } } .site-banner.slider-three .banner-wrapper .banner-caption .banner-title { padding: 0; max-width: 468px; margin-bottom: 15px; } @media (min-width: 1440px) { .site-banner.slider-three .banner-wrapper .banner-caption .banner-title { font-size: 2.3em; line-height: 1.3; } } .site-banner.slider-four { padding: 29px 0 0; } .site-banner.slider-four .container { max-width: 100%; padding: 0; } .site-banner.slider-four .banner-wrapper { padding: 0 30px; } @media screen and (min-width: 576px) { .site-banner.slider-four .banner-wrapper { padding: 0; } } .site-banner.slider-four .banner-wrapper .item { position: relative; } .site-banner.slider-four .banner-wrapper .item .banner-caption { text-align: right; padding: 24px 17px 24px 17px; position: absolute; right: 15px; left: 15px; bottom: 0; width: 100%; max-width: calc(100% - 30px); } @media screen and (min-width: 768px) { .site-banner.slider-four .banner-wrapper .item .banner-caption { padding: 40px 30px 40px 30px; right: 35px; left: 35px; max-width: calc(100% - 70px); text-align: center; } } @media screen and (min-width: 1200px) { .site-banner.slider-four .banner-wrapper .item .banner-caption { padding: 45px 52px 38px 52px; } } .site-banner.slider-four .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } .site-banner.slider-four .banner-wrapper .item .banner-caption .banner-title a { text-decoration: none; color: var(--font-color-rgb); } .site-banner.slider-four .banner-wrapper .item .banner-img-wrap { height: 500px; } @media screen and (min-width: 768px) { .site-banner.slider-four .banner-wrapper .item .banner-img-wrap { height: 853px; } } .site-banner.slider-four .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } .site-banner.slider-four .banner-wrapper .item.full .banner-img-wrap { align-items: center; display: flex; justify-content: center; height: unset; } .site-banner.slider-four .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-four .banner-wrapper .item.full .banner-img-wrap img { height: unset; object-fit: unset; } .site-banner.slider-five .banner-wrapper .item { position: relative; } .site-banner.slider-five .banner-wrapper .item .container { position: relative; } @media screen and (min-width: 992px) { .site-banner.slider-five .banner-wrapper .item .banner-img-wrap { height: 800px; } .site-banner.slider-five .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } } .site-banner.slider-five .banner-wrapper .item .banner-caption { text-align: center; padding: 30px 17px 0px 17px; } @media screen and (min-width: 768px) { .site-banner.slider-five .banner-wrapper .item .banner-caption { position: absolute; left: 0; bottom: 0; max-width: 700px; width: 100%; text-align: right; } } @media screen and (min-width: 1200px) { .site-banner.slider-five .banner-wrapper .item .banner-caption { padding: 60px; } } .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title { font-size: 1.4em; line-height: 1.25; font-weight: 600; margin-bottom: 0; } @media screen and (min-width: 768px) { .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title { font-size: 2.3333333333em; } } @media screen and (min-width: 992px) { .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title { font-size: 3.3333333333em; } } .site-banner.slider-five .banner-wrapper .item.full .banner-img-wrap { height: unset; } .site-banner.slider-five .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-five .banner-wrapper .item.full .banner-img-wrap img { height: unset; object-fit: unset; } .site-banner.slider-five .owl-nav button.owl-prev, .site-banner.slider-five .owl-nav button.owl-next { top: 40%; } .site-banner.slider-six { padding-top: 39px; } .site-banner.slider-six .container { max-width: 100%; padding: 0; } .site-banner.slider-six .banner-wrapper .item { display: flex; flex-direction: column; position: relative; } @media (min-width: 1025px) { .site-banner.slider-six .banner-wrapper .item { flex-direction: row-reverse; } .site-banner.slider-six .banner-wrapper .item .banner-img-wrap { flex: 0 0 63%; max-width: 63%; text-align: center; height: 696px; } .site-banner.slider-six .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } .site-banner.slider-six .banner-wrapper .item .banner-caption { max-width: 780px; width: 100%; position: absolute; right: 6%; bottom: 0; display: flex; flex-direction: column; justify-content: center; } } .site-banner.slider-six .banner-wrapper .item.full .banner-img-wrap { height: unset; } .site-banner.slider-six .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-six .banner-wrapper .item.full .banner-img-wrap img { height: unset; } .site-banner.slider-six .banner-wrapper .banner-caption { padding: 30px 17px 110px 17px; max-width: 100%; z-index: 1; border: 1px solid rgba(var(--secondary-color-rgb), 0.1); } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .banner-caption { padding: 60px 60px 110px; } } @media screen and (min-width: 992px) { .site-banner.slider-six .banner-wrapper .banner-caption { padding: 60px; } } .site-banner.slider-six .banner-wrapper .banner-caption::before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: rgba(var(--secondary-color-rgb), 0.02); z-index: -1; } .site-banner.slider-six .banner-wrapper .banner-caption .banner-title { font-size: 1.4em; line-height: 1.25; font-weight: 600; margin-bottom: 15px; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .banner-caption .banner-title { font-size: 2.3333333333em; line-height: 1.2; } } @media screen and (min-width: 992px) { .site-banner.slider-six .banner-wrapper .banner-caption .banner-title { font-size: 3.3333333333em; line-height: 1.2; } } @media (max-width: 1024px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-prev, .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { position: absolute; top: unset; transform: unset; bottom: 30px; width: 40px; height: 40px; background-size: 17.41px 17.05px; } .site-banner.slider-six .owl-carousel .owl-nav button.owl-prev { right: unset; left: 110px; } .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 60px; } } @media (max-width: 767px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-prev { right: unset; left: 60px; } .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 16px; } } @media (min-width: 1025px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-prev { right: 5%; } .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: unset; left: 16%; } } @media (min-width: 1100px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 21%; } } @media (min-width: 1280px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 32%; } } @media (min-width: 1360px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 35%; } } @media (min-width: 1410px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { left: 37%; } } @media (min-width: 1500px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { right: 56%; } } @media (min-width: 1700px) { .site-banner.slider-six .owl-carousel .owl-nav button.owl-next { right: 46%; } } .site-banner.slider-seven .banner-wrapper .item { position: relative; } .site-banner.slider-seven .banner-wrapper .item .container { position: relative; } .site-banner.slider-seven .banner-wrapper .item .banner-img-wrap { position: relative; height: 500px; } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item .banner-img-wrap { height: 800px; } } .site-banner.slider-seven .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } .site-banner.slider-seven .banner-wrapper .item .banner-img-wrap::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(-180deg, rgba(var(--white-color-rgb), 0) 63%, rgba(var(--font-color-rgb), 0.65) 89%); } .site-banner.slider-seven .banner-wrapper .item .banner-caption { text-align: center; padding: 30px 17px 30px 17px; position: absolute; right: 50%; transform: translateX(50%); bottom: 0; max-width: 944px; width: 100%; background-color: unset; } @media screen and (min-width: 1200px) { .site-banner.slider-seven .banner-wrapper .item .banner-caption { padding: 60px; } } .site-banner.slider-seven .banner-wrapper .item .banner-caption .entry-meta .cat-links a { background-color: var(--white-color); color: rgba(var(--font-color-rgb), 0.9); position: relative; padding: 4px 19px; } .site-banner.slider-seven .banner-wrapper .item .banner-caption .entry-meta .cat-links a::after { content: ""; background-color: rgba(var(--secondary-color-rgb), 0.05); position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .site-banner.slider-seven .banner-wrapper .item .banner-caption .entry-meta .cat-links a::before { border-bottom: 1px solid var(--white-color); } .site-banner.slider-seven .banner-wrapper .item .banner-caption .entry-meta .cat-links a:hover { background-color: var(--secondary-color); color: var(--white-color); } .site-banner.slider-seven .banner-wrapper .item .banner-caption .entry-meta .cat-links a:hover::before { border-bottom: 1px solid var(--secondary-color); } .site-banner.slider-seven .banner-wrapper .item .banner-caption .banner-title { font-size: 1.4em; line-height: 1.25; font-weight: 600; margin-bottom: 0; } .site-banner.slider-seven .banner-wrapper .item .banner-caption .banner-title a { color: var(--white-color); } .site-banner.slider-seven .banner-wrapper .item .banner-caption .banner-title a:hover { color: var(--secondary-color); } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper .item .banner-caption .banner-title { font-size: 2.3333333333em; line-height: 1.35; } } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item .banner-caption .banner-title { font-size: 3.3333333333em; line-height: 1.35; } } .site-banner.slider-seven .banner-wrapper .item.full .banner-img-wrap { height: unset; } .site-banner.slider-seven .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-seven .banner-wrapper .item.full .banner-img-wrap img { height: unset; } .site-banner.slider-eight .banner-wrapper .item { position: relative; } .site-banner.slider-eight .banner-wrapper .item .container { position: relative; } .site-banner.slider-eight .banner-wrapper .item .banner-img-wrap { position: relative; height: 500px; } @media screen and (min-width: 992px) { .site-banner.slider-eight .banner-wrapper .item .banner-img-wrap { height: 800px; } } .site-banner.slider-eight .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } .site-banner.slider-eight .banner-wrapper .item .banner-caption { text-align: center; padding: 30px 17px 30px 17px; position: absolute; right: 50%; transform: translatex(50%); bottom: 0; max-width: 944px; width: 100%; background-color: unset; } @media screen and (min-width: 1200px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption { padding: 60px; } } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta .cat-links a { background-color: var(--white-color); padding: 4px 19px; } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta .cat-links a::after { content: ""; background-color: rgba(var(--secondary-color-rgb), 0.05); position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta .cat-links a::before { border-bottom: 1px solid var(--white-color); } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta .cat-links a:hover { background-color: rgba(var(--secondary-color-rgb), 1); } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta .cat-links a:hover::before { border-bottom: 1px solid var(--secondary-color); } .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title { margin-top: 20px; font-size: 1.4em; line-height: 1.25; font-weight: 600; margin-bottom: 0; } .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title a { background-color: var(--white-color); } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title { font-size: 2.3333333333em; line-height: 1.2; } } @media screen and (min-width: 992px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title { font-size: 3.3333333333em; line-height: 1.2; } } .site-banner.cta-newsletter-banner.style-one { border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); padding: 0; } @media screen and (min-width: 768px) { .site-banner.cta-newsletter-banner.style-one { padding: 60px 100px; } } @media screen and (min-width: 992px) { .site-banner.cta-newsletter-banner.style-one { padding: 60px 60px; } } @media screen and (min-width: 1200px) { .site-banner.cta-newsletter-banner.style-one { padding: 80px 90px; } } @media screen and (min-width: 1400px) { .site-banner.cta-newsletter-banner.style-one { padding: 80px 150px 0; } } .site-banner.cta-newsletter-banner.style-one .item { display: flex; align-items: center; flex-direction: column; } @media screen and (min-width: 1200px) { .site-banner.cta-newsletter-banner.style-one .item { flex-direction: row; grid-gap: 15px; } } @media screen and (min-width: 1200px) { .site-banner.cta-newsletter-banner.style-one .item.left { flex-direction: row-reverse; grid-gap: 15px; } } @media screen and (min-width: 1200px) { .site-banner.cta-newsletter-banner.style-one .wp-custom-header { flex: 0 0 50%; max-width: 50%; } } .site-banner.cta-newsletter-banner.style-one .wp-custom-header img { height: 100%; width: 100%; object-fit: cover; object-position: top; } .site-banner.cta-newsletter-banner.style-one .caption-wrapper { position: static; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; } .site-banner.cta-newsletter-banner.style-one .banner-caption { background: unset; max-width: 100%; width: 100%; padding: 0; } @media screen and (min-width: 992px) { .site-banner.cta-newsletter-banner.style-one .banner-caption { padding: 72px 70px; max-width: 678px; } } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper { position: relative; padding: 60px 15px; } @media screen and (min-width: 576px) { .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper { padding: 60px; } } @media screen and (min-width: 768px) { .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper::before { content: ""; background-image: url("./images/banner-newsletter-flower.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; width: 80px; height: 169px; top: -30px; left: -32px; } } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder { margin: 0 0 35px; text-align: center; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder h3 { position: relative; margin-bottom: 50px; font-size: 2.2222222222em; line-height: 1.15; margin-bottom: 28px; padding-bottom: 23px; font-weight: normal; font-style: italic; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder h3::before { content: ""; width: 48px; height: 0; border-bottom: 1px solid var(--secondary-color); position: absolute; bottom: 0px; right: 50%; transform: translateX(50%); } @media screen and (min-width: 992px) { .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2.5em; } } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper form input:not(input[type=checkbox]) { margin-top: 0; margin-bottom: 15px; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper form input:not(input[type=checkbox]):last-child { margin-bottom: 0; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper form label { margin-top: 0; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap { margin-bottom: 15px; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap .text { font-size: 0.7778em; } .site-banner.cta-newsletter-banner.style-one .banner-caption .blossomthemes-email-newsletter-wrapper .container { padding: 0; } /* Front pages --------------------------------------------- */ .promo-section { margin-top: 60px; padding-bottom: 75px; position: relative; background: linear-gradient(-11deg, rgba(var(--primary-color-rgb), 0.2) 0%, var(--background-color) 25%); z-index: 2; } @media screen and (min-width: 768px) { .promo-section { margin-top: 120px; padding-bottom: 120px; } } .promo-section .widget_bttk_image_text_widget { padding-top: 60px; background-image: linear-gradient(to left, var(--primary-color) 30%, var(--background-color) 0%); background-position: top; background-size: 10px 1px; background-repeat: repeat-x; } @media (max-width: 1400px) and (min-width: 1200px) { .promo-section .widget_bttk_image_text_widget { padding-right: 45px; } } .promo-section .widget_bttk_image_text_widget .widget-title { margin-bottom: 70px; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder { padding: 0; margin: 0; list-style: none; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li { position: relative; overflow: hidden; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li::before, .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li::after { content: ""; position: absolute; width: 36px; height: 36px; z-index: 1; transition: all ease 0.35s; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a { display: block; text-decoration: none; font-size: 0.7777777778em; color: var(--font-color); text-align: center; transition: all 0.2s ease; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a img { transition: all 0.5s ease-in-out; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a.btn-readmore::after { content: ""; border: 1px solid var(--primary-color); background: none; position: absolute; top: -3px; right: -3px; left: -3px; bottom: -3px; width: auto; height: auto; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a.btn-readmore::before { content: ""; background-image: unset; background-color: rgba(var(--primary-color-rgb), 0.5); position: absolute; right: 0; top: 0; width: 100%; height: 100%; transition: all ease 0.35s; z-index: -1; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a.btn-readmore:hover { background-color: var(--secondary-color); color: var(--white-color); } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a.btn-readmore:hover:after { top: -8px; left: -8px; bottom: -8px; right: -8px; opacity: 0; visibility: hidden; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a.btn-readmore:hover::before { transform: unset; background-color: var(--secondary-color); } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li:hover img { transform: scale(1.2) rotate(-5deg); } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li:hover a span::before { margin-right: -13px; } .promo-section .widget_bttk_image_text_widget .bttk-itw-holder li:hover a span::after { margin-right: 13px; } .promo-section .owl-nav button.owl-prev, .promo-section .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); } .promo-section .social-networks { display: none; flex-direction: column; background-color: rgba(var(--primary-color-rgb), 0.1); padding: 15px; position: absolute; top: 60px; right: 0; } @media screen and (min-width: 992px) { .promo-section .social-networks { display: flex; } } .service-section { overflow: hidden; padding: 60px 0 90px; background-image: url(./images/service-bg-img.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 768px) { .service-section { padding: 90px 0; } } .service-section .section-header { margin-bottom: 44px; } .service-section .section-header .section-title { font-size: 1.4444444444em; text-align: center; margin-bottom: 0; font-style: normal; overflow: hidden; display: block; } .service-section .section-header .section-title span { padding: 0 37px; } .service-section .service-sec__content-wrapper { position: relative; } .service-section .service-sec__content-wrapper::before { content: ""; position: absolute; background-image: url("./images/flower.png"); width: 156px; height: 206px; background-repeat: no-repeat; background-size: contain; bottom: -60px; right: 0; } @media screen and (min-width: 768px) { .service-section .service-sec__content-wrapper::before { content: ""; top: -204px; transform: rotate(-38deg); right: -34px; } } @media (min-width: 1500px) { .service-section .service-sec__content-wrapper::before { right: 0; top: 50%; transform: translateY(-50%); } } .service-section .service-sec__content-wrapper .section-grid { justify-content: center; } .service-section .section-header .section-title::after { left: 0.5em; margin-left: -50%; margin-right: unset; } .service-section .section-header .section-title::before { right: 0.5em; margin-right: -50%; margin-left: unset; border-bottom: 0; bottom: unset; } .service-section .service-sec__content-wrapper .section-grid .grid-item { max-width: 300px; margin: 0 auto; width: 100%; } @media screen and (min-width: 768px) { .service-section .service-sec__content-wrapper .section-grid .grid-item { flex: 0 0 33.33%; max-width: 33.33%; max-width: unset; margin: 0 15px; } } @media screen and (min-width: 992px) { .service-section .service-sec__content-wrapper .section-grid .grid-item { flex: 0 0 17%; max-width: 17%; } } .service-section .service-sec__content-wrapper .grid-item { padding: 45px 23px 42px 25px; background-color: var(--white-color); transition: all 0.3s ease-in-out; height: 100%; text-align: center; position: relative; } .service-section .service-sec__content-wrapper .grid-item::before { content: ""; position: absolute; background-color: rgba(var(--primary-color-rgb), 0.1); top: 0; right: 0; width: 100%; height: 100%; z-index: 0; } .service-section .service-sec__content-wrapper .grid-item:hover { box-shadow: 0 5px 25px rgba(var(--primary-color-rgb), 0.15); background: rgba(var(--primary-color-rgb), 0.2); } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder { display: flex; flex-direction: column; grid-gap: 20px; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .icon-holder { order: 1.2; display: inline-flex; align-items: center; justify-content: center; font-size: 1.7em; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .icon-holder svg path { fill: var(--font-color); } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .content { margin-top: 14px; font-size: 0.77777em; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .btn-readmore { margin-top: 20px; color: var(--secondary-color); background: none; padding: 0; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .btn-readmore::before { left: -27px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .text-holder { order: 2; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder .text-holder .widget-title { font-size: 1.0555555556em; line-height: 1; color: rgba(var(--font-color-rgb), 1); margin: 0; font-weight: normal; } .service-section .service-sec__content-wrapper .grid-item .rtc-itw-inner-holder p { margin-bottom: 0; } .service-section .section-button-wrapper { margin-top: 45px; text-align: center; } @media screen and (min-width: 768px) { .service-section .section-button-wrapper { margin-top: 50px; } } .about-section { padding: 60px 0 0; background-image: url("./img/about-bg.png"); background-repeat: no-repeat; background-size: cover; position: relative; } .about-section::before { content: ""; position: absolute; background-image: url("./images/about-flower.png"); width: 107px; height: 376px; background-repeat: no-repeat; top: -84px; left: -21px; } @media screen and (min-width: 768px) { .about-section { padding: 90px 0 0; } } .about-section .about-section-wrapper { background-color: var(--white-color); max-width: 1370px; margin: 0 auto; } .about-section .about-section-wrapper .about-section-bg-color { background-color: rgba(var(--primary-color-rgb), 0.2); } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder { display: grid; grid-template-rows: max-content max-content; padding-top: 90px; padding-bottom: 90px; grid-template-areas: "img""widget-title ""content"; grid-template-columns: 100%; grid-template-rows: max-content; } @media screen and (min-width: 1024px) { .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder { grid-template-areas: "img widget-title""img content""img content""img content"; grid-template-columns: 47% 50%; padding-top: 90px; padding-bottom: 0; grid-template-rows: auto 1fr; } } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .img-holder { grid-area: img; align-self: flex-end; position: relative; text-align: center; } @media screen and (min-width: 1024px) { .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .img-holder { padding-left: 30px; text-align: right; } } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .img-holder a { display: block; } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .text-holder { grid-area: content; } @media screen and (min-width: 1024px) { .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .text-holder { padding-bottom: 90px; } } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .widget-title { grid-area: widget-title; font-size: 1.9444444444em; line-height: 1.4; margin-bottom: 30px; display: block; margin-top: 30px; font-style: italic; font-weight: 400; } @media screen and (min-width: 1024px) { .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .text-holder, .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .widget-title, .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .sub-title { max-width: 451px; } } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder .btn-readmore { margin-top: 50px; } @media screen and (min-width: 1024px) { .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.right { grid-template-areas: "widget-title img""content img""content img""content img"; grid-template-columns: 50% 47%; grid-template-rows: auto 1fr; padding-top: 90px; padding-bottom: 0; } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.right .img-holder { padding-left: 0; padding-right: 30px; text-align: left; } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.right .text-holder, .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.right .widget-title, .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.right .sub-title { max-width: 542px; } } .about-section .about-section-wrapper .widget_blossomtheme_featured_page_widget .widget-featured-holder.centered { text-align: center; } .product-section { background-image: url("./img/shop-bg.png"); background-repeat: no-repeat; background-color: rgba(var(--primary-color-rgb), 0.05); padding: 60px 0; } @media screen and (min-width: 768px) { .product-section { padding: 120px 0; } } .product-section .product-section-wrapper .product-section-grid { display: flex; flex-wrap: wrap; grid-row-gap: 50px; } @media screen and (min-width: 768px) { .product-section .product-section-wrapper .product-section-grid { grid-gap: 30px; } } .product-section .product-section-wrapper .product-section-grid .product-item { width: 100%; } @media screen and (min-width: 768px) { .product-section .product-section-wrapper .product-section-grid .product-item { flex: 0 0 47%; max-width: 47%; } } @media screen and (min-width: 1024px) { .product-section .product-section-wrapper .product-section-grid .product-item { flex: 0 0 30%; max-width: 30%; } } @media screen and (min-width: 1200px) { .product-section .product-section-wrapper .product-section-grid .product-item { flex: 0 0 23%; max-width: 23%; } } .product-section .product-section-wrapper .product-section-grid .product-item .product-image { position: relative; margin-bottom: 30px; } .product-section .product-section-wrapper .product-section-grid .product-item .product-image>a { display: block; } .product-section .product-section-wrapper .product-section-grid .product-item .product-image>a img { width: 100%; } .product-section .product-section-wrapper .product-section-grid .product-item .product-image .btn-add-to-cart:hover:after, .product-section .product-section-wrapper .product-section-grid .product-item .product-image .add_to_cart_button:hover:after { top: -8px; left: -8px; bottom: -8px; right: -8px; opacity: 0; visibility: hidden; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail { text-align: center; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .woocommerce-product-rating .woocommerce-review-link { display: none; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .star-rating { font-size: 15px; margin-bottom: 14px; width: 7.3em; margin-right: auto; margin-left: auto; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .star-rating::before { content: "s  s  s  s  s"; color: #F2B405; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .star-rating span { color: #F2B405; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .star-rating span::before { content: "S  S  S  S  S"; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail h3 { font-size: 1.2222222222em; line-height: 1.4; color: rgba(var(--font-color-rgb), 0.9); margin-bottom: 0; font-weight: normal; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail h3 a { color: inherit; text-decoration: none; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail h3 a:hover { color: var(--secondary-color); } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .price { margin-top: 11px; font-size: 1.2222222222em; font-family: var(--secondary-font); margin-bottom: 0; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .price ins { font-size: inherit; color: rgba(var(--font-color-rgb), 0.9); background: none; } .product-section .product-section-wrapper .product-section-grid .product-item .product-detail .price del { font-size: inherit; color: rgba(var(--font-color-rgb), 0.2); } .product-section .product-section-wrapper .product-section-grid .product-item:hover .product-detail h3 a { color: var(--secondary-color); } .product-section .button-wrap { margin-top: 30px; text-align: center; } @media screen and (min-width: 768px) { .product-section .button-wrap { margin-top: 50px; } } .popular-post { background-color: rgba(var(--primary-color-rgb), 0.2); padding: 60px 0; position: relative; } @media screen and (min-width: 768px) { .popular-post { padding: 120px 0; } } .popular-post::before { content: ""; background-image: url("./images/popularpost-flower.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom; position: absolute; bottom: 0; width: 100%; height: 494px; } .popular-post::after { content: ""; background-image: url("./images/popular-post-right-flower.png"); background-repeat: no-repeat; background-size: 100%; width: 132px; height: 154px; position: absolute; top: -25px; left: -10px; z-index: 0; } .popular-post .section-header { overflow: visible; } .popular-post .section-header .container { position: relative; } .popular-post .section-header .container::before { content: ""; background-image: url("./images/flower-1.png"); background-repeat: no-repeat; background-size: contain; position: absolute; right: 30%; bottom: -60%; height: 271px; width: 127px; } .popular-post .popular-post-wrapper .inner-post-wrapper .container { max-width: 100%; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .owl-carousel .owl-dots { margin-top: 30px; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item { background-color: var(--background-color); padding: 16px 16px 54px 16px; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item .post-image { margin-top: 0; margin-bottom: 32px; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item .post-detail { text-align: center; padding: 0 20px; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item .post-detail .post-title { font-size: 1.4444444444em; line-height: 1.4; margin-bottom: 0; margin-top: 16px; margin-bottom: 0px; font-weight: normal; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item .post-detail .post-title a { color: var(--font-color); text-decoration: none; } .popular-post .popular-post-wrapper .inner-post-wrapper .container .post-grid .post-item .post-detail .post-title a:hover { color: var(--secondary-color); } .newsletter-section { background-image: url(./images/newslettersection-bg.png); background-repeat: no-repeat; padding: 60px 0; } @media screen and (min-width: 768px) { .newsletter-section { padding: 120px 0; } } .newsletter-section .newsletter-section-grid { display: flex; flex-direction: column-reverse; max-width: 700px; margin: 0 auto; grid-gap: 0; } .newsletter-section .newsletter-section-grid .grid-item { padding: 0; flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 1024px) { .newsletter-section .newsletter-section-grid { flex-direction: row; max-width: unset; margin: 0; grid-gap: 15px; } .newsletter-section .newsletter-section-grid .grid-item { flex: 0 0 50%; max-width: 50%; padding: 0; } } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper { height: 100%; } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .container { text-align: center; padding: 80px 20px; position: relative; } @media screen and (min-width: 768px) { .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .container { padding: 82px 60px; } } @media screen and (min-width: 1024px) { .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .container { padding: 60px 71px; height: 100%; } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .container .container { padding: 0; } } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .container::before { content: ""; background-image: url("./images/news-flower.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; width: 80px; height: 169px; top: -19px; right: -25px; } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .text-holder h3 { position: relative; margin-bottom: 50px; color: inherit; font-style: italic; font-weight: normal; font-size: 2.5em; line-height: 1.333; } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper .text-holder h3::before { content: ""; width: 48px; height: 0; border-bottom: 1px solid var(--secondary-color); position: absolute; bottom: -21px; right: 50%; transform: translateX(50%); } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper form input { height: 60px; } .newsletter-section .newsletter-section-grid .blossomthemes-email-newsletter-wrapper form input[type=submit] { margin-top: 15px; } .instagram-section { text-align: center; position: relative; } .instagram-section .popup-gallery { margin: 0; list-style: none; } .instagram-section .popup-gallery li { list-style: none; } .instagram-section .popup-gallery li a { display: block; width: 100%; } .instagram-section .profile-link { padding: 10px 30px; display: inline-block; position: absolute; top: 50%; transform: translate(50%, -50%); font-size: 0.6111111111em; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 400; text-decoration: none; transition: all 500ms ease; z-index: 3; background-color: rgba(var(--primary-color-rgb), 1); color: var(--font-color); } @media (max-width: 767px) { .instagram-section .profile-link { bottom: -8px; transform: translate(50%, 0); top: unset; } } .instagram-section .profile-link:hover { background-color: var(--secondary-color); color: #fff; } .instagram-section .profile-link .insta-icon { margin-left: 10px; } @media screen and (min-width: 1200px) { .instagram-section.header-instagram .popup-gallery { justify-content: center; } .instagram-section.header-instagram .popup-gallery li { width: 10%; } } .instagram-section.header-instagram .profile-link { display: none; } @media (max-width: 1170px) { .instagram-section.header-instagram { overflow: auto; } .instagram-section.header-instagram .popup-gallery { width: 1170px; flex-wrap: nowrap; } .instagram-section.header-instagram .popup-gallery.photos-2 li, .instagram-section.header-instagram .popup-gallery.photos-3 li, .instagram-section.header-instagram .popup-gallery.photos-4 li, .instagram-section.header-instagram .popup-gallery.photos-5 li, .instagram-section.header-instagram .popup-gallery.photos-6 li, .instagram-section.header-instagram .popup-gallery.photos-7 li, .instagram-section.header-instagram .popup-gallery.photos-8 li, .instagram-section.header-instagram .popup-gallery.photos-9 li, .instagram-section.header-instagram .popup-gallery.photos-10 li { width: 160px; } } .instagram-section.footer-instagram .popup-gallery li a { display: block; width: 100%; } @media (max-width: 767px) { .instagram-section.footer-instagram .popup-gallery.photos-4 li, .instagram-section.footer-instagram .popup-gallery.photos-5 li, .instagram-section.footer-instagram .popup-gallery.photos-6 li, .instagram-section.footer-instagram .popup-gallery.photos-7 li, .instagram-section.footer-instagram .popup-gallery.photos-8 li, .instagram-section.footer-instagram .popup-gallery.photos-9 li, .instagram-section.footer-instagram .popup-gallery.photos-10 li { width: 33.33%; } } @media (max-width: 558px) { .instagram-section.footer-instagram .popup-gallery.photos-4 li, .instagram-section.footer-instagram .popup-gallery.photos-5 li, .instagram-section.footer-instagram .popup-gallery.photos-6 li, .instagram-section.footer-instagram .popup-gallery.photos-7 li, .instagram-section.footer-instagram .popup-gallery.photos-8 li, .instagram-section.footer-instagram .popup-gallery.photos-9 li, .instagram-section.footer-instagram .popup-gallery.photos-10 li { width: 50%; } } /* Posts and pages --------------------------------------------- */ .widget_bttk_pro_recent_post .entry-header .category .tag-title, .widget_bttk_pro_recent_post .entry-header .category .cat-title, .widget_bttk_pro_recent_post .entry-header .cat-links .tag-title, .widget_bttk_pro_recent_post .entry-header .cat-links .cat-title, .widget_bttk_pro_recent_post .entry-header .cat-tags .tag-title, .widget_bttk_pro_recent_post .entry-header .cat-tags .cat-title, .widget_bttk_popular_post .entry-header .category .tag-title, .widget_bttk_popular_post .entry-header .category .cat-title, .widget_bttk_popular_post .entry-header .cat-links .tag-title, .widget_bttk_popular_post .entry-header .cat-links .cat-title, .widget_bttk_popular_post .entry-header .cat-tags .tag-title, .widget_bttk_popular_post .entry-header .cat-tags .cat-title, .related-posts .entry-header .category .tag-title, .related-posts .entry-header .category .cat-title, .related-posts .entry-header .cat-links .tag-title, .related-posts .entry-header .cat-links .cat-title, .related-posts .entry-header .cat-tags .tag-title, .related-posts .entry-header .cat-tags .cat-title, .single-blossom-portfolio .entry-header .category .tag-title, .single-blossom-portfolio .entry-header .category .cat-title, .single-blossom-portfolio .entry-header .cat-links .tag-title, .single-blossom-portfolio .entry-header .cat-links .cat-title, .single-blossom-portfolio .entry-header .cat-tags .tag-title, .single-blossom-portfolio .entry-header .cat-tags .cat-title, .entry-meta .category .tag-title, .entry-meta .category .cat-title, .entry-meta .cat-links .tag-title, .entry-meta .cat-links .cat-title, .entry-meta .cat-tags .tag-title, .entry-meta .cat-tags .cat-title, .entry-footer .category .tag-title, .entry-footer .category .cat-title, .entry-footer .cat-links .tag-title, .entry-footer .cat-links .cat-title, .entry-footer .cat-tags .tag-title, .entry-footer .cat-tags .cat-title { font-size: 0.777em; font-family: var(--secondary-font); margin-left: 15px; } .widget_bttk_pro_recent_post .entry-header .category .tag-title, .widget_bttk_pro_recent_post .entry-header .cat-links .tag-title, .widget_bttk_pro_recent_post .entry-header .cat-tags .tag-title, .widget_bttk_popular_post .entry-header .category .tag-title, .widget_bttk_popular_post .entry-header .cat-links .tag-title, .widget_bttk_popular_post .entry-header .cat-tags .tag-title, .related-posts .entry-header .category .tag-title, .related-posts .entry-header .cat-links .tag-title, .related-posts .entry-header .cat-tags .tag-title, .single-blossom-portfolio .entry-header .category .tag-title, .single-blossom-portfolio .entry-header .cat-links .tag-title, .single-blossom-portfolio .entry-header .cat-tags .tag-title, .entry-meta .category .tag-title, .entry-meta .cat-links .tag-title, .entry-meta .cat-tags .tag-title, .entry-footer .category .tag-title, .entry-footer .cat-links .tag-title, .entry-footer .cat-tags .tag-title { font-family: var(--primary-font); text-transform: uppercase; letter-spacing: 0.2px; } .widget_bttk_pro_recent_post .entry-header .category a, .widget_bttk_pro_recent_post .entry-header .cat-links a, .widget_bttk_pro_recent_post .entry-header .cat-tags a, .widget_bttk_popular_post .entry-header .category a, .widget_bttk_popular_post .entry-header .cat-links a, .widget_bttk_popular_post .entry-header .cat-tags a, .related-posts .entry-header .category a, .related-posts .entry-header .cat-links a, .related-posts .entry-header .cat-tags a, .single-blossom-portfolio .entry-header .category a, .single-blossom-portfolio .entry-header .cat-links a, .single-blossom-portfolio .entry-header .cat-tags a, .entry-meta .category a, .entry-meta .cat-links a, .entry-meta .cat-tags a, .entry-footer .category a, .entry-footer .cat-links a, .entry-footer .cat-tags a { display: inline-block; font-family: var(--secondary-font); font-style: italic; font-size: 0.777em; position: relative; text-decoration: none; color: var(--font-color); padding: 5px 19px 5px 19px; background-color: rgba(var(--secondary-color-rgb), 0.05); transition: all 0.234s ease-in-out; } .widget_bttk_pro_recent_post .entry-header .category a::before, .widget_bttk_pro_recent_post .entry-header .cat-links a::before, .widget_bttk_pro_recent_post .entry-header .cat-tags a::before, .widget_bttk_popular_post .entry-header .category a::before, .widget_bttk_popular_post .entry-header .cat-links a::before, .widget_bttk_popular_post .entry-header .cat-tags a::before, .related-posts .entry-header .category a::before, .related-posts .entry-header .cat-links a::before, .related-posts .entry-header .cat-tags a::before, .single-blossom-portfolio .entry-header .category a::before, .single-blossom-portfolio .entry-header .cat-links a::before, .single-blossom-portfolio .entry-header .cat-tags a::before, .entry-meta .category a::before, .entry-meta .cat-links a::before, .entry-meta .cat-tags a::before, .entry-footer .category a::before, .entry-footer .cat-links a::before, .entry-footer .cat-tags a::before { content: ""; position: absolute; top: 106%; border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.05); right: 0; width: 100%; } .widget_bttk_pro_recent_post .entry-header .category a:hover, .widget_bttk_pro_recent_post .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post .entry-header .cat-tags a:hover, .widget_bttk_popular_post .entry-header .category a:hover, .widget_bttk_popular_post .entry-header .cat-links a:hover, .widget_bttk_popular_post .entry-header .cat-tags a:hover, .related-posts .entry-header .category a:hover, .related-posts .entry-header .cat-links a:hover, .related-posts .entry-header .cat-tags a:hover, .single-blossom-portfolio .entry-header .category a:hover, .single-blossom-portfolio .entry-header .cat-links a:hover, .single-blossom-portfolio .entry-header .cat-tags a:hover, .entry-meta .category a:hover, .entry-meta .cat-links a:hover, .entry-meta .cat-tags a:hover, .entry-footer .category a:hover, .entry-footer .cat-links a:hover, .entry-footer .cat-tags a:hover { color: var(--white-color); background-color: rgba(var(--secondary-color-rgb), 1); } .widget_bttk_pro_recent_post .entry-header .category a:hover::before, .widget_bttk_pro_recent_post .entry-header .cat-links a:hover::before, .widget_bttk_pro_recent_post .entry-header .cat-tags a:hover::before, .widget_bttk_popular_post .entry-header .category a:hover::before, .widget_bttk_popular_post .entry-header .cat-links a:hover::before, .widget_bttk_popular_post .entry-header .cat-tags a:hover::before, .related-posts .entry-header .category a:hover::before, .related-posts .entry-header .cat-links a:hover::before, .related-posts .entry-header .cat-tags a:hover::before, .single-blossom-portfolio .entry-header .category a:hover::before, .single-blossom-portfolio .entry-header .cat-links a:hover::before, .single-blossom-portfolio .entry-header .cat-tags a:hover::before, .entry-meta .category a:hover::before, .entry-meta .cat-links a:hover::before, .entry-meta .cat-tags a:hover::before, .entry-footer .category a:hover::before, .entry-footer .cat-links a:hover::before, .entry-footer .cat-tags a:hover::before { border-bottom: 1px solid var(--secondary-color); } .widget_bttk_pro_recent_post .entry-header .category a+a, .widget_bttk_pro_recent_post .entry-header .cat-links a+a, .widget_bttk_pro_recent_post .entry-header .cat-tags a+a, .widget_bttk_popular_post .entry-header .category a+a, .widget_bttk_popular_post .entry-header .cat-links a+a, .widget_bttk_popular_post .entry-header .cat-tags a+a, .related-posts .entry-header .category a+a, .related-posts .entry-header .cat-links a+a, .related-posts .entry-header .cat-tags a+a, .single-blossom-portfolio .entry-header .category a+a, .single-blossom-portfolio .entry-header .cat-links a+a, .single-blossom-portfolio .entry-header .cat-tags a+a, .entry-meta .category a+a, .entry-meta .cat-links a+a, .entry-meta .cat-tags a+a, .entry-footer .category a+a, .entry-footer .cat-links a+a, .entry-footer .cat-tags a+a { margin-right: 10px; } .widget_bttk_pro_recent_post .entry-header .posted-on, .widget_bttk_popular_post .entry-header .posted-on, .related-posts .entry-header .posted-on, .single-blossom-portfolio .entry-header .posted-on, .entry-meta .posted-on, .entry-footer .posted-on { font-size: 1em; color: rgba(var(--font-color-rgb), 0.9); font-family: var(--secondary-font); position: relative; padding-right: 15px; } .widget_bttk_pro_recent_post .entry-header .posted-on::before, .widget_bttk_popular_post .entry-header .posted-on::before, .related-posts .entry-header .posted-on::before, .single-blossom-portfolio .entry-header .posted-on::before, .entry-meta .posted-on::before, .entry-footer .posted-on::before { content: ""; position: absolute; top: 9.5px; right: 0; width: 4px; height: 4px; background-color: var(--secondary-color); transform: rotate(-45deg); } .widget_bttk_pro_recent_post .entry-header .posted-on a, .widget_bttk_popular_post .entry-header .posted-on a, .related-posts .entry-header .posted-on a, .single-blossom-portfolio .entry-header .posted-on a, .entry-meta .posted-on a, .entry-footer .posted-on a { font-size: inherit; text-decoration: none; position: relative; color: rgba(var(--font-color-rgb), 0.9); font-family: inherit; } .widget_bttk_pro_recent_post .entry-header .posted-on:hover a, .widget_bttk_popular_post .entry-header .posted-on:hover a, .related-posts .entry-header .posted-on:hover a, .single-blossom-portfolio .entry-header .posted-on:hover a, .entry-meta .posted-on:hover a, .entry-footer .posted-on:hover a { color: var(--primary-color); } .widget_bttk_pro_recent_post .entry-header .posted-on:hover::before, .widget_bttk_popular_post .entry-header .posted-on:hover::before, .related-posts .entry-header .posted-on:hover::before, .single-blossom-portfolio .entry-header .posted-on:hover::before, .entry-meta .posted-on:hover::before, .entry-footer .posted-on:hover::before { background-color: var(--primary-color); } .entry-meta .cat-links a+a { margin-right: 10px; } .post-read-time { font-family: var(--secondary-font); font-size: 1em; color: rgba(var(--font-color-rgb), 0.9); } .like-text-wrap .favourite { display: flex; align-items: center; } .like-text-wrap .favourite span { display: inline-block; font-family: var(--secondary-font); font-style: italic; } .like-text-wrap .favourite>a, .like-text-wrap .favourite .liked-icon { display: flex; align-items: center; } .like-text-wrap .favourite .like-text { font-size: 0.7777777778em; text-transform: uppercase; font-style: italic; color: rgba(var(--font-color-rgb), 0.9); } .like-text-wrap .favourite svg.svg-inline--fa { fill: #ef203a; width: 14px; margin: 0 12px; } .like-text-wrap .favourite svg.svg-inline--fa path { fill: #ef203a; } .like-text-wrap .favourite svg.svg-inline--fa.fa-heart { cursor: pointer; } .like-text-wrap .favourite .fav-count { background: rgba(var(--primary-color-rgb), 0.25); font-size: 0.7777777778em; color: rgba(var(--font-color-rgb), 0.7); padding: 3px 11px; font-weight: 600; font-style: normal; position: relative; } .like-text-wrap .favourite .fav-count::before { right: -5px; transform: rotate(-180deg); } span+.post-read-time { margin-right: 17px; padding-right: 17px; position: relative; } span+.post-read-time::before { content: ""; width: 6px; height: 6px; background: var(--secondary-color); position: absolute; top: 7px; right: 0; transform: rotate(-45deg); } .post { margin-bottom: 80px; } .post:last-child { margin-bottom: 0; } .post .entry-meta .cat-links a { letter-spacing: 0.2px; } .post .post-thumbnail { margin-top: 0; margin-bottom: 40px; } .post .entry-meta { display: flex; align-items: center; flex-wrap: wrap; grid-row-gap: 5px; } .post .entry-meta img.avatar { width: 30px; height: 30px; border-radius: 100px; } .post .entry-meta .byline { margin-right: 12px; font-size: 1em; font-weight: normal; color: rgba(var(--font-color-rgb), 0.9); font-family: var(--secondary-font); } .post .entry-meta .byline .fn { font-weight: inherit; font-size: inherit; color: rgba(var(--font-color-rgb), 0.9); font-family: inherit; text-transform: capitalize; } .post .entry-meta .byline .fn:hover { color: var(--primary-color); } .post .entry-meta .posted-on { margin-right: 15px; } .post .entry-meta .posted-on a { margin-right: 7px; } .post .content-wrap { position: relative; } .post .content-wrap .entry-header .entry-title { font-size: 1.6666666667em; line-height: 1.4; margin-bottom: 0; margin-top: 20px; margin-bottom: 15px; font-weight: 400; } .post .content-wrap .entry-header .entry-title a { color: rgba(var(--font-color-rgb), 0.9); } .post .content-wrap .entry-header .entry-title a:hover { color: var(--secondary-color); } .post .content-wrap .entry-content { margin-bottom: 0; } .post .content-wrap .entry-content p:last-child { margin-bottom: 0; } .post .entry-footer { margin-top: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .post .entry-footer .btn-link { color: var(--secondary-color); background: none; padding: 0; } .post .entry-footer .btn-link::before { left: -22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-216.737 -1581.109)'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } .post .entry-footer .button-wrap { width: 100%; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.1); } .post .post-share { display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 20px; } .post .post-share .social-networks { grid-gap: 20px; flex-direction: row; } .post .post-share .post-share-title { display: inline-flex; } .post .post-share .post-share-title svg { fill: #001a1a; } .post .post-share .post-share-title svg:hover { fill: var(--primary-color); } .post .post-share .post-share-title .share-text { display: none; } .post .edit-link { width: 100%; } /* Search and Archive heading --------------------------------------------- */ .page-header__content-wrapper { margin-bottom: 60px; } .page-header__content-wrapper .sub-title { display: inline-block; font-size: 1.1em; margin-bottom: 26px; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 1); } .page-header__content-wrapper .search-form { margin-bottom: 50px; background-color: rgba(var(--primary-color-rgb), 0.1); padding: 30px; position: relative; } .page-header__content-wrapper .search-form .search-field { font-size: 1.111em; padding: 22px 30px 22px 60px; height: 70px; } .page-header__content-wrapper .search-form .search-submit { width: 70px; background-size: 26.16px; background-color: unset; 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='%23001A1ACC'/%3E%3C/svg%3E%0A"); position: absolute; left: 29px; top: 50%; transform: translateY(-50%); } .page-header__content-wrapper .search-form .search-submit: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='%23F2CAB3'/%3E%3C/svg%3E%0A"); } .page-header__content-wrapper .page-title { margin: 0; } .page-header__content-wrapper .section-desc { margin-top: 37px; } .page-header__content-wrapper .section-desc p:last-child { margin-bottom: 0; } .page-header__content-wrapper .result-count { font-size: 1em; color: rgba(var(--font-color-rgb), 1); padding-bottom: 20px; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.12); } /* Search page --------------------------------------------- */ body.search .page-header__content-wrapper .page-title { display: inline-block; font-size: 1.1em; margin-bottom: 26px; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 1); font-weight: normal; font-style: normal; } body.search .page-header__content-wrapper .page-title::before { content: none; } /* inner page spacing --------------------------------------------- */ body.search .site-content .page-header, body.archive .site-content .page-header { position: relative; } /* Search and Archive --------------------------------------------- */ .search.search-results.category .page-header__content-wrapper .page-title, .archive.category .page-header__content-wrapper .page-title { margin-bottom: 37px; display: block; background-color: rgba(var(--primary-color-rgb), 0.1); padding: 35px 20px; text-align: center; font-style: normal; } .search.search-results.category .page-header__content-wrapper .page-title::before, .search.search-results.category .page-header__content-wrapper .page-title::after, .archive.category .page-header__content-wrapper .page-title::before, .archive.category .page-header__content-wrapper .page-title::after { content: none; } .search.search-results.author .author-content, .archive.author .author-content { margin-bottom: 37px; } .search.search-results .content-area .site-main .post, .archive .content-area .site-main .post { max-width: 755px; margin-right: 0; } .search.search-results.full-width:not(.masonry-layout) .content-area .page-header__content-wrapper, .search.search-results.full-width:not(.masonry-layout) .content-area .site-main .post, .archive.full-width:not(.masonry-layout) .content-area .page-header__content-wrapper, .archive.full-width:not(.masonry-layout) .content-area .site-main .post { max-width: 755px; margin-right: auto; margin-left: auto; } .search.search-results.masonry-layout .page-grid .content-area .site-main, .archive.masonry-layout .page-grid .content-area .site-main { margin-top: 60px; } /* Author section --------------------------------------------- */ .author-section .inner-author-section { border: 1px solid rgba(var(--primary-color-rgb), 0.2); border-top: 5px solid rgba(var(--primary-color-rgb), 0.2); padding: 45px 40px; } .author-section .author-section-title { display: inline-block; font-size: 1.1em; margin-bottom: 26px; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 1); font-weight: normal; } .author-section .result-count { margin-top: 50px; display: inline-block; } .author-section .author-img-title-wrap { display: flex; flex-direction: column; grid-gap: 20px; align-items: center; margin-bottom: 35px; text-align: center; } @media screen and (min-width: 576px) { .author-section .author-img-title-wrap { flex-direction: row; flex-wrap: wrap; text-align: right; } } .author-section .author-img-title-wrap .author-img { margin: 0; } .author-section .author-img-title-wrap .author-img img { width: 110px; height: 110px; object-fit: cover; border-radius: 100px; } .author-section .author-img-title-wrap .author-title-wrap .author-name { font-size: 1.3333333333em; line-height: 1.75; font-weight: 500; margin-bottom: 15px; } .author-section .author-img-title-wrap .author-title-wrap .social-list { justify-content: center; grid-gap: 25px; flex-wrap: wrap; } @media screen and (min-width: 576px) { .author-section .author-img-title-wrap .author-title-wrap .social-list { justify-content: flex-start; } } .author-section .author-content p:last-child { margin-bottom: 0; } /* Error 404 --------------------------------------------- */ .error-404 .error404-grid { display: flex; flex-direction: column; } @media screen and (min-width: 992px) { .error-404 .error404-grid { flex-direction: row; align-items: flex-end; } .error-404 .error404-grid .error-img { flex: 0 0 42.8%; } } .error-404 .error-404-content-wrapper { background: rgba(var(--primary-color-rgb), 0.05); padding: 20px; position: relative; z-index: 1; margin-top: 40px; } .error-404 .error-404-content-wrapper .error-img { margin: 0; text-align: center; } @media screen and (min-width: 992px) { .error-404 .error-404-content-wrapper .error-img { text-align: right; } } .error-404 .error-404-content-wrapper .page-content { text-align: center; padding: 65px 20px 0; margin: 0; } @media screen and (min-width: 992px) { .error-404 .error-404-content-wrapper .page-content { padding: 35px 90px 0 90px; } .error-404 .error-404-content-wrapper .page-content .wc-btn { font-size: 0.844em; } } .error-404 .error-404-content-wrapper .page-content .error404-text { color: var(--secondary-color); font-size: 0.8333333333em; letter-spacing: 0.2em; text-transform: uppercase; display: block; } .error-404 .error-404-content-wrapper .page-content .page-title { font-size: 3.3333333333em; line-height: 1.3; font-weight: 500; font-style: normal; } .error-404 .error-404-content-wrapper .page-content .page-title::before, .error-404 .error-404-content-wrapper .page-content .page-title::after { content: none; } .error-404 .error-404-content-wrapper .page-content .page-title { margin-bottom: 20px; } .error-404 .error-404-content-wrapper .error-404-search { margin-top: 86px; } .error-404 .error-404-content-wrapper .error-404-search .search-form { margin-bottom: 0px; background-color: rgba(var(--primary-color-rgb), 0.2); padding: 30px 16px; position: relative; } @media screen and (min-width: 576px) { .error-404 .error-404-content-wrapper .error-404-search .search-form { padding: 30px; } } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-field { font-size: 1.111em; padding: 22px 30px 22px 60px; height: 70px; } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-field::placeholder { color: rgba(var(--font-color-rgb), 0.4); } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-submit { width: 70px; background-size: 26.16px; background-color: unset; 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='%23001A1ACC'/%3E%3C/svg%3E%0A"); position: absolute; left: 29px; top: 50%; transform: translateY(-50%); } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-submit: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='%23F2CAB3'/%3E%3C/svg%3E%0A"); } /*========================================== portfolio template page ==========================================*/ .portfolio-holder .portfolio-item .portfolio-cat a, .portfolio-holder .portfolio-item .portfolio-img-title a, .related-portfolio .portfolio-item .portfolio-cat a, .related-portfolio .portfolio-item .portfolio-img-title a { transition: all 0.2s ease-in-out; } .portfolio-holder .portfolio-item .portfolio-cat a:hover, .portfolio-holder .portfolio-item .portfolio-img-title a:hover, .related-portfolio .portfolio-item .portfolio-cat a:hover, .related-portfolio .portfolio-item .portfolio-img-title a:hover { color: var(--primary-color); } .page-template-blossom-portfolio .portfolio-holder { margin-top: 60px; margin-bottom: 80px; } .page-template-blossom-portfolio .portfolio-sorting .button { background-color: unset !important; } .page-template-blossom-portfolio .portfolio-sorting .button:hover { color: var(--primary-color) !important; } .page-template-blossom-portfolio .portfolio-sorting .button.is-checked { color: var(--primary-color) !important; } .single-blossom-portfolio .page-header .breadcrumb-wrapper { position: relative; } .single-blossom-portfolio .related-portfolio-title { font-size: 1.945em; font-family: var(--secondary-font); } .single-blossom-portfolio .portfolio-holder { margin-top: 20px; margin-bottom: 60px; } .single-blossom-portfolio .portfolio-holder .entry-header .entry-title { font-size: 2.222em; color: var(--font-color); } .single-blossom-portfolio .portfolio-holder .entry-content { color: var(--font-color); } .single-blossom-portfolio .portfolio-holder .entry-header, .single-blossom-portfolio .portfolio-holder .entry-content { margin-right: auto; margin-left: auto; max-width: 100%; } .single-blossom-portfolio .portfolio-holder .portfolio-item .portfolio-cat a:hover, .single-blossom-portfolio .portfolio-holder .portfolio-item .portfolio-img-title a:hover { color: var(--primary-color); } .single-blossom-portfolio .site-content>.container { margin-bottom: 75px; } /*========================================== portfolio template page ==========================================*/ /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* ================================================== comment /custom code ================================================== */ .comments-area { margin: 80px auto 0; position: relative; padding: 60px 15px 0; border-top: 4px solid rgba(var(--primary-color-rgb), 0.1); background: var(--white-color); } @media screen and (min-width: 768px) { .comments-area { padding: 60px 45px; border: 1px solid rgba(var(--primary-color-rgb), 0.1); } } .comments-area .comments-title { font-size: 1.2222222222em; margin-bottom: 45px; font-weight: 500; } .comments-area .comment-list-wrapper { margin-bottom: 40px; } .comments-area .comment-list { margin-bottom: 0; } .comments-area .comment-list, .comments-area ol { list-style: none; margin-right: 0; } .comments-area .comment-list .comment .children, .comments-area ol .comment .children { margin-right: 68px; } .comments-area .comment-list .comment .comment-body, .comments-area ol .comment .comment-body { border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); padding-bottom: 30px; padding-top: 30px; position: relative; padding-right: 68px; } .comments-area .comment-list .comment .comment-body .comment-meta, .comments-area ol .comment .comment-body .comment-meta { margin-bottom: 10px; } .comments-area .comment-list .comment .comment-body .comment-meta a, .comments-area ol .comment .comment-body .comment-meta a { text-decoration: none; } .comments-area .comment-list .comment .comment-body .comment-meta .comment-author img, .comments-area ol .comment .comment-body .comment-meta .comment-author img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: rgba(var(--primary-color-rgb), 0.23); position: absolute; top: 43px; right: 0; } .comments-area .comment-list .comment .comment-body .text-holder .fn a, .comments-area ol .comment .comment-body .text-holder .fn a { font-size: 1.1em; color: rgba(var(--font-color-rgb), 0.9); font-family: var(--secondary-font); font-weight: 500; } .comments-area .comment-list .comment .comment-body .text-holder .says, .comments-area ol .comment .comment-body .text-holder .says { display: none; } .comments-area .comment-list .comment .comment-body .text-holder .comment-metadata, .comments-area ol .comment .comment-body .text-holder .comment-metadata { font-size: 1em; line-height: 1; font-family: var(--secondary-font); } .comments-area .comment-list .comment .comment-body .text-holder .comment-metadata a, .comments-area ol .comment .comment-body .text-holder .comment-metadata a { color: rgba(var(--font-color-rgb), 0.9); } .comments-area .comment-list .comment .comment-body .comment-awaiting-moderation, .comments-area ol .comment .comment-body .comment-awaiting-moderation { color: red; font-size: 0.7777777778em; margin-bottom: 0; } .comments-area .comment-list .comment .comment-body .comment-content, .comments-area ol .comment .comment-body .comment-content { margin-top: 20px; margin-bottom: 10px; } .comments-area .comment-list .comment .comment-body .comment-content p:last-child, .comments-area ol .comment .comment-body .comment-content p:last-child { margin-bottom: 0; } .comments-area .comment-list .comment .comment-body .reply .comment-reply-link, .comments-area ol .comment .comment-body .reply .comment-reply-link { color: var(--secondary-color); font-size: 0.777em; padding-left: 24px; text-transform: uppercase; position: relative; transition: all 0.235s ease-in-out; } .comments-area .comment-list .comment .comment-body .reply .comment-reply-link::before, .comments-area ol .comment .comment-body .reply .comment-reply-link::before { content: ""; width: 12.82px; height: 12.83px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(230.936 0.854)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(-217.453 12.709) rotate(-135)' fill='none' stroke='%2301bfbf' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,10.194,5.1,5.1,0,0' transform='translate(-226.479 10.812) rotate(-135)' fill='none' stroke='%2301bfbf' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E "); background-size: 100%; background-repeat: no-repeat; position: absolute; left: 0px; top: 0; transform: rotate(90deg); transition: all 0.235s ease-in-out; } .comments-area .comment-list .comment .comment-body .reply .comment-reply-link:hover, .comments-area ol .comment .comment-body .reply .comment-reply-link:hover { color: var(--primary-color); } .comments-area .comment-list .comment .comment-body .reply .comment-reply-link:hover::before, .comments-area ol .comment .comment-body .reply .comment-reply-link:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(230.936 0.854)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(-217.453 12.709) rotate(-135)' fill='none' stroke='%23F2CAB3' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,10.194,5.1,5.1,0,0' transform='translate(-226.479 10.812) rotate(-135)' fill='none' stroke='%23F2CAB3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E "); transform: rotate(135deg); } .comments-area .comment-list .comment.bypostauthor>.comment-body .comment-meta .comment-author::after, .comments-area ol .comment.bypostauthor>.comment-body .comment-meta .comment-author::after { content: ""; width: 18px; height: 18px; background-image: url('data:image/svg+xml; utf-8, '); background-size: 100%; position: absolute; top: 32px; right: 36px; } .comments-area .comment-list .alt.bypostauthor>.comment-body .comment-meta .comment-author::after, .comments-area .comment-list .children .bypostauthor>.comment-body .comment-meta .comment-author::after, .comments-area ol .alt.bypostauthor>.comment-body .comment-meta .comment-author::after, .comments-area ol .children .bypostauthor>.comment-body .comment-meta .comment-author::after { top: 73px; } .comments-area .comment-list:not(.children)>.comment:first-child>.comment-body, .comments-area ol:not(.children)>.comment:first-child>.comment-body { padding-top: 0; border-top: none; } .comments-area .comment-list:not(.children)>.comment:first-child>.comment-body .comment-meta .comment-author img, .comments-area ol:not(.children)>.comment:first-child>.comment-body .comment-meta .comment-author img { top: 0; } .comments-area .comment-respond { background: rgba(var(--primary-color-rgb), 0.2); position: relative; z-index: 1; padding: 60px 20px; } @media screen and (min-width: 576px) { .comments-area .comment-respond { padding: 45px; } } .comments-area .comment-respond a { color: var(--secondary-color); } .comments-area .comment-respond a:hover { text-decoration: underline; } .comments-area .comment-respond .comment-reply-title { font-size: 1.2222222222em; } .comments-area .comment-respond .comment-reply-title a { margin-right: 10px; font-weight: 400; } .comments-area .comment-respond form { display: flex; flex-direction: column; grid-gap: 20px; } .comments-area .comment-respond form p { margin: 0; } .comments-area .comment-respond form input, .comments-area .comment-respond form textarea { margin-bottom: 0; } .comments-area .comment-respond form label { display: none; } .comments-area .comment-respond form .comment-form-cookies-consent { display: flex; grid-gap: 10px; margin-bottom: 10px; } .comments-area .comment-respond form .comment-form-cookies-consent label { display: inline-block; font-size: 0.7777777778em; line-height: 1.25em; } .comments-area .comment-respond form .submit, .comments-area .comment-respond form input[type=submit] { outline: none; background: var(--secondary-color); color: var(--white-color); width: 100%; } .comments-area .comment-respond form .submit:hover, .comments-area .comment-respond form input[type=submit]:hover { background: var(--primary-color); color: var(--white-color); } /* ================================================== Comment ================================================== */ /* pagination --------------------------------------------- */ nav.post-navigation { margin: 45px auto 0 auto; } nav.post-navigation.pagination { border: 0; padding: 0; } nav.post-navigation .nav-links { display: flex; flex-direction: column; grid-row-gap: 45px; width: 100%; } @media screen and (min-width: 768px) { nav.post-navigation .nav-links { flex-direction: row; } } nav.post-navigation .nav-next { text-align: start; } nav.post-navigation .entry-meta a { display: inline-block; font-family: var(--secondary-font); font-style: italic; font-size: 0.777em; position: relative; text-decoration: none; color: var(--font-color); padding: 5px 19px 5px 19px; background-color: rgba(var(--secondary-color-rgb), 0.05); transition: all 0.234s ease-in-out; margin: 4px; } nav.post-navigation .entry-meta a:first-child { margin-right: 0; } nav.post-navigation .entry-meta a::before { content: ""; position: absolute; top: 106%; border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.05); right: 0; width: 100%; } nav.post-navigation .entry-meta a:hover { color: var(--white-color); background-color: rgba(var(--secondary-color-rgb), 1); } nav.post-navigation .entry-meta a:hover::before { border-bottom: 1px solid var(--secondary-color); } nav.post-navigation .post { margin-bottom: 30px; } nav.post-navigation .post .entry-header .entry-title { font-size: 1.4444444444em; font-weight: normal; margin-bottom: 0; } nav.post-navigation .post .post-thumbnail { margin-bottom: 22px; } nav.post-navigation .meta-nav { font-family: var(--primary-font); font-size: 0.777em; line-height: 1.1; text-transform: uppercase; display: inline-block; color: var(--secondary-color); text-decoration: none; position: relative; letter-spacing: 1.08px; padding-right: 24px; transition: all 0.235s ease-in-out; } nav.post-navigation .meta-nav::before { content: ""; width: 12.82px; height: 12.83px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(230.936 0.854)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(-217.453 12.709) rotate(-135)' fill='none' stroke='%2301bfbf' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,10.194,5.1,5.1,0,0' transform='translate(-226.479 10.812) rotate(-135)' fill='none' stroke='%2301bfbf' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E "); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 0px; top: 0; transition: all 0.235s ease-in-out; } nav.post-navigation .meta-nav:hover { color: var(--primary-color); } nav.post-navigation .meta-nav:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.19' height='14.27' viewBox='0 0 14.19 14.27'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(230.936 0.854)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(-217.453 12.709) rotate(-135)' fill='none' stroke='%23F2CAB3' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,10.194,5.1,5.1,0,0' transform='translate(-226.479 10.812) rotate(-135)' fill='none' stroke='%23F2CAB3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E "); } nav.post-navigation a { text-decoration: none; color: var(--font-color); } nav.post-navigation a:hover { color: var(--primary-color); } @media screen and (min-width: 768px) { nav.post-navigation .nav-next { max-width: 350px; margin-right: auto; padding-right: 15px; } } nav.post-navigation .nav-next .meta-nav { padding-right: 0; padding-left: 24px; } nav.post-navigation .nav-next .meta-nav::before { right: unset; left: 0px; } @media screen and (min-width: 768px) { nav.post-navigation .nav-previous { padding-left: 15px; max-width: 350px; } } .pagination { margin-top: 50px; display: flex; padding-top: 30px; border-top: 1px solid rgba(var(--secondary-color-rgb), 0.06); } @media (min-width: 767px) { .pagination { margin-top: 80px; } } .pagination .nav-links { display: flex; grid-gap: 1px; } .pagination .nav-links a { color: var(--font-color); } .pagination .nav-links .page-numbers { padding: 15px 17.71px; display: inline-block; height: 45px; background: none; font-family: var(--secondary-font); font-size: 0.8888888889em; line-height: 1; text-decoration: none; transition: all 0.2s ease; } .pagination .nav-links .page-numbers:hover { color: var(--secondary-color); } .pagination .nav-links .page-numbers.current { padding: 15px 17.71px; background: var(--secondary-color); color: var(--white-color); } .pagination .nav-links .page-numbers.prev svg { margin-left: 10px; } .pagination .nav-links .page-numbers.next svg { margin-right: 10px; } .pagination .nav-links .page-numbers.next, .pagination .nav-links .page-numbers.prev { background: none; font-family: var(--primary-font); } .pagination .nav-links .page-numbers.next:hover, .pagination .nav-links .page-numbers.prev:hover { color: var(--secondary-color); } .pagination .nav-links .page-numbers.next:hover svg path, .pagination .nav-links .page-numbers.prev:hover svg path { stroke: var(--secondary-color); } .navigation.pagination .nav-links .prev { position: relative; padding-right: 20px; padding-left:0; } .navigation.pagination .nav-links .prev::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.821' height='11.608' viewBox='0 0 13.821 11.608'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(-960.526 1287.107) rotate(-135)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 50%; transform: translateY(-50%); right: -6px; width: 18px; background-repeat: no-repeat; height: 12px; background-position: center; transition: all 0.2s ease-in-out; } .navigation.pagination .nav-links .prev:hover::before { right: -9px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.956' height='13.496' viewBox='0 0 21.956 13.496'%3E%3Cg id='Group_1417' data-name='Group 1417' transform='translate(742.952 0.612)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M1083.171,244.108h-20.837' transform='translate(-1804.667 -237.962)' fill='none' stroke='%2388b4cf' stroke-linecap='round' stroke-width='1'%3E%3C/path%3E%3Cpath id='Path_2' data-name='Path 2' d='M1093.614,226.065c-.695,2.593-1.669,4.985-6.7,6.143' transform='translate(-1829.267 -226.065)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'%3E%3C/path%3E%3Cpath id='Path_3' data-name='Path 3' d='M1093.614,232.208c-.695-2.593-1.669-4.985-6.7-6.143' transform='translate(-1829.267 -219.937)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .navigation.pagination .nav-links .next { position: relative; padding-left: 20px; } .navigation.pagination .nav-links .next::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.821' height='11.608' viewBox='0 0 13.821 11.608'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(974.347 -1275.499) rotate(45)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 50%; transform: translateY(-50%); left: -6px; width: 18px; background-repeat: no-repeat; height: 12px; background-position: center; transition: all 0.2s ease-in-out; } .navigation.pagination .nav-links .next:hover:after { left: -9px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.821' height='11.608' viewBox='0 0 13.821 11.608'%3E%3Cg id='Group_5482' data-name='Group 5482' transform='translate(974.347 -1275.499) rotate(45)' opacity='0.9'%3E%3Cpath id='Path_26475' data-name='Path 26475' d='M0,0H12.821' transform='translate(217.445 1594.672) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_26476' data-name='Path 26476' d='M0,0,5.1,5.1,0,10.193' transform='translate(219.262 1585.567) rotate(-45)' fill='none' stroke='%2301BFBF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"); } #load-posts { margin-top: 50px; text-align: center; } @media (min-width: 767px) { #load-posts { margin-top: 80px; } } #load-posts a { display: inline-block !important; padding: 21px 30px; background: none; color: var(--font-color); letter-spacing: 1px; border: 0; font-size: 0.8333333333em; line-height: 1em; transition: all ease 0.35s; min-width: 200px; text-align: center; background-color: rgba(var(--primary-color-rgb), 0.5); text-transform: uppercase; } #load-posts a svg { margin-left: 10px; } #load-posts a:hover { background-color: var(--secondary-color); color: var(--white-color); } #load-posts a:hover svg { animation: postloading 1s infinite linear; transform-origin: center; } #load-posts a.disabled:hover { background-color: var(--secondary-color); color: var(--white-color); text-decoration: none; } #load-posts a.disabled:hover svg { animation: unset; } @keyframes postloading { 0% { transform: rotate(0deg); } 100% { transform: rotate(-359deg); } } /* Widgets --------------------------------------------- */ .search-form { display: flex; width: 100%; } .search-form label { flex: 1; } .search-form .search-field { margin: 0; border-color: rgba(var(--primary-color-rgb), 0.2); } .search-form .search-submit { background-color: var(--primary-color); outline: none; border-radius: 0; font-size: 0; padding: 17px 24px; transition: all 0.234s ease-in-out; 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-size: 18px; background-repeat: no-repeat; background-position: center; } .search-form .search-submit: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-size: 18px; background-repeat: no-repeat; background-position: center; } .widget { margin: 0 0 60px; /* author bio widget --------------------------------------------- */ /* Newsletter widget --------------------------------------------- */ /* recent post --------------------------------------------- */ } .widget:last-child { margin-bottom: 0; } .widget.widget_bttk_author_bio .bttk-author-bio-holder { text-align: center; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .image-holder { margin-bottom: 20px; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .image-holder img { width: 190px; height: 190px; object-fit: cover; border-radius: 100px; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .title-holder { display: block; font-size: 1.3334em; font-weight: 500; line-height: 1.75; font-family: var(--secondary-font); margin-bottom: 15px; color: rgba(var(--font-color-rgb), 0.9); } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .text-signature { display: inline-block; max-width: 100%; font-size: 2.23em; line-height: 1.147; transform: rotate(5deg); position: relative; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .text-signature::after { content: ""; width: 100%; height: 43px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138.645' height='25.039' viewBox='0 0 138.645 25.039'%3E%3Cpath id='Path_336' data-name='Path 336' d='M443.439,487.565s138.8-18.617,136.948-9.467' transform='matrix(0.996, -0.087, 0.087, 0.996, -482.596, -422.631)' fill='none' stroke='%23171717' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; bottom: -23px; right: -4px; transform: rotate(-5deg); } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .readmore { display: none; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .author-bio-socicons { margin-top: 30px; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .author-bio-socicons .author-socicons { justify-content: center; grid-gap: 11px; flex-wrap: wrap; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .author-bio-socicons .author-socicons a { width: 40px; height: 40px; border-radius: 50%; font-size: 1em; color: var(--font-color); display: flex; justify-content: center; align-items: center; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .author-bio-socicons .author-socicons a:hover { color: var(--primary-color); } .widget.widget_blossomthemes_email_newsletter_widget .widget-title { display: none; } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper { color: var(--white-color); padding: 45px 15px; position: relative; z-index: 1; text-align: center; } @media screen and (min-width: 768px) { .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper { padding: 55px 40px; } } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder { margin-bottom: 20px; } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2.5em; line-height: 1.333; margin-bottom: 16px; } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper form input[type=submit] { width: 100%; } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap .text { font-size: 0.777em; } .widget.widget_bttk_pro_recent_post ul { list-style: none; margin-right: 0; } .widget.widget_bttk_pro_recent_post ul li { margin-bottom: 35px; } .widget.widget_bttk_pro_recent_post ul li .entry-header .cat-links { margin-bottom: 10px; font-size: 18px; } .widget.widget_bttk_pro_recent_post ul li .entry-header .cat-links a { margin: 4px 3px; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-title { line-height: 24px; letter-spacing: 0.21px; font-weight: 400; font-family: var(--secondary-font); } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-title a { color: var(--font-color) !important; transition: all 0.3s ease-in-out; text-decoration: none; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-title a:hover { color: var(--primary-color) !important; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta { margin-top: 11px; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta a { color: rgba(var(--font-color-rgb), 0.8); font-size: 14px; line-height: 32px; letter-spacing: 0.63; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover { color: var(--primary-color); } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta .posted-on { padding-right: 0; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta .posted-on::before { content: none; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta .posted-on a { padding-right: 0; } .widget.widget_bttk_pro_recent_post ul.style-one li .post-thumbnail { margin-left: 15px; } .widget.widget_bttk_pro_recent_post ul.style-one li .entry-header .entry-meta { margin-top: 4px; } .widget.widget_bttk_pro_recent_post ul.style-three li .entry-header { padding: 13px 15px; } .widget.widget_bttk_pro_recent_post .post { grid-gap: 15px; } .widget.widget_bttk_pro_recent_post .post.horizontal .entry-title { margin-top: 0; } .widget.widget_bttk_pro_recent_post .post-thumbnail { margin: 0; } .widget.widget_bttk_pro_recent_post .entry-header { margin-bottom: 0; } .widget.widget_bttk_pro_recent_post .entry-title { font-size: 1em; line-height: 1.25; font-weight: 600; font-family: var(--secondary-font); letter-spacing: 0; } .widget.widget_media_gallery a { display: inline-block; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul { list-style: none; margin-right: 0; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li { position: relative; height: 120px; background-size: cover; background-position: center; margin-bottom: 57px; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li::after { content: none; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li a { border-radius: 0; padding: 15px; min-width: 246px; position: absolute; bottom: 28px; right: 0; max-width: 100%; width: auto; height: auto; transform: translate(0, 50%); background: var(--white-color); color: var(--font-color); line-height: 24px; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li a .post-count { height: 26px; width: auto; font-size: 0.7777777778em; line-height: 0.78125em; padding: 8px 8px; background: var(--primary-color); border-radius: 0; color: var(--white-color); margin-right: 10px; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li a:hover { color: var(--primary-color); } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-wrap ul li a:hover .post-count { width: auto; background: var(--secondary-color); } .widget.widget_bttk_popular_post ul.style-one .post-thumbnail { width: 105px; height: 65px; } .widget.widget_bttk_popular_post ul.style-one .entry-header .entry-meta { margin-top: 4px; } .widget.widget_bttk_popular_post ul.style-three li .entry-header { padding: 13px 15px; } .widget.widget_bttk_popular_post ul li { margin-bottom: 32px; } .widget.widget_bttk_popular_post ul li:last-child { margin-bottom: 0; } .widget.widget_bttk_popular_post ul li .entry-header .cat-links { margin-bottom: 10px; font-size: 18px; } .widget.widget_bttk_popular_post ul li .entry-header .cat-links a { margin: 4px 3px; } .widget.widget_bttk_popular_post ul li .entry-header .entry-title { font-size: 19px; line-height: 24px; letter-spacing: 0.21px; font-weight: 500; font-family: var(--secondary-font); } .widget.widget_bttk_popular_post ul li .entry-header .entry-title a { color: var(--font-color) !important; transition: all 0.3s ease-in-out; text-decoration: none; } .widget.widget_bttk_popular_post ul li .entry-header .entry-title a:hover { color: var(--primary-color) !important; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta { margin-top: 11px; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta a { color: rgba(var(--font-color-rgb), 0.8); font-size: 14px; line-height: 32px; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta .posted-on { padding-right: 0; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta .posted-on:before { content: none; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta .posted-on a { padding-right: 0; } .widget.widget_product_categories ul, .widget.widget_categories ul, .widget.widget_archive ul { list-style: none; margin: 0; background-color: rgba(var(--primary-color-rgb), 0.1); padding: 30px; } .widget.widget_product_categories ul li, .widget.widget_categories ul li, .widget.widget_archive ul li { display: flex; padding-right: 0; } .widget.widget_product_categories ul li::before, .widget.widget_categories ul li::before, .widget.widget_archive ul li::before { content: none; } .widget.widget_product_categories ul li:not(:last-child), .widget.widget_categories ul li:not(:last-child), .widget.widget_archive ul li:not(:last-child) { margin-bottom: 30px; } .widget.widget_product_categories ul li a, .widget.widget_categories ul li a, .widget.widget_archive ul li a { text-decoration: none; color: var(--font-color); display: block; flex: 1; } .widget.widget_product_categories ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover { color: var(--primary-color); } .widget.widget_product_categories select, .widget.widget_categories select, .widget.widget_archive select { margin-bottom: 0; border: 1px solid rgba(var(--primary-color-rgb), 0.2); } .widget.widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; grid-gap: 12.5px; grid-row-gap: 20px; } .widget.widget_tag_cloud .tagcloud a { display: inline-block; font-size: 0.777em !important; line-height: 1; font-family: var(--secondary-font); color: var(--primary-color); text-transform: uppercase; text-decoration-style: dotted; text-underline-offset: 2px; text-decoration-color: var(--secondary-color); } .widget.widget_tag_cloud .tagcloud a:hover { color: var(--primary-color); } .widget.widget_tag_cloud .tagcloud a:not(:first-child) { padding-right: 12.5px; position: relative; } .widget.widget_tag_cloud .tagcloud a:not(:first-child)::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: var(--secondary-color); position: absolute; top: 50%; right: -1.5px; transform: translateY(-50%); } .widget.widget_bttk_social_links { padding-bottom: px; position: relative; } .widget.widget_bttk_social_links .social-networks { display: flex; grid-gap: 11px; flex-wrap: wrap; } .widget.widget_bttk_social_links .social-networks a { width: 30px; height: 30px; color: var(--font-color); display: flex; justify-content: center; align-items: center; } .widget.widget_bttk_social_links .social-networks a:hover { color: var(--primary-color); } .widget.widget_bttk_posts_category_slider_widget .item { padding: 0; margin: 0; } .widget.widget_bttk_posts_category_slider_widget .item .carousel-title { text-align: center; padding-top: 24px; } @media screen and (min-width: 1200px) { .widget.widget_bttk_posts_category_slider_widget .item .carousel-title { padding-right: 35px; padding-left: 35px; } } .widget.widget_bttk_posts_category_slider_widget .item .carousel-title .title { font-size: 1.111em; line-height: 1.75; font-weight: 500; margin-bottom: 15px; margin-top: 8px; } .widget.widget_bttk_posts_category_slider_widget .item .carousel-title .title a { text-decoration: none; color: rgba(var(--font-color-rgb), 0.9); } .widget.widget_bttk_posts_category_slider_widget .item .carousel-title .title a:hover { color: var(--primary-color); } .widget.widget_bttk_posts_category_slider_widget .item .entry-meta { text-align: center; } .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-prev, .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-next { position: absolute; top: 23%; width: 33px; height: 33px; background-size: 20.65px 4.88px; background-color: transparent; border-color: var(--white-color); background-position: center; } .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-prev:hover, .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-next:hover { background-color: var(--primary-color); } .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-prev { right: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.649' height='4.881' viewBox='0 0 20.649 4.881'%3E%3Cg id='Group_1293' data-name='Group 1293' transform='translate(-0.748 -3.864)'%3E%3Cpath id='Path_24928' data-name='Path 24928' d='M3089.528,1523h17.035' transform='translate(-3085.166 -1516.502)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='path5019' d='M133.249-4.237,137.476-1.8V-6.678Z' transform='translate(-132.501 10.542)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); } .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-nav button.owl-next { left: 10px; background-image: url("data:image/svg+xml,%3Csvg id='Group_1471' data-name='Group 1471' xmlns='http://www.w3.org/2000/svg' width='20.649' height='4.881' viewBox='0 0 20.649 4.881'%3E%3Cpath id='Path_24928' data-name='Path 24928' d='M3106.563,1523h-17.035' transform='translate(-3089.528 -1520.366)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='path5019' d='M137.476-4.237,133.249-1.8V-6.678Z' transform='translate(-116.827 6.678)' fill='%23fff'/%3E%3C/svg%3E%0A"); } .widget.widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots { margin-top: 20px; } .widget.widget_calendar .calendar_wrap { padding: 0 22px 20px; position: relative; background: var(--white-color); border: 1px solid rgba(var(--font-color-rgb), 0.05); overflow: hidden; border-radius: 4px; } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .pad { display: none; } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev, .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next { position: absolute; top: 12px; width: 20px; height: 20px; background-size: 15.75px 11.12px; background-repeat: no-repeat; background-position: center; } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev a, .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a { display: block; width: 100%; height: 100%; font-size: 0; line-height: 0; } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev { right: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.562' height='13.244' viewBox='0 0 17.562 13.244'%3E%3Cg id='Group_762' data-name='Group 762' transform='matrix(-1, 0, 0, 1, 16.812, 1.061)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.465,368.331l5.561,5.561-5.561,5.561' transform='translate(-3280.275 -368.331)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(0 6)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.562' height='13.244' viewBox='0 0 17.562 13.244'%3E%3Cg id='Group_762' data-name='Group 762' transform='matrix(-1, 0, 0, 1, 16.812, 1.061)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.465,368.331l5.561,5.561-5.561,5.561' transform='translate(-3280.275 -368.331)' fill='none' stroke='%2317BE8A' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(0 6)' fill='none' stroke='%2317BE8A' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next { left: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.562' height='13.244' viewBox='0 0 17.562 13.244'%3E%3Cg id='Group_762' data-name='Group 762' transform='translate(0.75 1.061)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.465,368.331l5.561,5.561-5.561,5.561' transform='translate(-3280.275 -368.331)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(0 6)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .widget.widget_calendar .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.562' height='13.244' viewBox='0 0 17.562 13.244'%3E%3Cg id='Group_762' data-name='Group 762' transform='translate(0.75 1.061)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.465,368.331l5.561,5.561-5.561,5.561' transform='translate(-3280.275 -368.331)' fill='none' stroke='%2317BE8A' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(0 6)' fill='none' stroke='%2317BE8A' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .widget.widget_calendar .calendar_wrap table { font-family: var(--secondary-font); text-align: center; border-collapse: collapse; margin: 0; } .widget.widget_calendar .calendar_wrap table caption { font-size: 0.888em; line-height: 1.3; background: rgba(var(--primary-color-rgb), 0.1); padding: 12px; margin: 0 -22px; } .widget.widget_calendar .calendar_wrap table caption, .widget.widget_calendar .calendar_wrap table th, .widget.widget_calendar .calendar_wrap table td { padding: 12px; } .widget.widget_calendar .calendar_wrap table thead tr { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.4); } .widget.widget_calendar .calendar_wrap table thead th { font-size: 0.777em; font-weight: normal; text-transform: uppercase; } .widget.widget_calendar .calendar_wrap table tbody td { font-size: 0.833em; color: rgba(var(--font-color-rgb), 0.2); } .widget.widget_calendar .calendar_wrap table tbody td a, .widget.widget_calendar .calendar_wrap table tbody td span { color: var(--font-color); display: inline-block; width: 25px; height: 25px; line-height: 25px; } .widget.widget_calendar .calendar_wrap table tbody td a:hover { text-decoration: underline; } .widget.widget_calendar .calendar_wrap table tbody td#today span { background: var(--primary-color); border-radius: 5px; text-align: center; } .widget.widget_calendar .calendar_wrap table tbody tr:nth-child(odd) { background-color: unset; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap { list-style: none; margin: 0; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap li { padding-top: 90px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 40px; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap li a { display: inline-block; margin-bottom: -26px; background: var(--white-color); padding: 15px; min-width: 228px; text-decoration: none; font-weight: 500; font-size: 1em; color: var(--font-color); font-family: var(--secondary-font); text-align: center; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap li a:hover { color: var(--primary-color); } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap li a .post-count { display: inline-block; padding: 6px 9px 3px; background: var(--primary-color); color: var(--white-color); font-size: 15px; line-height: 1; font-family: var(--primary-font); margin-right: 10px; transition: all 0.3s ease; } .widget.widget_bttk_custom_categories .blossomthemes-custom-categories-meta-wrap li a:hover .post-count { background: var(--font-color); } .widget.widget_custom_blog_banner { background: rgba(var(--secondary-color-rgb), 0.1); padding: 30px; text-align: center; position: relative; z-index: 1; } @media screen and (min-width: 768px) { .widget.widget_custom_blog_banner { padding: 60px 40px; } } .widget.widget_custom_blog_banner::before { content: ""; width: 370px; height: 245.51px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='370' height='345.508' viewBox='0 0 370 345.508'%3E%3Cg id='Path_24952' data-name='Path 24952' fill='%23ffdf00' opacity='0.04'%3E%3Cpath d='M370,0V345.508H0Z' stroke='none'/%3E%3Cpath d='M 369 2.302032470703125 L 2.536102294921875 344.5077819824219 L 369 344.5077819824219 L 369 2.302032470703125 M 370 0 L 370 345.5077819824219 L 0 345.5077819824219 L 370 0 Z' stroke='none' fill='rgba(136,238,191,0.3)'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; z-index: -1; } @media screen and (min-width: 1200px) { .widget.widget_custom_blog_banner .banner-text-holder { padding: 0 30px; } } .widget.widget_custom_blog_banner .banner-title { font-size: 1.666em; line-height: 1.333; margin-bottom: 20px; } .widget.widget_custom_blog_banner .banner-desc { margin-bottom: 20px; } .widget.widget_custom_blog_banner .button-wrapper .wc-btn { width: 100%; } @media (max-width: 1199px) { .widget.widget_custom_blog_banner .button-wrapper .wc-btn { padding: 17px; } } #secondary, .footer-mid { /* Newsletter widget --------------------------------------------- */ /*========================== WIDGET social Icon ==========================*/ /*========================== WIDGET client logo ==========================*/ /*========================== WIDGET TEAM ==========================*/ /*============================== WIDGET TESTIMONIAL ==============================*/ /*=============================== WIDGET POST CATEGORY SLIDER ===============================*/ /*=================================== feature page ===================================*/ /*=================================== Product list ===================================*/ /*=========================================== Sidebar product search form ==========================================*/ /*================================= Product categories list =================================*/ /*=================================== Widget rating filter ===================================*/ /*=================================== Sidebar layered nav dropdown ===================================*/ /*============================= Sidebar price filter ============================*/ } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul { list-style: none; margin: 0; list-style: none; margin: 0; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li { color: rgba(var(--font-color-rgb), 1); padding-right: 0; list-style: none; margin-bottom: 15px; position: relative; padding-right: 25px; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li:before, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li:before { content: ""; position: absolute; top: 13.5px; right: 0; width: 4px; height: 4px; background-color: var(--primary-color); transform: rotate(-45deg); } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li:last-child, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li:last-child { margin-bottom: 0; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li a, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li a { color: rgba(var(--font-color-rgb), 1); font-size: 18px; display: inline-block; transition: all 0.3s ease; text-decoration: none; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li a:hover, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu) ul li a:hover { color: rgba(var(--primary-color-rgb), 1); } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_btif_instagram_widget ul li a::before, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_btif_instagram_widget ul li a::before { content: none; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories ul li, #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive ul li, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories ul li, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive ul li { padding-right: 0; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories ul li::before, #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive ul li::before, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories ul li::before, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive ul li::before { content: none; } #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories select, #secondary .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive select, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_categories select, .footer-mid .widget:not(.widget_bttk_author_bio, .widget_bttk_popular_post, .widget_bttk_custom_categories, .widget_bttk_pro_recent_post, .widget_btif_instagram_widget, .widget_bttk_image_text_widget, .widget_bttk_description_widget, .widget_top_rated_products, .widget_products, .widget_bttk_social_links, .widget_bttk_contact_social_links, .widget_nav_menu).widget_archive select { width: 100%; } #secondary .widget, .footer-mid .widget { margin: 0 0 60px; } #secondary .widget:last-child, .footer-mid .widget:last-child { margin-bottom: 0; } #secondary .widget .widget-title, .footer-mid .widget .widget-title { margin-bottom: 32px; font-size: 1.3333333333em; line-height: 1; color: rgba(var(--font-color-rgb), 1); position: relative; padding: 0 25px 16px 0; } #secondary .widget .widget-title:before, .footer-mid .widget .widget-title:before { content: ""; position: absolute; top: 10.5px; right: 0; width: 5px; height: 5px; background-color: var(--primary-color); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #secondary .widget .widget-title:after, .footer-mid .widget .widget-title:after { content: ""; position: absolute; right: 0; top: 100%; width: 100%; height: 1px; border-bottom: 1px dashed var(--primary-color); } #secondary .widget_bttk_author_bio .widget-title, .footer-mid .widget_bttk_author_bio .widget-title { padding-right: 0; } #secondary .widget_bttk_author_bio .widget-title:before, #secondary .widget_bttk_author_bio .widget-title:after, .footer-mid .widget_bttk_author_bio .widget-title:before, .footer-mid .widget_bttk_author_bio .widget-title:after { content: none; } #secondary .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper, .footer-mid .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper { color: var(--white-color); padding: 50px 5px; } #secondary .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder h3, .footer-mid .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.3333333333em; line-height: 1.333; margin-bottom: 13px; } #secondary .widget_nav_menu ul, .footer-mid .widget_nav_menu ul { display: flex; flex-wrap: wrap; grid-column-gap: 20px; } #secondary .widget_nav_menu ul li, .footer-mid .widget_nav_menu ul li { display: inline-block; } #secondary .widget_nav_menu ul li .submenu-toggle-btn, .footer-mid .widget_nav_menu ul li .submenu-toggle-btn { display: none; } #secondary .widget_nav_menu ul li a, .footer-mid .widget_nav_menu ul li a { color: rgba(var(--font-color-rgb), 1); font-size: 18px; letter-spacing: 1.42px; display: inline-block; transition: all 0.3s ease; text-decoration: none; } #secondary .widget_nav_menu ul li a:hover, .footer-mid .widget_nav_menu ul li a:hover { color: rgba(var(--primary-color-rgb), 1); } #secondary .widget_nav_menu ul li ul, .footer-mid .widget_nav_menu ul li ul { margin-right: 20px; } #secondary .widget_media_image a, .footer-mid .widget_media_image a { display: block; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list .contact-title, #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list .address-title, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list .contact-title, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list .address-title { font-weight: bold; margin-bottom: 15px; display: inline-block; font-weight: 400; font-family: var(--secondary-font); } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li { list-style: none; margin-bottom: 8px; font-weight: 400; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li a, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li a { color: rgba(var(--font-color-rgb), 1); font-weight: 400; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li a::before, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li a::before { content: none; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li .fa-phone, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li .fa-phone { transform: rotate(-90deg); } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li svg, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li svg { margin-left: 20px; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li svg path, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list li svg path { fill: var(--primary-color); } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list-title, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list-title { display: block; font-weight: bold; margin-bottom: 15px; font-weight: 400; font-family: var(--secondary-font); } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li { margin-bottom: 4px; justify-content: center; grid-gap: 11px; flex-wrap: wrap; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li a, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(var(--primary-color-rgb), 0.2); color: var(--primary-color); display: flex; justify-content: center; align-items: center; } #secondary .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li a:hover, .footer-mid .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks li a:hover { background: var(--primary-color); color: var(--white-color); } #secondary .widget_bttk_social_links .social-networks li, .footer-mid .widget_bttk_social_links .social-networks li { margin-bottom: 4px; } #secondary .widget_bttk_social_links .social-networks li a, .footer-mid .widget_bttk_social_links .social-networks li a { padding-right: 0; background: unset; } #secondary .widget_bttk_social_links .social-networks li a::before, .footer-mid .widget_bttk_social_links .social-networks li a::before { content: none; } #secondary .widget_blossom_client_logo_widget .blossom-iw-holder .blossom-iw-inner-holder .blossom-inner-wrap, .footer-mid .widget_blossom_client_logo_widget .blossom-iw-holder .blossom-iw-inner-holder .blossom-inner-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } #secondary .widget_blossom_client_logo_widget .blossom-iw-holder .blossom-iw-inner-holder .blossom-inner-wrap .image-holder img, .footer-mid .widget_blossom_client_logo_widget .blossom-iw-holder .blossom-iw-inner-holder .blossom-inner-wrap .image-holder img { max-width: 100%; } #secondary .widget_btif_instagram_widget ul, .footer-mid .widget_btif_instagram_widget ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; } #secondary .widget_btif_instagram_widget ul li, .footer-mid .widget_btif_instagram_widget ul li { margin: 0; width: 100%; } #secondary .widget_btif_instagram_widget ul li a, .footer-mid .widget_btif_instagram_widget ul li a { display: block; padding-right: 0; } #secondary .widget_btif_instagram_widget .profile-link, .footer-mid .widget_btif_instagram_widget .profile-link { padding: 10px 30px; max-width: 261px; margin: 0 auto; color: var(--primary-color); border: 1px solid var(--primary-color); display: block; margin-top: 20px; text-decoration: none; text-align: center; } #secondary .widget_btif_instagram_widget .profile-link:hover, .footer-mid .widget_btif_instagram_widget .profile-link:hover { background-color: var(--primary-color); color: #fff; } #secondary .widget_btif_instagram_widget .profile-link .insta-icon, .footer-mid .widget_btif_instagram_widget .profile-link .insta-icon { margin-left: 10px; } #secondary .widget_bttk_author_bio .bttk-author-bio-holder .readmore, .footer-mid .widget_bttk_author_bio .bttk-author-bio-holder .readmore { line-height: 1.3; color: var(--white-color); background: var(--primary-color); display: block; font-size: 0.8888em; letter-spacing: 0.5px; text-decoration: none; padding: 12px 30px; margin-top: 40px; } #secondary .widget_bttk_author_bio .bttk-author-bio-holder .readmore:hover, .footer-mid .widget_bttk_author_bio .bttk-author-bio-holder .readmore:hover { background: var(--secondary-color); } #secondary .widget_bttk_author_bio .bttk-author-bio-holder .author-bio-socicons, .footer-mid .widget_bttk_author_bio .bttk-author-bio-holder .author-bio-socicons { margin-top: 25px; } #secondary .widget_blossomtheme_companion_cta_widget, .footer-mid .widget_blossomtheme_companion_cta_widget { margin: 0 0 60px; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg, .footer-mid .widget_blossomtheme_companion_cta_widget .bttk-cta-bg { padding: 0; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { padding: 40px 20px; text-align: right; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { padding: 0; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title::after, #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title::before, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title::after, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title::before { content: none; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap { display: flex; flex-flow: row wrap; align-items: center; grid-gap: 1em; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2 { color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2:hover, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2:hover { color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-subtitle, #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .text-holder, #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-subtitle, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .text-holder, .footer-mid .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg, .footer-mid .widget_blossomtheme_companion_cta_widget .bttk-cta-bg { padding: 0; position: relative; z-index: 2; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg::before, .footer-mid .widget_blossomtheme_companion_cta_widget .bttk-cta-bg::before { content: ""; position: absolute; background: rgba(var(--black-color-rgb), 0.6); right: 0; left: 0; bottom: 0; top: 0; z-index: -1; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .blossomtheme-cta-container .text-holder, #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .blossomtheme-cta-container .widget-title, .footer-mid .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .blossomtheme-cta-container .text-holder, .footer-mid .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .blossomtheme-cta-container .widget-title { color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container, .footer-mid .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container { padding: 40px 20px; text-align: left; } #secondary .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container .button-wrap, .footer-mid .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container .button-wrap { justify-content: flex-end; } #secondary .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container, .footer-mid .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container { padding: 40px 20px; text-align: center; } #secondary .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container .button-wrap, .footer-mid .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container .button-wrap { justify-content: center; } #secondary .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder, .footer-mid .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder { display: flex; flex-direction: column-reverse; grid-gap: 1.5em; } #secondary .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder .widget-title, .footer-mid .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder .widget-title { margin-bottom: 15px; } #secondary .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder .icon-holder, .footer-mid .widget_bttk_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder .icon-holder { font-size: 3em; color: var(--primary-color); } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li, .footer-mid .widget_bttk_image_text_widget .bttk-itw-holder li { margin-bottom: 42px; list-style: none; } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore, .footer-mid .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore { top: auto; bottom: -19px; min-height: 45px; background: var(--white-color); color: var(--black-color); right: 50%; width: auto; min-width: 62%; max-width: calc(100% - 30px); padding: 7px 20px; text-transform: none; font-style: italic; font-size: 1.11em; transform: translateX(50%); line-height: 1.4em; } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::before, .footer-mid .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::before { content: none; } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore:hover, .footer-mid .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore:hover { background: var(--primary-color); color: var(--white-color); } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::after, .footer-mid .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::after { content: none; } #secondary .widget_blossomthemes_stat_counter_widget .col, .footer-mid .widget_blossomthemes_stat_counter_widget .col { width: 100%; padding: 0; } #secondary .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder, .footer-mid .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder { position: relative; padding-right: 70px; display: flex; flex-direction: column-reverse; } #secondary .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder, .footer-mid .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder { font-size: 3em; position: absolute; top: 5px; right: 0; line-height: 1; color: var(--primary-color); } #secondary .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter, .footer-mid .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter { font-size: 2.6665em; font-weight: 700; line-height: 1; } #secondary .widget_blossomthemes_stat_counter_widget .widget-title, .footer-mid .widget_blossomthemes_stat_counter_widget .widget-title { background: none; padding: 0; font-size: 1.112em; margin-bottom: 0; text-align: right; } #secondary .widget_blossomthemes_stat_counter_widget .widget-title::before, #secondary .widget_blossomthemes_stat_counter_widget .widget-title::after, .footer-mid .widget_blossomthemes_stat_counter_widget .widget-title::before, .footer-mid .widget_blossomthemes_stat_counter_widget .widget-title::after { content: none; } #secondary .widget_blossomthemes_stat_counter_widget .widget-title>span, .footer-mid .widget_blossomthemes_stat_counter_widget .widget-title>span { background: none; padding: 0; } #secondary .widget_bttk_description_widget .bttk-team-holder-modal, .footer-mid .widget_bttk_description_widget .bttk-team-holder-modal { display: none !important; } #secondary .widget_bttk_description_widget .bttk-team-inner-holder, .footer-mid .widget_bttk_description_widget .bttk-team-inner-holder { text-align: center; } #secondary .widget_bttk_description_widget .image-holder, .footer-mid .widget_bttk_description_widget .image-holder { margin-bottom: 30px; } #secondary .widget_bttk_description_widget .name, .footer-mid .widget_bttk_description_widget .name { display: block; font-weight: 700; line-height: 1.5; } #secondary .widget_bttk_description_widget .designation, .footer-mid .widget_bttk_description_widget .designation { display: block; font-size: 0.7778em; color: rgba(var(--black-color-rgb), 0.5); margin-top: 0; } #secondary .widget_bttk_description_widget .description, .footer-mid .widget_bttk_description_widget .description { margin-top: 0; margin-bottom: 20px; } #secondary .widget_bttk_description_widget .description p:last-child, .footer-mid .widget_bttk_description_widget .description p:last-child { margin-bottom: 0; } #secondary .widget_bttk_description_widget .social-profile, .footer-mid .widget_bttk_description_widget .social-profile { margin-top: 20px; display: flex; flex: 1; justify-content: center; grid-gap: 11px; flex-wrap: wrap; list-style: none; } #secondary .widget_bttk_description_widget .social-profile li a, .footer-mid .widget_bttk_description_widget .social-profile li a { width: 30px; height: 30px; color: var(--font-color); display: flex; justify-content: center; align-items: center; } #secondary .widget_bttk_description_widget .social-profile li a:hover, .footer-mid .widget_bttk_description_widget .social-profile li a:hover { color: var(--primary-color); } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder, .footer-mid .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder { display: flex; flex-wrap: wrap; /* align-items: center; */ } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .testimonial-heading, .footer-mid .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .testimonial-heading { margin-bottom: 32px; font-size: 1.111em; line-height: 1; color: rgba(var(--font-color-rgb), 0.9); font-weight: 500; display: inline-block; position: relative; font-family: var(--secondary-font); } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder, .footer-mid .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; order: 1; margin-top: -42px; } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder img, .footer-mid .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder img { width: 100%; height: 100%; object-fit: cover; object-position: top; } #secondary .widget_bttk_testimonial_widget .text-holder, .footer-mid .widget_bttk_testimonial_widget .text-holder { display: flex; flex-direction: column-reverse; } #secondary .widget_bttk_testimonial_widget .testimonial-content, .footer-mid .widget_bttk_testimonial_widget .testimonial-content { font-size: 1em; font-family: var(--secondary-font); margin-bottom: 20px; position: relative; padding-right: 30px; } #secondary .widget_bttk_testimonial_widget .testimonial-content p, .footer-mid .widget_bttk_testimonial_widget .testimonial-content p { margin-top: 0; margin-bottom: 20px; } #secondary .widget_bttk_testimonial_widget .testimonial-content p:last-child::after, #secondary .widget_bttk_testimonial_widget .testimonial-content p:first-child::before, .footer-mid .widget_bttk_testimonial_widget .testimonial-content p:last-child::after, .footer-mid .widget_bttk_testimonial_widget .testimonial-content p:first-child::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 16px; height: 12px; position: absolute; top: 10px; right: 0; } #secondary .widget_bttk_testimonial_widget .testimonial-content p:last-child::after, .footer-mid .widget_bttk_testimonial_widget .testimonial-content p:last-child::after { position: relative; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; vertical-align: 10px; margin-right: 15px; } #secondary .widget_bttk_testimonial_widget .testimonial-meta, .footer-mid .widget_bttk_testimonial_widget .testimonial-meta { padding-right: 0; line-height: 1.3; width: calc(100% - 106px); margin: 0 auto; } #secondary .widget_bttk_testimonial_widget .testimonial-meta .name, .footer-mid .widget_bttk_testimonial_widget .testimonial-meta .name { display: block; font-family: var(--secondary-font); font-size: 1em; font-weight: 600; } #secondary .widget_bttk_testimonial_widget .testimonial-meta .designation, .footer-mid .widget_bttk_testimonial_widget .testimonial-meta .designation { display: block; font-size: 0.9em; font-family: var(--primary-font); letter-spacing: 0.1px; } #secondary .widget_bttk_posts_category_slider_widget .owl-nav button, .footer-mid .widget_bttk_posts_category_slider_widget .owl-nav button { background-repeat: no-repeat !important; } #secondary .widget_bttk_posts_category_slider_widget .owl-nav button::after, .footer-mid .widget_bttk_posts_category_slider_widget .owl-nav button::after { content: none; } #secondary .widget_bttk_posts_category_slider_widget .owl-dot span, .footer-mid .widget_bttk_posts_category_slider_widget .owl-dot span { display: none; } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .cat-links, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .cat-links { margin-bottom: 10px; } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a { font-size: 15px; letter-spacing: 1.42px; line-height: 32px; transition: all 0.3s ease-in-out; padding-right: 20px; position: relative; margin-left: 10px; color: var(--primary-color); } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover { color: var(--primary-color); } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .title, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .title { line-height: 24px; letter-spacing: 0.21px; font-weight: 400; font-family: var(--secondary-font); } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .title a, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .title a { color: var(--font-color) !important; transition: all 0.3s ease-in-out; text-decoration: none; } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover, .footer-mid .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover { color: var(--primary-color) !important; } #secondary .widget_blossomtheme_featured_page_widget .widget-title, .footer-mid .widget_blossomtheme_featured_page_widget .widget-title { padding: 0; } #secondary .widget_blossomtheme_featured_page_widget .widget-title::after, #secondary .widget_blossomtheme_featured_page_widget .widget-title::before, .footer-mid .widget_blossomtheme_featured_page_widget .widget-title::after, .footer-mid .widget_blossomtheme_featured_page_widget .widget-title::before { content: none; } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-alignment, .footer-mid .widget_blossomtheme_featured_page_widget .widget-featured-alignment { position: relative; } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-alignment .about-bg-img, .footer-mid .widget_blossomtheme_featured_page_widget .widget-featured-alignment .about-bg-img { position: absolute; top: -27px; right: 152px; } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-alignment .img-holder, .footer-mid .widget_blossomtheme_featured_page_widget .widget-featured-alignment .img-holder { margin-bottom: 29px; } #secondary .widget_blossomtheme_featured_page_widget .right, .footer-mid .widget_blossomtheme_featured_page_widget .right { text-align: left; } #secondary .widget_blossomtheme_featured_page_widget .right .wp-block-buttons, .footer-mid .widget_blossomtheme_featured_page_widget .right .wp-block-buttons { justify-content: flex-end; } #secondary .widget_blossomtheme_featured_page_widget .centered, .footer-mid .widget_blossomtheme_featured_page_widget .centered { text-align: center; } #secondary .widget_blossomtheme_featured_page_widget .centered .wp-block-buttons, .footer-mid .widget_blossomtheme_featured_page_widget .centered .wp-block-buttons { justify-content: center; } #secondary .widget_blossomtheme_featured_page_widget .featured_page_content, .footer-mid .widget_blossomtheme_featured_page_widget .featured_page_content { margin-top: 20px; } #secondary .woocommerce ul.product_list_widget li img, .footer-mid .woocommerce ul.product_list_widget li img { float: right; width: 75px; margin-right: 0; margin-left: 15px; } #secondary .woocommerce ul.product_list_widget li, .footer-mid .woocommerce ul.product_list_widget li { padding-top: 0; padding-right: 0; margin: 0 0 10px; text-transform: none; font-weight: 400; font-size: 0.8888em; } #secondary .woocommerce ul.product_list_widget li::before, .footer-mid .woocommerce ul.product_list_widget li::before { display: none; } #secondary .woocommerce ul.product_list_widget li a, .footer-mid .woocommerce ul.product_list_widget li a { font-weight: 400; text-decoration: none; } #secondary .woocommerce ul.product_list_widget li .product-title, .footer-mid .woocommerce ul.product_list_widget li .product-title { color: var(--black-color); font-family: var(--primary-font); } #secondary .woocommerce ul.product_list_widget li .product-title:hover, #secondary .woocommerce ul.product_list_widget li .product-title:focus, .footer-mid .woocommerce ul.product_list_widget li .product-title:hover, .footer-mid .woocommerce ul.product_list_widget li .product-title:focus { color: var(--primary-color); } #secondary .woocommerce ul.product_list_widget li .amount, .footer-mid .woocommerce ul.product_list_widget li .amount { font-weight: 500; } #secondary .woocommerce ul.product_list_widget del, .footer-mid .woocommerce ul.product_list_widget del { opacity: 0.4; filter: alpha(opacity=40); } #secondary .woocommerce ul.product_list_widget li ins, #secondary .woocommerce ul.product_list_widget li ins .amount, .footer-mid .woocommerce ul.product_list_widget li ins, .footer-mid .woocommerce ul.product_list_widget li ins .amount { background: none; color: var(--black-color); } #secondary .woocommerce ul.product_list_widget li ins, .footer-mid .woocommerce ul.product_list_widget li ins { margin-right: 10px; } #secondary .woocommerce ul.product_list_widget li .star-rating, .footer-mid .woocommerce ul.product_list_widget li .star-rating { margin: 0 0 5px; } #secondary .woocommerce.widget_product_search .woocommerce-product-search, .footer-mid .woocommerce.widget_product_search .woocommerce-product-search { background: none; border-radius: 0; margin: 0 0 0 3px; width: 100%; padding: 0; border: 1px solid #e5e5e5; } #secondary .woocommerce.widget_product_search .woocommerce-product-search:after, .footer-mid .woocommerce.widget_product_search .woocommerce-product-search:after { content: ""; display: block; clear: both; } #secondary .woocommerce.widget_product_search .woocommerce-product-search input[type=search], .footer-mid .woocommerce.widget_product_search .woocommerce-product-search input[type=search] { background: none; border: 0; border-radius: 0; float: right; margin: 0; padding: 10px 15px; font-size: 0.8888em; width: calc(100% - 50px); height: 50px; font-weight: 400; } #secondary .woocommerce-product-search button[type=submit], .footer-mid .woocommerce-product-search button[type=submit] { width: 50px; border-radius: 0; padding: 0; height: 50px; background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 20px; border: none; box-shadow: none; text-indent: 55px; white-space: nowrap; overflow: hidden; } #secondary .woocommerce-product-search button[type=submit]:hover, .footer-mid .woocommerce-product-search button[type=submit]:hover { background-color: var(--black-color); } #secondary .woocommerce-cart .cart-collaterals .cross-sells .products, .footer-mid .woocommerce-cart .cart-collaterals .cross-sells .products { grid-template-columns: repeat(1, 1fr); } #secondary .woocommerce .cart-collaterals .cross-sells ul.products li, #secondary .woocommerce-page .cart-collaterals .cross-sells ul.products li, .footer-mid .woocommerce .cart-collaterals .cross-sells ul.products li, .footer-mid .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 100%; } #secondary .woocommerce-page .site-main article, .footer-mid .woocommerce-page .site-main article { box-shadow: none; margin-bottom: 0; border-radius: 0; } #secondary #add_payment_method .checkout .col-2 h3#ship-to-different-address, #secondary .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, #secondary .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address, .footer-mid #add_payment_method .checkout .col-2 h3#ship-to-different-address, .footer-mid .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .footer-mid .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-size: 0.8888em; font-weight: 600; } #secondary #ship-to-different-address-checkbox, .footer-mid #ship-to-different-address-checkbox { margin-left: 5px; } #secondary .woocommerce-checkout-payment button.button, .footer-mid .woocommerce-checkout-payment button.button { margin-top: 30px; } #secondary .woocommerce.widget_product_categories ul li, .footer-mid .woocommerce.widget_product_categories ul li { padding: 0; } #secondary .woocommerce.widget_product_categories ul li::before, #secondary .woocommerce.widget_product_categories ul li::after, .footer-mid .woocommerce.widget_product_categories ul li::before, .footer-mid .woocommerce.widget_product_categories ul li::after { content: none; } #secondary .woocommerce.widget_product_categories ul li.cat-parent, .footer-mid .woocommerce.widget_product_categories ul li.cat-parent { position: relative; } #secondary .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle, .footer-mid .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle { position: absolute; top: 0; left: 0; width: 25px; text-align: center; height: 25px; line-height: 25px; cursor: pointer; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } #secondary .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle:hover, .footer-mid .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle:hover { color: var(--primary-color); } #secondary .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle.active, .footer-mid .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle.active { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } #secondary .woocommerce.widget_product_categories ul li.cat-parent ul, .footer-mid .woocommerce.widget_product_categories ul li.cat-parent ul { display: none; } #secondary .woocommerce.widget_rating_filter ul li .star-rating, .footer-mid .woocommerce.widget_rating_filter ul li .star-rating { vertical-align: top; margin-top: 7px; } #secondary .woocommerce .select2-container--default .select2-selection--multiple .select2-selection__rendered, .footer-mid .woocommerce .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 5px; } #secondary #secondary .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-selection__choice, #secondary .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-selection__choice, .footer-mid #secondary .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-selection__choice, .footer-mid .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-selection__choice { margin: 5px; padding: 0 10px; border-bottom: 1px solid #aaa; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { position: relative; padding-bottom: 10px; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child { padding-bottom: 0; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before { width: auto; height: auto; position: static; background: none; } #secondary .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-search--inline, .footer-mid .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-search--inline { border-bottom: none; } #secondary .woocommerce.woocommerce-widget-layered-nav ul li input[type=text], .footer-mid .woocommerce.woocommerce-widget-layered-nav ul li input[type=text] { width: 100% !important; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, #secondary .woocommerce.widget_layered_nav_filters ul li a, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .footer-mid .woocommerce.widget_layered_nav_filters ul li a { position: relative; padding-right: 30px; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before, #secondary .woocommerce.widget_layered_nav_filters ul li a:before, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before, .footer-mid .woocommerce.widget_layered_nav_filters ul li a:before { content: ""; width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 0; position: absolute; top: 4px; right: 0; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 0px; background-position: center; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before, #secondary .woocommerce.widget_layered_nav_filters ul li a:hover:before, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before, .footer-mid .woocommerce.widget_layered_nav_filters ul li a:hover:before { border-color: var(--primary-color); } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before, #secondary .woocommerce.widget_layered_nav_filters ul li.chosen a:before, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before, .footer-mid .woocommerce.widget_layered_nav_filters ul li.chosen a:before { background-size: 10px; background-color: var(--primary-color); border-color: var(--primary-color); } #secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count, .footer-mid .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count { display: inline-block; float: left; line-height: 1.3; border-radius: 0; color: #999596; } #secondary .woocommerce.widget_price_filter .ui-slider-horizontal, .footer-mid .woocommerce.widget_price_filter .ui-slider-horizontal { height: 5px; background: #eee; margin-right: 0; margin-left: 0; border-radius: 0; margin-bottom: 25px; } #secondary .woocommerce.widget_price_filter .ui-slider .ui-slider-handle, .footer-mid .woocommerce.widget_price_filter .ui-slider .ui-slider-handle { background: var(--white-color); width: 15px; height: 15px; top: -5px; border-radius: 100%; box-shadow: -5px 0px 15px rgba(136, 206, 208, 0.3); border: 3px solid var(--primary-color); } #secondary .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-hover, #secondary .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-focus, #secondary .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active, .footer-mid .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-hover, .footer-mid .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-focus, .footer-mid .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { width: 22px; height: 22px; top: -8px; } #secondary .woocommerce.widget_price_filter .ui-slider .ui-slider-range, .footer-mid .woocommerce.widget_price_filter .ui-slider .ui-slider-range { background: var(--primary-color); } #secondary .woocommerce.widget_price_filter .price_slider_amount, .footer-mid .woocommerce.widget_price_filter .price_slider_amount { font-size: 1em; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex: 1; } #secondary .woocommerce.widget_price_filter .price_slider_amount .button, .footer-mid .woocommerce.widget_price_filter .price_slider_amount .button { font-size: 0.7778em; font-weight: 400; letter-spacing: 0.5px; color: var(--white-color); background: var(--primary-color); border-radius: 0; border: 2px solid var(--primary-color); text-transform: capitalize; padding: 10px 20px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; position: relative; min-height: auto; line-height: 1.3; } .last-widget-sticky .widget-area .widget:last-child { transition: top ease 0.35s; position: sticky; top: 0; } /* 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; } .wp-block-image figcaption { text-align: center; color: rgba(var(--font-color-rgb), 0.5); } /* scroll up --------------------------------------------- */ .back-to-top { background: var(--black-color); border-radius: 100%; border: 0; position: fixed; bottom: 3%; left: 5px; padding: 0; width: 35px; height: 35px; min-height: auto; line-height: 1; color: var(--primary-color); opacity: 0; visibility: hidden; z-index: 999; cursor: pointer; transition: all 0.234s ease-in-out; transform: rotate(180deg); } .back-to-top svg { width: 15px; height: 15px; font-size: 15px; display: inline-block; stroke: var(--white-color); transform: rotate(90deg); } .back-to-top:hover { background: var(--primary-color); } .back-to-top.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } @media screen and (min-width: 767px) { .back-to-top { width: 45px; height: 45px; } .back-to-top svg { width: 22px; height: 22px; font-size: 22px; } } /* scroll bar --------------------------------------------- */ /* ================================================== Scroll bar ================================================== */ /* ================================================== Scroll bar ================================================== */ /* scroll bar --------------------------------------------- */ /* ================================================== BreadCrumbs ================================================== */ .breadcrumb-wrapper { padding-top: 14px; position: absolute; top: 0; right: 0; } .breadcrumb-wrapper>div { font-size: 0.7777777778em; padding: 5px 13px; display: inline-block; } .breadcrumb-wrapper>div a { text-decoration: none; letter-spacing: 0.36px; color: rgba(var(--font-color-rgb), 0.4); } .breadcrumb-wrapper>div a:hover { color: var(--primary-color); text-decoration: none; } .breadcrumb-wrapper>div>span:last-child { color: var(--font-color); } .breadcrumb-wrapper>div>span:last-child a { color: inherit; } .breadcrumb-wrapper>div>span:last-child a:hover { text-decoration: underline; } /* ================================================== BreadCrumbs ================================================== */ /* 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; } .dropcap { font-size: 3.3333333333em; line-height: 0.95; float: right; margin-left: 10px; margin-top: 5px; font-family: var(--secondary-font); } /* Galleries --------------------------------------------- */ /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; height: 100%; margin: 0; } .gallery-item .gallery-icon.landscape { height: 100%; } .gallery-item a { display: block; } .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; } /*-------------------------------------------------------------- # layouts --------------------------------------------------------------*/ /*========================================== Footer ==========================================*/ .site-footer { background-image: url(./images/footer-bg-2.png); background-repeat: no-repeat; background-size: cover; } .site-footer .footer-mid { position: relative; padding: 44px 0 60px; } @media screen and (min-width: 768px) { .site-footer .footer-mid { padding: 80px 0 40px; } } .site-footer .footer-mid::before { content: ""; background-image: url("./images/footer-right-flower.png"); background-repeat: no-repeat; background-size: 100%; width: 223px; height: 239px; position: absolute; top: 46px; left: -68px; z-index: 0; } @media (max-width: 1448px) and (min-width: 1200px) { .site-footer .footer-mid::before { top: -45px; } } @media (max-width: 1200px) { .site-footer .footer-mid::before { content: none; } } .site-footer .footer-mid .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 30px; margin: 0; } .site-footer .footer-mid .grid .col ul { margin-right: 0; } .site-footer .footer-bottom .container .site-info { font-size: 0.777em; line-height: 2; } .site-footer .footer-bottom .container .site-info .author-link, .site-footer .footer-bottom .container .site-info .copyright, .site-footer .footer-bottom .container .site-info .wp-link { color: var(--font-color-rgb); letter-spacing: 0.2px; } .site-footer .footer-bottom .container .site-info .author-link a, .site-footer .footer-bottom .container .site-info .copyright a, .site-footer .footer-bottom .container .site-info .wp-link a { text-decoration: none; color: var(--primary-color); letter-spacing: 0.2px; } .site-footer .footer-bottom .container .site-info .author-link a:hover, .site-footer .footer-bottom .container .site-info .copyright a:hover, .site-footer .footer-bottom .container .site-info .wp-link a:hover { text-decoration: underline; } .site-footer .footer-bottom .container .site-info .btn-link { font-size: inherit; color: var(--font-color); text-decoration-color: var(--primary-color); letter-spacing: 1px; } .site-footer .footer-bottom .container .site-info .btn-link:hover { color: var(--primary-color); } .site-footer .footer-bottom .social-networks { font-size: 16px; grid-gap: 20px; } .site-footer .footer-bottom .social-networks a { color: #232323; } .site-footer .footer-bottom .social-networks a:hover { color: var(--primary-color); } .site-footer .footer-bottom .footer-bottom-right a { font-size: 0.7777777778em; color: var(--font-color); } .site-footer .footer-bottom .footer-bottom-right a:hover { color: var(--primary-color); } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu { flex-direction: row; flex-wrap: wrap; justify-content: center; } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu ul { margin: 0; } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu ul li { width: 200px; padding: 16px 25px; display: flex; justify-content: space-between; } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu>li { padding: 0 4px; } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu>li+li a { border-right: 1px solid rgba(var(--font-color-rgb), 0.6); padding-right: 8px; border-left: 0; } @media screen and (min-width: 768px) { .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu li { padding: 0 4px; } } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu a { font-size: 0.7777777778em; color: var(--font-color); } .site-footer .footer-bottom .footer-bottom-right .footer-navigation .nav-menu a:hover { color: var(--primary-color); } .site-footer .footer-bottom .footer-bottom__content-wrapper { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 27px; border-top: 1px solid rgba(var(--font-color-rgb), 0.05); padding: 49px 0 30px; position: relative; } .site-footer .footer-bottom .footer-bottom__content-wrapper::before { content: ""; position: absolute; top: -35px; right: 0; background-image: url("./images/beautiful-gerbera-white.png"); width: 96px; height: 67px; } @media screen and (min-width: 768px) { .site-footer .footer-bottom .footer-bottom__content-wrapper { justify-content: space-between; } } body.blog .site-content, body.archive .site-content .page-grid, body.search .site-content .page-grid, body.home .site-content { padding: 60px 0; } @media screen and (min-width: 768px) { body.blog .site-content, body.archive .site-content .page-grid, body.search .site-content .page-grid, body.home .site-content { padding: 120px 0; } } body.woocommerce-page .site-content .page-grid, .page .site-content .page-grid { padding: 60px 0; } .leftsidebar .page-grid #secondary, .rightsidebar .page-grid #secondary { margin-top: 75px; } @media screen and (min-width: 992px) { .leftsidebar .page-grid, .rightsidebar .page-grid { flex-direction: row-reverse; grid-gap: 50px; } .leftsidebar .page-grid .content-area, .rightsidebar .page-grid .content-area { flex: auto; } .leftsidebar .page-grid #secondary, .rightsidebar .page-grid #secondary { flex: 0 0 24.77%; max-width: 24.77%; margin-top: 0; } } @media screen and (min-width: 1200px) { .leftsidebar .page-grid, .rightsidebar .page-grid { grid-gap: 80px; } } @media screen and (min-width: 1400px) { .leftsidebar .widget-area, .rightsidebar .widget-area { min-width: 285px; } } @media screen and (min-width: 992px) { .leftsidebar .page-grid { flex-direction: row-reverse; } } @media screen and (min-width: 992px) { .full-width:not(.single-post) .page-grid { flex-direction: column; } } /* Blog Layout --------------------------------------------- */ .blog { /* images for blog layout --------------------------------------------- */ } .blog .site-content { background-image: url("./images/home-page-blog-bg.png"); background-position: bottom center; background-size: contain; background-repeat: no-repeat; position: relative; overflow: hidden; } @media screen and (min-width: 1024px) { .blog .site-content::before { content: ""; background-image: url("./images/blog-section-left-flower.png"); background-repeat: no-repeat; background-size: 100%; width: 448px; height: 1027px; position: absolute; top: 9%; right: -176px; z-index: 0; } .blog .site-content::after { content: ""; background-image: url("./images/blog-section-right-flower.png"); background-repeat: no-repeat; background-size: 100%; width: 448px; height: 1027px; position: absolute; top: 33%; left: -176px; z-index: 0; } } .blog .site-content .page-grid { position: relative; } .blog .site-content .page-grid::before { content: ""; background-image: url("./images/blog-section-bg-1.png"); background-repeat: no-repeat; background-size: 100%; width: 1044px; height: 783px; position: absolute; top: -431px; left: -252px; z-index: -1; } @media (max-width: 992px) { .blog .site-content .page-grid .widget-area { margin-top: 80px; } } .blog.last-widget-sticky .site-content { overflow: unset; } .search, .archive, .blog { /* list Layout --------------------------------------------- */ /* Grid Layout --------------------------------------------- */ /* masonry layout --------------------------------------------- */ /* list layout 2 --------------------------------------------- */ /* list layout 3 --------------------------------------------- */ /* list layout 4 --------------------------------------------- */ /* list layout 5 --------------------------------------------- */ /* list layout 9,8,7,6 --------------------------------------------- */ /* list layout 7 --------------------------------------------- */ /* list layout 8 --------------------------------------------- */ /* list layout 9 --------------------------------------------- */ } .search.list-layout .content-area .site-main, .archive.list-layout .content-area .site-main, .blog.list-layout .content-area .site-main { display: flex; flex-direction: column; } @media (max-width: 900px) and (min-width: 767px) { .search.list-layout .content-area .post, .archive.list-layout .content-area .post, .blog.list-layout .content-area .post { padding-right: 40px; } } .search.list-layout .content-area .post .content-wrap, .archive.list-layout .content-area .post .content-wrap, .blog.list-layout .content-area .post .content-wrap { position: relative; } .search.list-layout .content-area .post .content-wrap .entry-content, .archive.list-layout .content-area .post .content-wrap .entry-content, .blog.list-layout .content-area .post .content-wrap .entry-content { margin-bottom: 0; margin-top: 25px; } .search.list-layout .content-area .post .content-wrap .entry-content p:last-child, .archive.list-layout .content-area .post .content-wrap .entry-content p:last-child, .blog.list-layout .content-area .post .content-wrap .entry-content p:last-child { margin-bottom: 0; } .search.list-layout .content-area .post .entry-footer, .archive.list-layout .content-area .post .entry-footer, .blog.list-layout .content-area .post .entry-footer { margin-top: 30px; } .search.list-layout .content-area .post .entry-footer .button-wrap, .archive.list-layout .content-area .post .entry-footer .button-wrap, .blog.list-layout .content-area .post .entry-footer .button-wrap { margin-bottom: 39px; padding: 0; border: 0; } @media screen and (min-width: 768px) { .search.list-layout .content-area .post .entry-footer .button-wrap, .archive.list-layout .content-area .post .entry-footer .button-wrap, .blog.list-layout .content-area .post .entry-footer .button-wrap { width: auto; margin-bottom: 0; } } @media screen and (min-width: 768px) { .search.list-layout .content-area .post .post-share, .archive.list-layout .content-area .post .post-share, .blog.list-layout .content-area .post .post-share { flex-direction: column; position: absolute; top: 50%; transform: translatey(-50%); } .search.list-layout .content-area .post .post-share .social-networks, .archive.list-layout .content-area .post .post-share .social-networks, .blog.list-layout .content-area .post .post-share .social-networks { flex-direction: column; } } @media (max-width: 900px) and (min-width: 767px) { .search.list-layout .content-area .post .post-share, .archive.list-layout .content-area .post .post-share, .blog.list-layout .content-area .post .post-share { right: -20px; } } @media (max-width: 900px) and (min-width: 767px) { .search.list-layout.leftsidebar .content-area .post, .archive.list-layout.leftsidebar .content-area .post, .blog.list-layout.leftsidebar .content-area .post { padding-left: 40px; } } @media screen and (min-width: 768px) { .search.list-layout.leftsidebar .content-area .post .post-share, .archive.list-layout.leftsidebar .content-area .post .post-share, .blog.list-layout.leftsidebar .content-area .post .post-share { right: unset; left: -33px; } } @media (max-width: 900px) and (min-width: 767px) { .search.list-layout.leftsidebar .content-area .post .post-share, .archive.list-layout.leftsidebar .content-area .post .post-share, .blog.list-layout.leftsidebar .content-area .post .post-share { left: -20px; } } .search.list-layout.full-width.centered .post .post-thumbnail, .archive.list-layout.full-width.centered .post .post-thumbnail, .blog.list-layout.full-width.centered .post .post-thumbnail { text-align: right; } @media screen and (min-width: 768px) { .search.grid-layout .content-area .site-main, .archive.grid-layout .content-area .site-main, .blog.grid-layout .content-area .site-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 45px; grid-row-gap: 80px; } .search.grid-layout .content-area .site-main .post, .archive.grid-layout .content-area .site-main .post, .blog.grid-layout .content-area .site-main .post { margin-bottom: 0; } .search.grid-layout .content-area .site-main .post .post-thumbnail, .archive.grid-layout .content-area .site-main .post .post-thumbnail, .blog.grid-layout .content-area .site-main .post .post-thumbnail { margin-bottom: 25px; } } .search.grid-layout .content-area .site-main .post .entry-footer, .archive.grid-layout .content-area .site-main .post .entry-footer, .blog.grid-layout .content-area .site-main .post .entry-footer { margin-top: 30px; } @media screen and (min-width: 992px) { .search.grid-layout .content-area .site-main, .archive.grid-layout .content-area .site-main, .blog.grid-layout .content-area .site-main { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 768px) { .search.grid-layout.rightsidebar .content-area .site-main, .search.grid-layout.leftsidebar .content-area .site-main, .archive.grid-layout.rightsidebar .content-area .site-main, .archive.grid-layout.leftsidebar .content-area .site-main, .blog.grid-layout.rightsidebar .content-area .site-main, .blog.grid-layout.leftsidebar .content-area .site-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 45px; grid-row-gap: 80px; } .search.grid-layout.rightsidebar .content-area .site-main .post, .search.grid-layout.leftsidebar .content-area .site-main .post, .archive.grid-layout.rightsidebar .content-area .site-main .post, .archive.grid-layout.leftsidebar .content-area .site-main .post, .blog.grid-layout.rightsidebar .content-area .site-main .post, .blog.grid-layout.leftsidebar .content-area .site-main .post { margin-bottom: 0; } } .search.grid-layout.full-width.centered .content-area .site-main, .archive.grid-layout.full-width.centered .content-area .site-main, .blog.grid-layout.full-width.centered .content-area .site-main { max-width: 100%; } @media screen and (min-width: 768px) { .search.grid-layout.full-width.centered .content-area .site-main, .archive.grid-layout.full-width.centered .content-area .site-main, .blog.grid-layout.full-width.centered .content-area .site-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 45px; } .search.grid-layout.full-width.centered .content-area .site-main .post, .archive.grid-layout.full-width.centered .content-area .site-main .post, .blog.grid-layout.full-width.centered .content-area .site-main .post { margin-bottom: 15px; } } @media screen and (min-width: 992px) { .search.grid-layout.full-width.centered .content-area .site-main, .archive.grid-layout.full-width.centered .content-area .site-main, .blog.grid-layout.full-width.centered .content-area .site-main { grid-template-columns: repeat(3, 1fr); } } .search.grid-layout.full-width.centered.first .content-area .site-main, .archive.grid-layout.full-width.centered.first .content-area .site-main, .blog.grid-layout.full-width.centered.first .content-area .site-main { max-width: 755px; } @media screen and (min-width: 992px) { .search.grid-layout.full-width.centered.first .content-area .site-main, .archive.grid-layout.full-width.centered.first .content-area .site-main, .blog.grid-layout.full-width.centered.first .content-area .site-main { grid-template-columns: repeat(2, 1fr); } } .search.masonry-layout .content-area .page-header__content-wrapper, .archive.masonry-layout .content-area .page-header__content-wrapper, .blog.masonry-layout .content-area .page-header__content-wrapper { padding: 0; margin: 0; border-bottom: 0; } .search.masonry-layout .content-area .site-main .post, .archive.masonry-layout .content-area .site-main .post, .blog.masonry-layout .content-area .site-main .post { margin: 0 20px 70px 20px; } .search.masonry-layout .content-area .site-main .post .entry-footer, .archive.masonry-layout .content-area .site-main .post .entry-footer, .blog.masonry-layout .content-area .site-main .post .entry-footer { margin-top: 30px; } @media screen and (min-width: 768px) { .search.masonry-layout .content-area .site-main, .archive.masonry-layout .content-area .site-main, .blog.masonry-layout .content-area .site-main { margin: 0 -20px; } .search.masonry-layout .content-area .site-main .post, .archive.masonry-layout .content-area .site-main .post, .blog.masonry-layout .content-area .site-main .post { flex: 0 0 44%; max-width: 44%; } .search.masonry-layout .content-area .site-main .post .post-thumbnail, .archive.masonry-layout .content-area .site-main .post .post-thumbnail, .blog.masonry-layout .content-area .site-main .post .post-thumbnail { margin-bottom: 37px; } } @media screen and (min-width: 992px) { .search.masonry-layout .content-area .site-main .post, .archive.masonry-layout .content-area .site-main .post, .blog.masonry-layout .content-area .site-main .post { flex: 0 0 29%; max-width: 29%; } } .search.masonry-layout .content-area #load-posts, .archive.masonry-layout .content-area #load-posts, .blog.masonry-layout .content-area #load-posts { margin-top: 0; } @media screen and (min-width: 768px) { .search.masonry-layout .content-area #load-posts, .archive.masonry-layout .content-area #load-posts, .blog.masonry-layout .content-area #load-posts { margin-top: 40px; } } @media screen and (min-width: 992px) { .search.masonry-layout.rightsidebar .content-area .site-main, .search.masonry-layout.leftsidebar .content-area .site-main, .archive.masonry-layout.rightsidebar .content-area .site-main, .archive.masonry-layout.leftsidebar .content-area .site-main, .blog.masonry-layout.rightsidebar .content-area .site-main, .blog.masonry-layout.leftsidebar .content-area .site-main { display: grid; grid-template-columns: repeat(2, 1fr); } .search.masonry-layout.rightsidebar .content-area .site-main .post, .search.masonry-layout.leftsidebar .content-area .site-main .post, .archive.masonry-layout.rightsidebar .content-area .site-main .post, .archive.masonry-layout.leftsidebar .content-area .site-main .post, .blog.masonry-layout.rightsidebar .content-area .site-main .post, .blog.masonry-layout.leftsidebar .content-area .site-main .post { flex: 0 0 44%; max-width: 44%; } } .search.masonry-layout.full-width.centered .content-area .site-main, .archive.masonry-layout.full-width.centered .content-area .site-main, .blog.masonry-layout.full-width.centered .content-area .site-main { max-width: 100%; } @media screen and (min-width: 768px) { .search.masonry-layout.full-width.centered .content-area .site-main, .archive.masonry-layout.full-width.centered .content-area .site-main, .blog.masonry-layout.full-width.centered .content-area .site-main { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 992px) { .search.masonry-layout.full-width.centered .content-area .site-main, .archive.masonry-layout.full-width.centered .content-area .site-main, .blog.masonry-layout.full-width.centered .content-area .site-main { grid-template-columns: repeat(3, 1fr); } } .search.list-layout-2 .site-main .post, .archive.list-layout-2 .site-main .post, .blog.list-layout-2 .site-main .post { margin-bottom: 80px; display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .search.list-layout-2 .site-main .post, .archive.list-layout-2 .site-main .post, .blog.list-layout-2 .site-main .post { flex-direction: row; grid-gap: 40px; } .search.list-layout-2 .site-main .post .post-thumbnail, .archive.list-layout-2 .site-main .post .post-thumbnail, .blog.list-layout-2 .site-main .post .post-thumbnail { flex: 0 0 48%; max-width: 48%; margin-bottom: 0; } .search.list-layout-2 .site-main .post .content-wrap, .archive.list-layout-2 .site-main .post .content-wrap, .blog.list-layout-2 .site-main .post .content-wrap { flex: 1; margin: 10px 0; } } .search.list-layout-2 .site-main .post .content-wrap .entry-title, .archive.list-layout-2 .site-main .post .content-wrap .entry-title, .blog.list-layout-2 .site-main .post .content-wrap .entry-title { margin-bottom: 20px; } .search.list-layout-2 .site-main .post .content-wrap .entry-footer, .archive.list-layout-2 .site-main .post .content-wrap .entry-footer, .blog.list-layout-2 .site-main .post .content-wrap .entry-footer { margin-top: 20px; } .search.list-layout-2 .site-main .post .content-wrap .entry-footer .button-wrap, .archive.list-layout-2 .site-main .post .content-wrap .entry-footer .button-wrap, .blog.list-layout-2 .site-main .post .content-wrap .entry-footer .button-wrap { border-bottom: 0; margin-bottom: 40px; padding-bottom: 0; } .search.list-layout-2 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-2 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-2 .site-main .post .content-wrap .entry-header .entry-title { margin-top: 12px; } .search.list-layout-4 .site-main .post, .search.list-layout-3 .site-main .post, .archive.list-layout-4 .site-main .post, .archive.list-layout-3 .site-main .post, .blog.list-layout-4 .site-main .post, .blog.list-layout-3 .site-main .post { margin-bottom: 60px; display: flex; flex-direction: column; } .search.list-layout-4 .site-main .post:last-child, .search.list-layout-3 .site-main .post:last-child, .archive.list-layout-4 .site-main .post:last-child, .archive.list-layout-3 .site-main .post:last-child, .blog.list-layout-4 .site-main .post:last-child, .blog.list-layout-3 .site-main .post:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .search.list-layout-4 .site-main .post, .search.list-layout-3 .site-main .post, .archive.list-layout-4 .site-main .post, .archive.list-layout-3 .site-main .post, .blog.list-layout-4 .site-main .post, .blog.list-layout-3 .site-main .post { flex-direction: row; grid-gap: 0px; align-items: center; } .search.list-layout-4 .site-main .post .post-thumbnail, .search.list-layout-3 .site-main .post .post-thumbnail, .archive.list-layout-4 .site-main .post .post-thumbnail, .archive.list-layout-3 .site-main .post .post-thumbnail, .blog.list-layout-4 .site-main .post .post-thumbnail, .blog.list-layout-3 .site-main .post .post-thumbnail { flex: 0 0 45%; max-width: 45%; margin-bottom: 0; } .search.list-layout-4 .site-main .post .content-wrap, .search.list-layout-3 .site-main .post .content-wrap, .archive.list-layout-4 .site-main .post .content-wrap, .archive.list-layout-3 .site-main .post .content-wrap, .blog.list-layout-4 .site-main .post .content-wrap, .blog.list-layout-3 .site-main .post .content-wrap { flex: 1; margin: 0; padding: 48px 45px; background-color: var(--white-color); margin-right: -30px; } } .search.list-layout-4 .site-main .post .content-wrap .post-footer, .search.list-layout-3 .site-main .post .content-wrap .post-footer, .archive.list-layout-4 .site-main .post .content-wrap .post-footer, .archive.list-layout-3 .site-main .post .content-wrap .post-footer, .blog.list-layout-4 .site-main .post .content-wrap .post-footer, .blog.list-layout-3 .site-main .post .content-wrap .post-footer { margin-top: 40px; } .search.list-layout-4 .site-main .post .content-wrap .post-footer .button-wrap, .search.list-layout-3 .site-main .post .content-wrap .post-footer .button-wrap, .archive.list-layout-4 .site-main .post .content-wrap .post-footer .button-wrap, .archive.list-layout-3 .site-main .post .content-wrap .post-footer .button-wrap, .blog.list-layout-4 .site-main .post .content-wrap .post-footer .button-wrap, .blog.list-layout-3 .site-main .post .content-wrap .post-footer .button-wrap { border-bottom: 0; margin-bottom: 0; } .search.list-layout-4 .site-main .post .content-wrap .entry-header .entry-title, .search.list-layout-3 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-4 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-3 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-4 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-3 .site-main .post .content-wrap .entry-header .entry-title { margin-top: 8px; margin-bottom: 17px; } @media screen and (min-width: 768px) { .search.list-layout-4 .site-main .post:nth-child(even), .archive.list-layout-4 .site-main .post:nth-child(even), .blog.list-layout-4 .site-main .post:nth-child(even) { flex-direction: row-reverse; } .search.list-layout-4 .site-main .post:nth-child(even) .content-wrap, .archive.list-layout-4 .site-main .post:nth-child(even) .content-wrap, .blog.list-layout-4 .site-main .post:nth-child(even) .content-wrap { margin-left: -30px; margin-right: 0; } } .search.list-layout-5 .content-area .site-main, .archive.list-layout-5 .content-area .site-main, .blog.list-layout-5 .content-area .site-main { display: flex; flex-direction: column; } .search.list-layout-5 .content-area .post:last-child, .archive.list-layout-5 .content-area .post:last-child, .blog.list-layout-5 .content-area .post:last-child { margin-bottom: 0; } .search.list-layout-5 .content-area .post .content-wrap, .archive.list-layout-5 .content-area .post .content-wrap, .blog.list-layout-5 .content-area .post .content-wrap { position: relative; } @media screen and (min-width: 768px) { .search.list-layout-5 .content-area .post .post-thumbnail, .archive.list-layout-5 .content-area .post .post-thumbnail, .blog.list-layout-5 .content-area .post .post-thumbnail { margin-bottom: 0; } .search.list-layout-5 .content-area .post .content-wrap, .archive.list-layout-5 .content-area .post .content-wrap, .blog.list-layout-5 .content-area .post .content-wrap { position: relative; padding: 40px 25px 0; background-color: var(--white-color); margin: -40px 20px 0; } } .search.list-layout-5 .content-area .post .entry-footer, .archive.list-layout-5 .content-area .post .entry-footer, .blog.list-layout-5 .content-area .post .entry-footer { margin-top: 30px; } .search.list-layout-5 .content-area .post .entry-footer .button-wrap, .archive.list-layout-5 .content-area .post .entry-footer .button-wrap, .blog.list-layout-5 .content-area .post .entry-footer .button-wrap { margin-bottom: 39px; padding: 0; border: 0; } @media screen and (min-width: 768px) { .search.list-layout-5 .content-area .post .entry-footer .button-wrap, .archive.list-layout-5 .content-area .post .entry-footer .button-wrap, .blog.list-layout-5 .content-area .post .entry-footer .button-wrap { width: auto; margin-bottom: 0; } } @media screen and (min-width: 768px) { .search.list-layout-5 .content-area .post .post-share, .archive.list-layout-5 .content-area .post .post-share, .blog.list-layout-5 .content-area .post .post-share { flex-direction: column; position: absolute; right: -22px; top: 50%; transform: translatey(-50%); } .search.list-layout-5 .content-area .post .post-share .social-networks, .archive.list-layout-5 .content-area .post .post-share .social-networks, .blog.list-layout-5 .content-area .post .post-share .social-networks { flex-direction: column; } } @media (max-width: 800px) and (min-width: 767px) { .search.list-layout-5 .content-area .post .post-share, .archive.list-layout-5 .content-area .post .post-share, .blog.list-layout-5 .content-area .post .post-share { right: -15px; } } @media screen and (min-width: 768px) { .search.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share, .archive.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share, .blog.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share { left: -22px; right: unset; } } @media (max-width: 800px) and (min-width: 767px) { .search.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share, .archive.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share, .blog.list-layout-5.leftsidebar .content-area .post .entry-footer .post-share { left: -15px; } } .search.list-layout-9 .site-main .post, .search.list-layout-8 .site-main .post, .search.list-layout-7 .site-main .post, .search.list-layout-6 .site-main .post, .archive.list-layout-9 .site-main .post, .archive.list-layout-8 .site-main .post, .archive.list-layout-7 .site-main .post, .archive.list-layout-6 .site-main .post, .blog.list-layout-9 .site-main .post, .blog.list-layout-8 .site-main .post, .blog.list-layout-7 .site-main .post, .blog.list-layout-6 .site-main .post { margin-bottom: 80px; display: flex; flex-direction: column; text-align: center; position: relative; } .search.list-layout-9 .site-main .post:last-child, .search.list-layout-8 .site-main .post:last-child, .search.list-layout-7 .site-main .post:last-child, .search.list-layout-6 .site-main .post:last-child, .archive.list-layout-9 .site-main .post:last-child, .archive.list-layout-8 .site-main .post:last-child, .archive.list-layout-7 .site-main .post:last-child, .archive.list-layout-6 .site-main .post:last-child, .blog.list-layout-9 .site-main .post:last-child, .blog.list-layout-8 .site-main .post:last-child, .blog.list-layout-7 .site-main .post:last-child, .blog.list-layout-6 .site-main .post:last-child { margin-bottom: 0; } .search.list-layout-9 .site-main .post>.post-thumbnail, .search.list-layout-8 .site-main .post>.post-thumbnail, .search.list-layout-7 .site-main .post>.post-thumbnail, .search.list-layout-6 .site-main .post>.post-thumbnail, .archive.list-layout-9 .site-main .post>.post-thumbnail, .archive.list-layout-8 .site-main .post>.post-thumbnail, .archive.list-layout-7 .site-main .post>.post-thumbnail, .archive.list-layout-6 .site-main .post>.post-thumbnail, .blog.list-layout-9 .site-main .post>.post-thumbnail, .blog.list-layout-8 .site-main .post>.post-thumbnail, .blog.list-layout-7 .site-main .post>.post-thumbnail, .blog.list-layout-6 .site-main .post>.post-thumbnail { position: relative; background-color: rgba(var(--primary-color-rgb), 0.1); padding: 9.1px; margin-right: 40px; margin-left: 40px; } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post>.post-thumbnail, .search.list-layout-8 .site-main .post>.post-thumbnail, .search.list-layout-7 .site-main .post>.post-thumbnail, .search.list-layout-6 .site-main .post>.post-thumbnail, .archive.list-layout-9 .site-main .post>.post-thumbnail, .archive.list-layout-8 .site-main .post>.post-thumbnail, .archive.list-layout-7 .site-main .post>.post-thumbnail, .archive.list-layout-6 .site-main .post>.post-thumbnail, .blog.list-layout-9 .site-main .post>.post-thumbnail, .blog.list-layout-8 .site-main .post>.post-thumbnail, .blog.list-layout-7 .site-main .post>.post-thumbnail, .blog.list-layout-6 .site-main .post>.post-thumbnail { margin-right: 0; margin-left: 0; } } .search.list-layout-9 .site-main .post .content-wrap, .search.list-layout-8 .site-main .post .content-wrap, .search.list-layout-7 .site-main .post .content-wrap, .search.list-layout-6 .site-main .post .content-wrap, .archive.list-layout-9 .site-main .post .content-wrap, .archive.list-layout-8 .site-main .post .content-wrap, .archive.list-layout-7 .site-main .post .content-wrap, .archive.list-layout-6 .site-main .post .content-wrap, .blog.list-layout-9 .site-main .post .content-wrap, .blog.list-layout-8 .site-main .post .content-wrap, .blog.list-layout-7 .site-main .post .content-wrap, .blog.list-layout-6 .site-main .post .content-wrap { position: static; } .search.list-layout-9 .site-main .post .content-wrap .entry-meta, .search.list-layout-8 .site-main .post .content-wrap .entry-meta, .search.list-layout-7 .site-main .post .content-wrap .entry-meta, .search.list-layout-6 .site-main .post .content-wrap .entry-meta, .archive.list-layout-9 .site-main .post .content-wrap .entry-meta, .archive.list-layout-8 .site-main .post .content-wrap .entry-meta, .archive.list-layout-7 .site-main .post .content-wrap .entry-meta, .archive.list-layout-6 .site-main .post .content-wrap .entry-meta, .blog.list-layout-9 .site-main .post .content-wrap .entry-meta, .blog.list-layout-8 .site-main .post .content-wrap .entry-meta, .blog.list-layout-7 .site-main .post .content-wrap .entry-meta, .blog.list-layout-6 .site-main .post .content-wrap .entry-meta { justify-content: center; } .search.list-layout-9 .site-main .post .content-wrap .entry-footer, .search.list-layout-8 .site-main .post .content-wrap .entry-footer, .search.list-layout-7 .site-main .post .content-wrap .entry-footer, .search.list-layout-6 .site-main .post .content-wrap .entry-footer, .archive.list-layout-9 .site-main .post .content-wrap .entry-footer, .archive.list-layout-8 .site-main .post .content-wrap .entry-footer, .archive.list-layout-7 .site-main .post .content-wrap .entry-footer, .archive.list-layout-6 .site-main .post .content-wrap .entry-footer, .blog.list-layout-9 .site-main .post .content-wrap .entry-footer, .blog.list-layout-8 .site-main .post .content-wrap .entry-footer, .blog.list-layout-7 .site-main .post .content-wrap .entry-footer, .blog.list-layout-6 .site-main .post .content-wrap .entry-footer { margin-top: 24px; } .search.list-layout-9 .site-main .post .content-wrap .entry-footer .button-wrap, .search.list-layout-8 .site-main .post .content-wrap .entry-footer .button-wrap, .search.list-layout-7 .site-main .post .content-wrap .entry-footer .button-wrap, .search.list-layout-6 .site-main .post .content-wrap .entry-footer .button-wrap, .archive.list-layout-9 .site-main .post .content-wrap .entry-footer .button-wrap, .archive.list-layout-8 .site-main .post .content-wrap .entry-footer .button-wrap, .archive.list-layout-7 .site-main .post .content-wrap .entry-footer .button-wrap, .archive.list-layout-6 .site-main .post .content-wrap .entry-footer .button-wrap, .blog.list-layout-9 .site-main .post .content-wrap .entry-footer .button-wrap, .blog.list-layout-8 .site-main .post .content-wrap .entry-footer .button-wrap, .blog.list-layout-7 .site-main .post .content-wrap .entry-footer .button-wrap, .blog.list-layout-6 .site-main .post .content-wrap .entry-footer .button-wrap { border-bottom: 0; margin-bottom: 0; } .search.list-layout-9 .site-main .post .content-wrap .posted-on, .search.list-layout-8 .site-main .post .content-wrap .posted-on, .search.list-layout-7 .site-main .post .content-wrap .posted-on, .search.list-layout-6 .site-main .post .content-wrap .posted-on, .archive.list-layout-9 .site-main .post .content-wrap .posted-on, .archive.list-layout-8 .site-main .post .content-wrap .posted-on, .archive.list-layout-7 .site-main .post .content-wrap .posted-on, .archive.list-layout-6 .site-main .post .content-wrap .posted-on, .blog.list-layout-9 .site-main .post .content-wrap .posted-on, .blog.list-layout-8 .site-main .post .content-wrap .posted-on, .blog.list-layout-7 .site-main .post .content-wrap .posted-on, .blog.list-layout-6 .site-main .post .content-wrap .posted-on { position: absolute; top: 0px; left: 0px; margin: 0; transform: rotate(0deg); writing-mode: vertical-rl; } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post .content-wrap .posted-on, .search.list-layout-8 .site-main .post .content-wrap .posted-on, .search.list-layout-7 .site-main .post .content-wrap .posted-on, .search.list-layout-6 .site-main .post .content-wrap .posted-on, .archive.list-layout-9 .site-main .post .content-wrap .posted-on, .archive.list-layout-8 .site-main .post .content-wrap .posted-on, .archive.list-layout-7 .site-main .post .content-wrap .posted-on, .archive.list-layout-6 .site-main .post .content-wrap .posted-on, .blog.list-layout-9 .site-main .post .content-wrap .posted-on, .blog.list-layout-8 .site-main .post .content-wrap .posted-on, .blog.list-layout-7 .site-main .post .content-wrap .posted-on, .blog.list-layout-6 .site-main .post .content-wrap .posted-on { left: -35px; } } .search.list-layout-9 .site-main .post .content-wrap .posted-on a, .search.list-layout-8 .site-main .post .content-wrap .posted-on a, .search.list-layout-7 .site-main .post .content-wrap .posted-on a, .search.list-layout-6 .site-main .post .content-wrap .posted-on a, .archive.list-layout-9 .site-main .post .content-wrap .posted-on a, .archive.list-layout-8 .site-main .post .content-wrap .posted-on a, .archive.list-layout-7 .site-main .post .content-wrap .posted-on a, .archive.list-layout-6 .site-main .post .content-wrap .posted-on a, .blog.list-layout-9 .site-main .post .content-wrap .posted-on a, .blog.list-layout-8 .site-main .post .content-wrap .posted-on a, .blog.list-layout-7 .site-main .post .content-wrap .posted-on a, .blog.list-layout-6 .site-main .post .content-wrap .posted-on a { padding: 0; } .search.list-layout-9 .site-main .post .content-wrap .posted-on a::before, .search.list-layout-8 .site-main .post .content-wrap .posted-on a::before, .search.list-layout-7 .site-main .post .content-wrap .posted-on a::before, .search.list-layout-6 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-9 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-8 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-7 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-6 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-9 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-8 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-7 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-6 .site-main .post .content-wrap .posted-on a::before { content: none; } .search.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title, .search.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title, .search.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title, .search.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title, .archive.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title, .blog.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title { margin-top: 12px; margin-bottom: 30px; padding-bottom: 22px; position: relative; } .search.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before { content: ""; position: absolute; bottom: 0; border: 1px solid rgba(var(--primary-color-rgb), 0.3); right: 0; width: 100%; height: 1px; } @media screen and (min-width: 768px) { .search.list-layout-9 .site-main .post, .search.list-layout-8 .site-main .post, .search.list-layout-7 .site-main .post, .search.list-layout-6 .site-main .post, .archive.list-layout-9 .site-main .post, .archive.list-layout-8 .site-main .post, .archive.list-layout-7 .site-main .post, .archive.list-layout-6 .site-main .post, .blog.list-layout-9 .site-main .post, .blog.list-layout-8 .site-main .post, .blog.list-layout-7 .site-main .post, .blog.list-layout-6 .site-main .post { flex-direction: row-reverse; align-items: flex-start; grid-gap: 40px; margin-left: 20px; } .search.list-layout-9 .site-main .post .post-thumbnail, .search.list-layout-8 .site-main .post .post-thumbnail, .search.list-layout-7 .site-main .post .post-thumbnail, .search.list-layout-6 .site-main .post .post-thumbnail, .archive.list-layout-9 .site-main .post .post-thumbnail, .archive.list-layout-8 .site-main .post .post-thumbnail, .archive.list-layout-7 .site-main .post .post-thumbnail, .archive.list-layout-6 .site-main .post .post-thumbnail, .blog.list-layout-9 .site-main .post .post-thumbnail, .blog.list-layout-8 .site-main .post .post-thumbnail, .blog.list-layout-7 .site-main .post .post-thumbnail, .blog.list-layout-6 .site-main .post .post-thumbnail { flex: 0 0 48%; max-width: 48%; margin-bottom: 0; } .search.list-layout-9 .site-main .post .content-wrap, .search.list-layout-8 .site-main .post .content-wrap, .search.list-layout-7 .site-main .post .content-wrap, .search.list-layout-6 .site-main .post .content-wrap, .archive.list-layout-9 .site-main .post .content-wrap, .archive.list-layout-8 .site-main .post .content-wrap, .archive.list-layout-7 .site-main .post .content-wrap, .archive.list-layout-6 .site-main .post .content-wrap, .blog.list-layout-9 .site-main .post .content-wrap, .blog.list-layout-8 .site-main .post .content-wrap, .blog.list-layout-7 .site-main .post .content-wrap, .blog.list-layout-6 .site-main .post .content-wrap { flex: 1; } .search.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .search.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-7 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-6 .site-main .post .content-wrap .entry-header .entry-title::before { width: 113%; } } .search.list-layout-7 .site-main .post:nth-child(even), .archive.list-layout-7 .site-main .post:nth-child(even), .blog.list-layout-7 .site-main .post:nth-child(even) { margin-right: 0px; } @media screen and (min-width: 768px) { .search.list-layout-7 .site-main .post:nth-child(even), .archive.list-layout-7 .site-main .post:nth-child(even), .blog.list-layout-7 .site-main .post:nth-child(even) { flex-direction: row; margin-right: 20px; } .search.list-layout-7 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before, .archive.list-layout-7 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before, .blog.list-layout-7 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before { right: unset; left: 0; width: 113%; } } .search.list-layout-7 .site-main .post:nth-child(even) .posted-on, .archive.list-layout-7 .site-main .post:nth-child(even) .posted-on, .blog.list-layout-7 .site-main .post:nth-child(even) .posted-on { right: 0px; left: unset; transform: rotate(0deg); } @media screen and (min-width: 768px) { .search.list-layout-7 .site-main .post:nth-child(even) .posted-on, .archive.list-layout-7 .site-main .post:nth-child(even) .posted-on, .blog.list-layout-7 .site-main .post:nth-child(even) .posted-on { right: -35px; } } .search.list-layout-7 .site-main .post:nth-child(even) .posted-on a, .archive.list-layout-7 .site-main .post:nth-child(even) .posted-on a, .blog.list-layout-7 .site-main .post:nth-child(even) .posted-on a { padding: 0; } .search.list-layout-7 .site-main .post:nth-child(even) .posted-on a::before, .archive.list-layout-7 .site-main .post:nth-child(even) .posted-on a::before, .blog.list-layout-7 .site-main .post:nth-child(even) .posted-on a::before { content: none; } .search.list-layout-8 .site-main .post, .archive.list-layout-8 .site-main .post, .blog.list-layout-8 .site-main .post { margin-right: 0px; } @media screen and (min-width: 768px) { .search.list-layout-8 .site-main .post, .archive.list-layout-8 .site-main .post, .blog.list-layout-8 .site-main .post { flex-direction: row; margin-right: 20px; margin-left: 0; } .search.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-8 .site-main .post .content-wrap .entry-header .entry-title::before { right: unset; left: 0; width: 113%; } } .search.list-layout-8 .site-main .post .content-wrap .posted-on, .archive.list-layout-8 .site-main .post .content-wrap .posted-on, .blog.list-layout-8 .site-main .post .content-wrap .posted-on { right: 0px; left: unset; transform: rotate(-180deg); } @media screen and (min-width: 768px) { .search.list-layout-8 .site-main .post .content-wrap .posted-on, .archive.list-layout-8 .site-main .post .content-wrap .posted-on, .blog.list-layout-8 .site-main .post .content-wrap .posted-on { right: -35px; } } .search.list-layout-8 .site-main .post .content-wrap .posted-on a, .archive.list-layout-8 .site-main .post .content-wrap .posted-on a, .blog.list-layout-8 .site-main .post .content-wrap .posted-on a { padding: 0; } .search.list-layout-8 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-8 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-8 .site-main .post .content-wrap .posted-on a::before { content: none; } .search.list-layout-8 .site-main .post .content-wrap .post-footer .button-wrap, .archive.list-layout-8 .site-main .post .content-wrap .post-footer .button-wrap, .blog.list-layout-8 .site-main .post .content-wrap .post-footer .button-wrap { width: auto; margin-bottom: 0; padding: 0; border: 0; } .search.list-layout-8 .site-main .post .content-wrap .post-footer .post-share, .archive.list-layout-8 .site-main .post .content-wrap .post-footer .post-share, .blog.list-layout-8 .site-main .post .content-wrap .post-footer .post-share { flex-direction: column; position: absolute; right: 3px; top: 150px; } @media screen and (min-width: 576px) { .search.list-layout-8 .site-main .post .content-wrap .post-footer .post-share, .archive.list-layout-8 .site-main .post .content-wrap .post-footer .post-share, .blog.list-layout-8 .site-main .post .content-wrap .post-footer .post-share { right: -27px; } } .search.list-layout-8 .site-main .post .content-wrap .post-footer .post-share .social-networks, .archive.list-layout-8 .site-main .post .content-wrap .post-footer .post-share .social-networks, .blog.list-layout-8 .site-main .post .content-wrap .post-footer .post-share .social-networks { flex-direction: column; } .search.list-layout-9 .site-main .post, .archive.list-layout-9 .site-main .post, .blog.list-layout-9 .site-main .post { margin-right: 0px; } @media screen and (min-width: 768px) { .search.list-layout-9 .site-main .post, .archive.list-layout-9 .site-main .post, .blog.list-layout-9 .site-main .post { flex-direction: row; margin-right: 20px; margin-left: 0; } .search.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .archive.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before, .blog.list-layout-9 .site-main .post .content-wrap .entry-header .entry-title::before { right: unset; left: 0; width: 113%; } .search.list-layout-9 .site-main .post:nth-child(even), .archive.list-layout-9 .site-main .post:nth-child(even), .blog.list-layout-9 .site-main .post:nth-child(even) { flex-direction: row-reverse; } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .entry-header .entry-title::before { right: 0; left: unset; width: 113%; } } .search.list-layout-9 .site-main .post:nth-child(even), .archive.list-layout-9 .site-main .post:nth-child(even), .blog.list-layout-9 .site-main .post:nth-child(even) { flex-direction: row-reverse; } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on { right: unset; left: 5px; transform: rotate(0deg); } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on { left: -35px; } } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a { padding: 0; } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a::before, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a::before, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .posted-on a::before { content: none; } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .button-wrap, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .button-wrap, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .button-wrap { width: auto; margin-bottom: 0; padding: 0; border: 0; } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share { flex-direction: column; position: absolute; right: unset; left: 3px; top: 150px; } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share { left: -27px; } } .search.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share .social-networks, .archive.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share .social-networks, .blog.list-layout-9 .site-main .post:nth-child(even) .content-wrap .post-footer .post-share .social-networks { flex-direction: column; } .search.list-layout-9 .site-main .post .content-wrap .posted-on, .archive.list-layout-9 .site-main .post .content-wrap .posted-on, .blog.list-layout-9 .site-main .post .content-wrap .posted-on { right: 0px; left: unset; transform: rotate(-180deg); } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post .content-wrap .posted-on, .archive.list-layout-9 .site-main .post .content-wrap .posted-on, .blog.list-layout-9 .site-main .post .content-wrap .posted-on { right: -35px; } } .search.list-layout-9 .site-main .post .content-wrap .posted-on a, .archive.list-layout-9 .site-main .post .content-wrap .posted-on a, .blog.list-layout-9 .site-main .post .content-wrap .posted-on a { padding: 0; } .search.list-layout-9 .site-main .post .content-wrap .posted-on a::before, .archive.list-layout-9 .site-main .post .content-wrap .posted-on a::before, .blog.list-layout-9 .site-main .post .content-wrap .posted-on a::before { content: none; } .search.list-layout-9 .site-main .post .content-wrap .post-footer .button-wrap, .archive.list-layout-9 .site-main .post .content-wrap .post-footer .button-wrap, .blog.list-layout-9 .site-main .post .content-wrap .post-footer .button-wrap { width: auto; margin-bottom: 0; padding: 0; border: 0; } .search.list-layout-9 .site-main .post .content-wrap .post-footer .post-share, .archive.list-layout-9 .site-main .post .content-wrap .post-footer .post-share, .blog.list-layout-9 .site-main .post .content-wrap .post-footer .post-share { flex-direction: column; position: absolute; right: 3px; top: 150px; } @media screen and (min-width: 576px) { .search.list-layout-9 .site-main .post .content-wrap .post-footer .post-share, .archive.list-layout-9 .site-main .post .content-wrap .post-footer .post-share, .blog.list-layout-9 .site-main .post .content-wrap .post-footer .post-share { right: -27px; } } .search.list-layout-9 .site-main .post .content-wrap .post-footer .post-share .social-networks, .archive.list-layout-9 .site-main .post .content-wrap .post-footer .post-share .social-networks, .blog.list-layout-9 .site-main .post .content-wrap .post-footer .post-share .social-networks { flex-direction: column; } .search.full-width.centered .page-grid .site-main, .archive.full-width.centered .page-grid .site-main, .blog.full-width.centered .page-grid .site-main { max-width: 755px; margin-right: auto; margin-left: auto; } .search.full-width.centered:not(.masonry-layout, .grid-layout.second) .page-grid .navigation.pagination, .archive.full-width.centered:not(.masonry-layout, .grid-layout.second) .page-grid .navigation.pagination, .blog.full-width.centered:not(.masonry-layout, .grid-layout.second) .page-grid .navigation.pagination { max-width: 755px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 576px) { .search.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header, .archive.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header, .blog.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header { text-align: center; } .search.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-title::before, .archive.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-title::before, .blog.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-title::before { right: 50%; transform: translatex(50%); } .search.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-desc, .archive.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-desc, .blog.full-width.centered:not(.masonry-layout, .grid-layout.second) .site-content .section-header .section-desc { margin: 0 auto; } } .search.full-width.centered.grid-layout.first .navigation.pagination, .search.full-width.centered.list-layout-2 .navigation.pagination, .search.full-width.centered.list-layout-3 .navigation.pagination, .search.full-width.centered.list-layout-4 .navigation.pagination, .search.full-width.centered.list-layout-5 .navigation.pagination, .search.full-width.centered.list-layout-6 .navigation.pagination, .search.full-width.centered.list-layout-7 .navigation.pagination, .search.full-width.centered.list-layout-8 .navigation.pagination, .search.full-width.centered.list-layout-9 .navigation.pagination, .archive.full-width.centered.grid-layout.first .navigation.pagination, .archive.full-width.centered.list-layout-2 .navigation.pagination, .archive.full-width.centered.list-layout-3 .navigation.pagination, .archive.full-width.centered.list-layout-4 .navigation.pagination, .archive.full-width.centered.list-layout-5 .navigation.pagination, .archive.full-width.centered.list-layout-6 .navigation.pagination, .archive.full-width.centered.list-layout-7 .navigation.pagination, .archive.full-width.centered.list-layout-8 .navigation.pagination, .archive.full-width.centered.list-layout-9 .navigation.pagination, .blog.full-width.centered.grid-layout.first .navigation.pagination, .blog.full-width.centered.list-layout-2 .navigation.pagination, .blog.full-width.centered.list-layout-3 .navigation.pagination, .blog.full-width.centered.list-layout-4 .navigation.pagination, .blog.full-width.centered.list-layout-5 .navigation.pagination, .blog.full-width.centered.list-layout-6 .navigation.pagination, .blog.full-width.centered.list-layout-7 .navigation.pagination, .blog.full-width.centered.list-layout-8 .navigation.pagination, .blog.full-width.centered.list-layout-9 .navigation.pagination { justify-content: center; } .popular-posts .section-header { margin-bottom: 45px; } @media screen and (min-width: 768px) { .popular-posts .section-header { text-align: center; } } .popular-posts .section-header .sub-title { font-size: 1em; } /* Single Post & page --------------------------------------------- */ .single .page-grid { padding-bottom: 60px; } @media screen and (min-width: 768px) { .single .page-grid { padding-bottom: 80px; } } .single .page-header .posted-on, .single .site-main .posted-on { font-family: var(--secondary-font); text-transform: capitalize; } .single .page-header { margin-bottom: 47px; position: relative; } .single .page-header .entry-header { padding-top: 100px; margin-bottom: 50px; } .single .page-header .entry-header .entry-meta { margin-bottom: 13px; } .single .page-header .entry-header .entry-meta:last-child { margin-bottom: 0; } .single .page-header .entry-header .entry-title { font-size: 2.3333333333em; line-height: 1.2; font-weight: 600; margin-top: 0; margin-bottom: 21px; } @media screen and (min-width: 992px) { .single .page-header .entry-header .entry-title { font-size: 3.3333333333em; } } .single .page-header .posted-on { padding-right: 0; } .single .page-header .posted-on::before { content: none; } @media screen and (min-width: 1200px) { .single.leftsidebar .site-main .container, .single.rightsidebar .site-main .container { max-width: 1170px; } } .single.leftsidebar .site-main .popular-posts, .single.leftsidebar .site-main .related-posts, .single.leftsidebar .site-main .additional-post, .single.rightsidebar .site-main .popular-posts, .single.rightsidebar .site-main .related-posts, .single.rightsidebar .site-main .additional-post { max-width: 100%; } .single.leftsidebar .site-main .post .entry-header, .single.rightsidebar .site-main .post .entry-header { text-align: start; } @media screen and (min-width: 1200px) { .single .site-main .container { max-width: 1000px; } } .single .site-main .post .entry-header { text-align: center; margin-bottom: 10px; } .single .site-main .post .entry-header .entry-title { font-size: 2.222em; margin-bottom: 20px; } .single .site-main .post .post-thumbnail { margin: 50px 0; text-align: center; } .single.single-post .entry-content { margin-top: 0; } .single.single-post.style-one .page-header { background-color: rgba(var(--primary-color-rgb), 0.1); text-align: center; } .single.single-post.style-one .page-header .post-thumbnail { max-width: 1200px; margin: 0 auto; } .single.single-post.style-one .page-header.no-thumbnail .breadcrumb-wrapper { position: relative; text-align: right; } .single.single-post.style-one .page-header.no-thumbnail .entry-header { padding: 50px 0; } .single.single-post.style-two .page-header { text-align: center; } .single.single-post.style-three .page-header { padding-top: 100px; margin-bottom: 31px; } .single.single-post.style-three .page-header .entry-header { text-align: right; padding-top: 59px; margin-bottom: 0; } .single.single-post.style-three .page-header .post-thumbnail { text-align: center; } .single.single-post.style-three .page-header.no-thumbnail .entry-header { padding-top: 0; padding-bottom: 20px; } .single.single-post.style-three .page-header.no-thumbnail .author-img { justify-content: flex-start; } .single.single-post.style-three.full-width.centered .page-header .entry-header { max-width: 700px; margin-right: auto; margin-left: auto; text-align: right; } .single.single-post.style-four .page-header { position: relative; padding-top: 90px; } @media screen and (min-width: 768px) { .single.single-post.style-four .page-header { padding-top: 0; } .single.single-post.style-four .page-header>.container { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } } .single.single-post.style-four .page-header .site-author .author-img { justify-content: flex-start; } .single.single-post.style-four .page-header .entry-header { text-align: right; padding: 23px 0 0; } @media screen and (min-width: 768px) { .single.single-post.style-four .page-header .entry-header { max-width: 538px; margin-right: auto; width: 100%; padding: 60px 50px 60px 31px; background-color: var(--white-color); margin-bottom: 0; } } .single.single-post.style-four .page-header .breadcrumb-wrapper { z-index: 1; padding-top: 0; position: relative; } .single.single-post.style-four .page-header .post-thumbnail { text-align: center; } @media screen and (min-width: 768px) { .single.single-post.style-four .page-header .post-thumbnail { height: 800px; } .single.single-post.style-four .page-header .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } } .single.single-post.style-four .page-header.no-thumbnail { padding: 0; background-color: rgba(var(--primary-color-rgb), 0.2); } .single.single-post.style-four .page-header.no-thumbnail .container { position: static; transform: unset; padding: 50px 15px 80px; } .single.single-post.style-four.full-width.centered .page-header .entry-header { text-align: right; } .single.single-post.style-five .page-header { background-color: rgba(var(--primary-color-rgb), 0.1); padding: 110px 0 15px 0; } .single.single-post.style-five .page-header .container { margin-top: 15px; } .single.single-post.style-five .page-header .container .entry-header { text-align: right; background-color: var(--white-color); margin-bottom: 0; padding: 30px; } .single.single-post.style-five .page-header .container .entry-header .entry-title+.entry-meta { margin-bottom: 0; } .single.single-post.style-five .page-header .site-author .author-img { justify-content: flex-start; } .single.single-post.style-five .page-header .post-thumbnail { text-align: center; } @media screen and (min-width: 768px) { .single.single-post.style-five .page-header { padding: 0; } .single.single-post.style-five .page-header .breadcrumb-wrapper { z-index: 1; padding-top: 0; } .single.single-post.style-five .page-header .breadcrumb-wrapper>div::before { content: ""; width: 100%; height: 100%; background: var(--white-color); position: absolute; top: 0; right: 0; z-index: -1; } .single.single-post.style-five .page-header .container { padding: 60px 80px; margin-top: 0; } .single.single-post.style-five .page-header .container .entry-header { padding: 60px 52px; } } @media screen and (min-width: 992px) { .single.single-post.style-five .page-header { display: flex; align-items: center; } .single.single-post.style-five .page-header .post-thumbnail { flex: 0 0 50%; max-width: 50%; } .single.single-post.style-five .page-header .container { max-width: 100%; padding: 60px 80px; } .single.single-post.style-five .page-header .container .entry-header { max-width: 750px; padding: 60px 52px; } } @media screen and (min-width: 1400px) { .single.single-post.style-five .page-header .container { padding: 60px 105px; } .single.single-post.style-five .page-header .container .entry-header { padding: 70px 60px 70px 52px; } } .single.single-post.style-five .page-header.no-thumbnail .breadcrumb-wrapper>div::before { content: none; } .single.single-post.style-five .page-header.no-thumbnail .container .entry-header { margin-right: auto; margin-left: auto; } .single.single-post.style-five.full-width.centered .page-header .entry-header { text-align: right; } .single.single-post.style-six .page-header { position: relative; } .single.single-post.style-six .page-header .breadcrumb-wrapper { position: relative; } .single.single-post.style-six .page-header>.container { position: absolute; bottom: 30px; right: 50%; transform: translatex(50%); } .single.single-post.style-six .page-header .entry-header { text-align: center; padding: 23px 0 0; margin-bottom: 0; } @media screen and (min-width: 768px) { .single.single-post.style-six .page-header .entry-header { width: 100%; } } .single.single-post.style-six .page-header .entry-header .entry-meta .cat-links a { background-color: var(--white-color); } .single.single-post.style-six .page-header .entry-header .entry-meta .cat-links a::after { content: ""; background-color: rgba(var(--secondary-color-rgb), 0.05); position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .single.single-post.style-six .page-header .entry-header .entry-meta .cat-links a::before { border-bottom: 1px solid var(--white-color); } .single.single-post.style-six .page-header .entry-header .entry-meta .cat-links a:hover { background-color: var(--secondary-color); color: var(--white-color); } .single.single-post.style-six .page-header .entry-header .entry-meta .cat-links a:hover::before { border-bottom: 1px solid var(--secondary-color); } @media (max-width: 992px) { .single.single-post.style-six .page-header .entry-header .entry-title { font-size: 1.6666666667em; } } .single.single-post.style-six .page-header .entry-header .entry-title span { background-color: var(--white-color); } .single.single-post.style-six .page-header .entry-header .entry-title+.entry-meta { background-color: var(--white-color); display: inline-block; padding: 0 9px; } @media screen and (min-width: 768px) { .single.single-post.style-six .page-header .entry-header .entry-title+.entry-meta { padding: 0 20px; } } .single.single-post.style-six .page-header .post-thumbnail { text-align: center; height: 500px; } @media screen and (min-width: 768px) { .single.single-post.style-six .page-header .post-thumbnail { height: 800px; } } .single.single-post.style-six .page-header .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .single.single-post.style-six .page-header.no-thumbnail { background-color: rgba(var(--primary-color-rgb), 0.2); } .single.single-post.style-six .page-header.no-thumbnail .breadcrumb-wrapper>div::before { content: none; } .single.single-post.style-six .page-header.no-thumbnail>.container { position: static; transform: unset; } .single.single-post.style-six .page-header.no-thumbnail>.container .entry-header { padding: 50px 0 30px 0; } .single.single-post.style-six .post .site-author { margin-bottom: 21px; } .single.single-post.style-seven .page-header { margin-bottom: 0; } .single.single-post.style-seven .page-header .breadcrumb-wrapper { position: relative; } .single.single-post.style-seven .page-grid { margin-top: 50px; } .single.single-post.style-seven .page-grid .site-author .author-img { justify-content: flex-start; } @media screen and (min-width: 768px) { .single.single-post.style-seven .page-grid { margin-top: 90px; } } .single.single-post.style-seven .page-grid .site-main .post .entry-header { text-align: right; } .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title { font-size: 2.3333333333em; line-height: 1.2; font-weight: 600; margin-top: 13px; } @media screen and (min-width: 992px) { .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title { font-size: 3.3333333333em; } } .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title+.entry-meta { display: inline-block; } .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title+.entry-meta .posted-on { margin-right: 0; padding-right: 0; } .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title+.entry-meta .posted-on a { padding-right: 0; } .single.single-post.style-seven .page-grid .site-main .post .entry-header .entry-title+.entry-meta .posted-on a::before { content: none; } .single.single-post.style-seven .page-grid .site-main .post .post-thumbnail { text-align: right; } @media screen and (min-width: 768px) { .single.single-post.style-seven .page-grid .site-main .post.has-meta .inner-content-wrap { position: sticky; top: 160px; } } /* @media (min-width: 1500px) { .single.single-post.style-seven .page-grid .site-main .post.has-meta .inner-content-wrap .article-meta { right: -150px; } } @media (max-width: 1500px) and (min-width: 768px) { .single.single-post.style-seven .page-grid .site-main .post.has-meta .inner-content-wrap .article-meta { right: -110px; } } @media (min-width: 1500px) { .single.single-post.style-seven.leftsidebar .page-grid .site-main .post.has-meta .inner-content-wrap .article-meta { left: -178px; right: unset; } } @media (max-width: 1500px) and (min-width: 992px) { .single.single-post.style-seven.leftsidebar .page-grid .site-main .post.has-meta .inner-content-wrap .article-meta { left: -110px; right: unset; } } */ .single.full-width .page-header { position: relative; } .single.full-width .page-header .post-thumbnail { text-align: center; } .single.full-width .page-grid .content-area .newsletter { max-width: 700px; margin-right: auto; margin-left: auto; } .single.full-width .page-grid .content-area .content-wrap { max-width: 100%; margin-right: 0; } .single.full-width.style-two .post .entry-header { text-align: right; } .single.full-width.centered .page-header .entry-header { text-align: center; } .single.full-width.centered .page-header .entry-header .entry-title { margin-top: 0; margin-bottom: 21px; } .single.full-width.centered .page-grid .content-area article>.content-wrap, .single.full-width.centered .page-grid .content-area .newsletter { max-width: 700px; margin-right: auto; margin-left: auto; } .single.full-width.centered.style-two .post .entry-header { text-align: center; } .single.full-width.centered.style-five .site-main .post .entry-header { max-width: 700px; margin: 0 auto 10px; text-align: right; width: 100%; } .single.full-width.centered.style-five .site-main .post .post-thumbnail { text-align: right; max-width: 700px; margin: 50px auto; } @media (max-width: 1200px) and (min-width: 992px) { .single.leftsidebar .page-grid .site-main .post.has-meta .inner-content-wrap .article-meta { right: unset; left: -110px; } } .single .single-button-wrapper { text-align: center; margin-top: 60px; } .single .single-button-wrapper .wc-btn { outline: none; } .single .popular-posts, .single .related-posts, .single .additional-post { margin: 60px auto 0; } @media screen and (min-width: 768px) { .single .popular-posts, .single .related-posts, .single .additional-post { margin: 80px auto 0; } } .single .page-grid .content-area .newsletter { margin-top: 66px; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper { padding: 40px; } @media (min-width: 768px) { .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper { padding: 70px 60px; } } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container { padding: 0; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container .text-holder { text-align: center; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container .text-holder span { font-size: 1em; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; grid-column-gap: 17px; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form>label { width: 100%; display: flex; justify-content: center; align-items: center; margin: 20px 0 10px 0; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap .check-mark { margin-top: 5px; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap .text { font-size: 0.777777778em; line-height: 1.8em; } .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form>label .subscribe-inner-wrap input[type=checkbox]:checked+.check-mark { background-color: #fff; } @media (min-width: 768px) { .single .page-grid .content-area .newsletter .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox]) { flex: 1; max-width: 370px; } } .single .author-signature { display: flex; flex-flow: row wrap; align-items: flex-start; grid-row-gap: 1em; grid-column-gap: 2em; flex-direction: column; width: 100%; margin-top: 45px; } .single .author-signature .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; grid-gap: 0; opacity: 0.8; } .single .author-signature .social-list li { margin: 5px; padding-right: 0; } .single .author-signature .social-list li::before { content: none; } .single .author-signature .social-list li a { display: inline-block; line-height: 1.3; padding: 5px 7px; text-decoration: none; color: var(--font-color); font-size: 16px; } .single .author-signature .social-list li a:hover { color: var(--primary-color); } .single .author-signature.center { text-align: center; justify-content: center; align-items: center; } .single .author-signature.right { text-align: left; justify-content: flex-end; align-items: flex-end; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) a:not(.wc-btn) { font-family: var(--secondary-font); color: var(--primary-color); } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) a:not(.wc-btn):hover { text-decoration: none; color: var(--primary-color); } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) .dropcap { color: var(--primary-color); font-family: var(--secondary-font); font-size: 3.388em; line-height: 1; float: right; margin-left: 5px; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) .highlight { background-color: rgba(var(--secondary-color-rgb), 0.2); } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ul, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol { margin-right: 0; list-style: none; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ul li, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol li { margin-bottom: 20px; position: relative; padding-right: 25px; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ul li::before, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol li::before { content: ""; position: absolute; right: 0; top: 14px; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ul li::before { width: 5px; height: 5px; background: var(--primary-color); transform: rotate(-45deg); } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol { counter-reset: order-count; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol li { counter-increment: order-count; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) ol li::before { content: counter(order-count) "."; font-size: 0.888em; font-weight: 500; line-height: 1; font-family: var(--secondary-font); color: var(--primary-color); top: 8px; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) q { margin: 50px 0; padding: 40px 60px 45px; background: rgba(var(--secondary-color-rgb), 0.1); display: block; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) q::before, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) q::after { content: none; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) q p { font-size: 1.222em; line-height: 1.95; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) q p:last-child { margin-bottom: 0; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) p+ul, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) p+ol { margin-top: -20px; margin-bottom: 20px; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table { text-align: right; border-collapse: collapse; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table td, .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table th { font-weight: normal; padding: 12.5px 0; line-height: 1.5; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table th { border-bottom: 1px solid var(--primary-color); font-size: 0.888em; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table td { font-size: 0.777em; } .site-main .entry-content:not(.elementor ul, .elementor ol, .elementor ol li::before, .elementor ul li::before) table tbody tr:first-child td { padding-top: 25px; } .page .site-main .entry-footer, .single .site-main .entry-footer { margin-top: 50px; } .page.full-width .comments-area, .page.full-width nav.post-navigation, .page.full-width .author-section, .single.full-width .comments-area, .single.full-width nav.post-navigation, .single.full-width .author-section { max-width: 700px; } .page .author-section, .single .author-section { margin: 0 auto; margin-top: 40px; } .page .author-section .inner-author-section, .single .author-section .inner-author-section { border: 1px solid rgba(var(--primary-color-rgb), 0.2); border-top: 5px solid rgba(var(--primary-color-rgb), 0.2); padding: 45px 40px; } .page .author-section .result-count, .single .author-section .result-count { margin-top: 50px; display: inline-block; } .page .author-section .author-img-title-wrap, .single .author-section .author-img-title-wrap { display: flex; flex-direction: column; grid-gap: 20px; align-items: center; margin-bottom: 35px; text-align: center; } @media screen and (min-width: 576px) { .page .author-section .author-img-title-wrap, .single .author-section .author-img-title-wrap { flex-direction: row; flex-wrap: wrap; text-align: right; } } .page .author-section .author-img-title-wrap .author-img, .single .author-section .author-img-title-wrap .author-img { margin: 0; } .page .author-section .author-img-title-wrap .author-img img, .single .author-section .author-img-title-wrap .author-img img { width: 130px; height: 130px; object-fit: cover; border-radius: 100px; } .page .author-section .author-img-title-wrap .author-title-wrap .title, .single .author-section .author-img-title-wrap .author-title-wrap .title { font-size: 0.8888888889em; letter-spacing: 0.2px; font-family: var(--primary-font); margin-bottom: 8px; font-weight: 400; } .page .author-section .author-img-title-wrap .author-title-wrap .byline .fn, .page .author-section .author-img-title-wrap .author-title-wrap .author-name, .single .author-section .author-img-title-wrap .author-title-wrap .byline .fn, .single .author-section .author-img-title-wrap .author-title-wrap .author-name { font-size: 1.3333333333em; line-height: 1.75; font-weight: 600; margin-bottom: 15px; color: rgba(var(--font-color-rgb), 0.9); text-transform: capitalize; } .page .author-section .author-img-title-wrap .author-title-wrap .social-list, .single .author-section .author-img-title-wrap .author-title-wrap .social-list { margin-top: 18px; justify-content: center; grid-gap: 25px; flex-wrap: wrap; } @media screen and (min-width: 576px) { .page .author-section .author-img-title-wrap .author-title-wrap .social-list, .single .author-section .author-img-title-wrap .author-title-wrap .social-list { justify-content: flex-start; } } .page .author-section .author-content p:last-child, .single .author-section .author-content p:last-child { margin-bottom: 0; } .page:not(.home).full-width:not(.woocommerce-account, .woocommerce-checkout, .woocommerce-cart).centered .content-area .site-main article.page { max-width: 700px; margin-right: auto; margin-left: auto; } .page:not(.home) .page-header .breadcrumb-wrapper { position: relative; text-align: right; } .page:not(.home) .content-area .site-main .page-title { margin-bottom: 34px; text-align: right; } .popular-posts, .related-posts, .additional-post { margin: 120px 0; } .popular-posts .title, .related-posts .title, .additional-post .title { margin-bottom: 45px; font-weight: 600; font-size: 1.9444444444em; } .popular-posts .article-wrap, .related-posts .article-wrap, .additional-post .article-wrap { display: flex; flex-direction: column; grid-row-gap: 45px; } @media screen and (min-width: 576px) { .popular-posts .article-wrap, .related-posts .article-wrap, .additional-post .article-wrap { margin: 0 -15px; } } .popular-posts .article-wrap .post, .related-posts .article-wrap .post, .additional-post .article-wrap .post { margin: 0; } .popular-posts .article-wrap .post .post-thumbnail, .related-posts .article-wrap .post .post-thumbnail, .additional-post .article-wrap .post .post-thumbnail { display: block; margin-bottom: 25px; } .popular-posts .article-wrap .post .entry-header .cat-links a, .related-posts .article-wrap .post .entry-header .cat-links a, .additional-post .article-wrap .post .entry-header .cat-links a { margin: 4px; } .popular-posts .article-wrap .post .entry-header .entry-title, .related-posts .article-wrap .post .entry-header .entry-title, .additional-post .article-wrap .post .entry-header .entry-title { font-size: 1.4444444444em; line-height: 1.4; margin-bottom: 0; margin-top: 20px; margin-bottom: 15px; font-weight: normal; } .popular-posts .article-wrap .post .entry-header .entry-title a, .related-posts .article-wrap .post .entry-header .entry-title a, .additional-post .article-wrap .post .entry-header .entry-title a { color: rgba(var(--font-color-rgb), 0.9); transition: all 0.235s ease-in-out; } .popular-posts .article-wrap .post .entry-header .entry-title a:hover, .related-posts .article-wrap .post .entry-header .entry-title a:hover, .additional-post .article-wrap .post .entry-header .entry-title a:hover { color: var(--secondary-color); } @media screen and (min-width: 768px) { .popular-posts .article-wrap, .related-posts .article-wrap, .additional-post .article-wrap { flex-wrap: wrap; flex-direction: row; margin: 0 -22.5px; } .popular-posts .article-wrap .post, .related-posts .article-wrap .post, .additional-post .article-wrap .post { padding: 0 22.5px; flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 992px) { .popular-posts .article-wrap .post, .related-posts .article-wrap .post, .additional-post .article-wrap .post { padding: 0 22.5px; flex: 0 0 25%; max-width: 25%; } } .popular-posts .section-button-wrapper, .related-posts .section-button-wrapper, .additional-post .section-button-wrapper { margin-top: 80px; text-align: center; } @media screen and (min-width: 768px) { .single-post.leftsidebar:not(.error404) .popular-posts .article-wrap .post, .single-post.leftsidebar:not(.error404) .related-posts .article-wrap .post, .single-post.leftsidebar:not(.error404) .additional-post .article-wrap .post, .single-post.rightsidebar:not(.error404) .popular-posts .article-wrap .post, .single-post.rightsidebar:not(.error404) .related-posts .article-wrap .post, .single-post.rightsidebar:not(.error404) .additional-post .article-wrap .post { padding: 0 22.5px; flex: 0 0 50%; max-width: 50%; } } .entry-content p+ul, .entry-content p+ol { margin-top: -15px; margin-bottom: 15px; } .advertise-holder { margin: 0 0 50px 0; text-align: center; } /* share article --------------------------------------------- */ .single .post.has-meta { position: relative; } .single .post.has-meta .article-meta .article-meta-inner { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 20px; } @media screen and (min-width: 768px) { .single .post.has-meta .article-meta .article-meta-inner { position: -webkit-sticky; position: sticky; top: 160px; } } .single .post.has-meta .article-meta .author-img { margin: 0; } .single .post.has-meta .article-meta .author-img img { width: 57px; height: 57px; border-radius: 50%; display: block; margin: 0 auto; } .single .post.has-meta .article-meta .byline { order: 1; } .single .post.has-meta .article-meta .byline a { text-decoration: none; display: flex; align-items: center; grid-gap: 10px; font-size: 1em; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); } .single .post.has-meta .article-meta .byline a:hover { color: var(--primary-color); } .single .post.has-meta .article-meta .byline .fn { font-family: var(--secondary-font); font-size: 1em; color: var(--font-color); font-weight: normal; line-height: 1.75; transition: all 0.2s ease-in-out; } .single .post.has-meta .article-meta .byline .fn:hover { color: var(--primary-color); } .single .post.has-meta .article-meta .post-share { order: 3; display: inline-flex; flex-direction: row-reverse; grid-gap: 15px; } .single .post.has-meta .article-meta .post-share .social-networks { align-items: center; grid-gap: 0; } .single .post.has-meta .article-meta .post-share .social-networks a { padding: 15px; line-height: 1; } .single .post.has-meta .article-meta .post-share .post-share-title { flex-direction: column; justify-content: center; align-items: center; } .single .post.has-meta .article-meta .post-share .post-share-title svg { margin-bottom: 12px; } .single .post.has-meta .article-meta .post-share .post-share-title svg path { fill: var(--primary-color); } .single .post.has-meta .article-meta .post-share .post-share-title span { font-size: 0.8888888889em; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); line-height: 1; } .single .post.has-meta .article-meta .comments { order: 2; } .single .post.has-meta .article-meta .comments svg path { fill: var(--primary-color); } .single .post.has-meta .article-meta .comments a { display: flex; align-items: center; grid-gap: 10px; text-decoration: none; font-size: 0.8888888889em; font-family: var(--secondary-font); line-height: 1.5; color: rgba(var(--font-color-rgb), 0.9); } .single .post.has-meta .article-meta .comments a:hover { color: var(--primary-color); } .single .post.has-meta .article-meta .bpp_single_ajax_like { order: 3; border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); padding-top: 20px; } @media screen and (min-width: 768px) { .single .post.has-meta { padding-right: 125px; } /* .single .post.has-meta .article-meta { width: 104px; text-align: center; position: absolute; height: 100%; right: 0; top: 0; } */ .single .post.has-meta .article-meta .article-meta-inner { flex-direction: column; } .single .post.has-meta .article-meta .byline { order: 1; margin-top: 8px; display: inline-block; } .single .post.has-meta .article-meta .byline a { flex-direction: column; } .single .post.has-meta .article-meta .post-share { order: 2; flex-direction: column; } .single .post.has-meta .article-meta .post-share .social-networks { flex-direction: column; } .single .post.has-meta .article-meta .post-share .post-share-title { display: none; } .single .post.has-meta .article-meta .comments { order: 3; } .single .post.has-meta .article-meta .comments a { flex-direction: column; } .single .post.has-meta .article-meta .bpp_single_ajax_like { display: inline-block; } } @media screen and (min-width: 1400px) { .single .post.has-meta { padding-right: 0; } /* .single .post.has-meta .article-meta { right: -110px; } */ } /* @media (min-width: 1550px) { .single .post.has-meta .article-meta { right: -178px; } } */ @media screen and (max-width: 767px) { .single .post.has-meta .article-meta { position: fixed; bottom: 0; top: unset !important; right: 0; z-index: 8888; width: 100%; padding: 0; background: var(--white-color); box-shadow: 4px -4px 10px rgba(var(--black-color-rgb), 0.17); } .single .post.has-meta .article-meta .article-meta-inner { align-self: center; position: unset; display: grid; grid-template-columns: 0.25fr 1fr 0.25fr; padding: 10px 15px; max-width: 500px; margin: 0 auto; } .single .post.has-meta .article-meta .article-meta-inner .author-img { display: none; } .single .post.has-meta .article-meta .article-meta-inner .byline { margin-bottom: 0; font-weight: 400; margin-top: -18px; } .single .post.has-meta .article-meta .article-meta-inner .post-share { position: relative; order: 2; flex-direction: unset; justify-content: center; } .single .post.has-meta .article-meta .article-meta-inner .post-share .post-share-title svg path { fill: var(--font-color); } .single .post.has-meta .article-meta .article-meta-inner .post-share .post-share-title .share-text { display: block; } .single .post.has-meta .article-meta .article-meta-inner .post-share .post-share-title:hover svg path, .single .post.has-meta .article-meta .article-meta-inner .post-share .post-share-title:focus svg path { fill: var(--primary-color); } .single .post.has-meta .article-meta .article-meta-inner .post-share .social-networks { display: none; position: absolute; bottom: 105%; background: #fff; right: 50%; transform: translateX(50%); padding: 20px 10px 5px 10px; border-radius: 50px 50px 0 0; } .single .post.has-meta .article-meta .article-meta-inner .comments { order: 2; margin-top: 0; text-align: center; color: rgba(var(--primary-color-rgb), 0.6); transition: all 0.2s ease-in-out; } .single .post.has-meta .article-meta .article-meta-inner .comments svg { height: 24px; width: 1em; } .single .post.has-meta .article-meta .article-meta-inner .comments a { display: block; line-height: 1.2; } .single .post.has-meta .article-meta .article-meta-inner .comments:hover, .single .post.has-meta .article-meta .article-meta-inner .comments:focus { color: rgba(var(--primary-color-rgb), 1); } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like { border-top: 0; padding-top: 0; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .like-text { margin-top: 5px; font-style: normal; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .liked-icon svg { width: 18px; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .favourite { position: relative; min-width: 115px; justify-content: center; flex-direction: column-reverse; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .favourite a { flex-direction: column-reverse; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .fav-count { position: absolute; top: 0px; left: 0; } .single .post.has-meta .article-meta .article-meta-inner .bpp_single_ajax_like .liked-icon { justify-content: center; flex-direction: column-reverse; } } .single.leftsidebar .site-main .post.has-meta { position: relative; } @media screen and (min-width: 992px) { .single.leftsidebar .site-main .post.has-meta { padding-right: 0; padding-left: 100px; } .single.leftsidebar .site-main .post.has-meta .article-meta { left: 0; right: auto; } } @media screen and (min-width: 1400px) { .single.leftsidebar .site-main .post.has-meta { padding-left: 0; } .single.leftsidebar .site-main .post.has-meta .article-meta { right: auto; left: -110px; } } @media (min-width: 1550px) { .single.leftsidebar .site-main .post.has-meta .article-meta { right: auto; left: -178px; } } @media (min-width: 1550px) { .single.full-width.centered:not(.style-seven) .post.has-meta .article-meta { right: -80px; } } .single .site-author { margin-top: 18px; } @media screen and (min-width: 768px) { .single .site-author { display: none; } } .single .site-author .author-img { margin: 0; display: flex; align-items: center; justify-content: center; } .single .site-author .author-img img { width: 57px; height: 57px; border-radius: 50%; } .single .site-author .byline { margin-right: 9px; } .single .site-author .byline a { text-decoration: none; display: flex; align-items: center; grid-gap: 10px; font-size: 1em; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); } .single .site-author .byline a:hover { color: var(--primary-color); } .single .site-author .byline .fn { font-family: var(--secondary-font); font-size: 0.888em; color: var(--font-color); font-weight: normal; line-height: 1.75; transition: all 0.2s ease-in-out; } .single .site-author .byline .fn:hover { color: var(--primary-color); } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* 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 --------------------------------------------------------------*/ @keyframes slideDown { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } @keyframes likeAnimate { 0% { transform: scale(0); } 10% { transform: scale(1); } 90% { display: none; } 100% { display: none; } } @keyframes loveAnimate { 0% { transform: rotate(90deg); } 100% { transform: rotate(-90deg); } } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* -------------accessibility------------ */ .keyboard-nav-on .site input:active, .keyboard-nav-on .site input:focus, .keyboard-nav-on .site input:hover, .keyboard-nav-on .site a:active, .keyboard-nav-on .site a:focus, .keyboard-nav-on .site a:hover, .keyboard-nav-on .site button:active, .keyboard-nav-on .site button:focus, .keyboard-nav-on .site button:hover, .keyboard-nav-on .site textarea:active, .keyboard-nav-on .site textarea:focus, .keyboard-nav-on .site textarea:hover, .keyboard-nav-on .site select:active, .keyboard-nav-on .site select:focus, .keyboard-nav-on .site select:hover { outline: #000 dashed 3px !important; } /* ---------------------------------------------------- */ .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; } @media screen and (min-width: 64em) { .entry-content blockquote.alignleft, .entry-content blockquote.alignright { width: 52%; } } @media screen and (max-width: 64em) { .entry-content blockquote.alignleft, .entry-content blockquote.alignright { width: 100%; margin-right: 0; margin-left: 0; } } .wp-caption { margin: 50px 0; } .wp-caption figcaption { color: rgba(var(--font-color-rgb), 0.5); font-size: 0.833em; } ul.social-list, ul.author-socicons, .author-signature ul.social-networks, .social-networks { list-style: none; margin: 0; padding: 0; display: flex; grid-gap: 20px; flex-wrap: wrap; } ul.social-list a, ul.author-socicons a, .author-signature ul.social-networks a, .social-networks a { color: rgba(var(--font-color-rgb), 0.9); display: block; font-size: 0.9em; } ul.social-list a:hover, ul.author-socicons a:hover, .author-signature ul.social-networks a:hover, .social-networks a:hover { color: var(--primary-color); } * { margin: 0; padding: 0; box-sizing: border-box; } .skip-link, .skip-link:hover, .skip-link:visited { position: absolute; top: -999px; right: 20px; background: #f7f7f7; border: 1px solid rgba(var(--black-color-rgb), 0.1); font-size: 0.8888em; font-weight: 600; padding: 10px 20px; color: var(--black-color); border-radius: 5px; box-shadow: 0 2px 20px rgba(var(--black-color-rgb), 0.1); z-index: 999; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } label { line-height: 1.3; } .owl-carousel .owl-nav { display: flex; justify-content: center; grid-gap: 15px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: block; width: 30px; height: 30px; background-color: var(--white-color); border: 0; border-radius: 0; transition: all 0.3s ease; background-size: 11.41px 12.05px; background-repeat: no-repeat; background-position: center; font-size: 0; } @media screen and (min-width: 768px) { .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 50px; background-size: 13.41px 18.05px; } } .owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled { pointer-events: none; opacity: 0.5; } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: var(--primary-color); } .owl-carousel .owl-nav button.owl-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.408' height='17.806' viewBox='0 0 11.408 17.806'%3E%3Cg id='prev' transform='translate(1 1.408)' opacity='0.8'%3E%3Cg id='Group_5477' data-name='Group 5477' transform='translate(0 0)'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M9,0,0,7.5,9,14.99' transform='translate(0 0)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .owl-carousel .owl-nav button.owl-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.408' height='17.806' viewBox='0 0 11.408 17.806'%3E%3Cg id='prev' transform='translate(1 1.408)' opacity='0.8'%3E%3Cg id='Group_5477' data-name='Group 5477' transform='translate(0 0)'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M9,0,0,7.5,9,14.99' transform='translate(0 0)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .owl-carousel .owl-nav button.owl-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.408' height='17.806' viewBox='0 0 11.408 17.806'%3E%3Cg id='next' transform='translate(1.408 1.408)' opacity='0.8'%3E%3Cg id='Group_5477' data-name='Group 5477' transform='translate(0 0)'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,9,7.5,0,14.99' transform='translate(0 0)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .owl-carousel .owl-nav button.owl-next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.408' height='17.806' viewBox='0 0 11.408 17.806'%3E%3Cg id='next' transform='translate(1.408 1.408)' opacity='0.8'%3E%3Cg id='Group_5477' data-name='Group 5477' transform='translate(0 0)'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,9,7.5,0,14.99' transform='translate(0 0)' fill='none' stroke='%23001a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .owl-carousel .owl-dots { display: flex; justify-content: center; grid-gap: 15px; } .owl-carousel .owl-dots .owl-dot { display: block; width: 11px; height: 11px; background: var(--primary-color); transition: all 0.3s ease; border-radius: 0; transform: rotate(-45deg); opacity: 0.1; } .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active { opacity: 1; } .section-header { margin-bottom: 79px; overflow: hidden; } .section-header .section-desc p { margin-bottom: 0; } .section-subtitle { max-width: 100%; display: inline-block; font-size: 3.3333333333em; line-height: 1; transform: rotate(8deg); margin-bottom: 45px; } .promo-section .widget-title, .section-title, .page-title { font-size: 2.5em; line-height: 1.5; margin-top: 0; margin-bottom: 0px; font-weight: normal; position: relative; display: inline-block; padding-bottom: 24px; max-width: 100%; font-style: italic; } .promo-section .widget-title::before, .section-title::before, .page-title::before { content: ""; width: 48px; height: 0; border-bottom: 1px solid var(--secondary-color); position: absolute; bottom: 0; right: 0; } .section-desc { margin-top: 24px; max-width: 629px; font-size: 1.2222222222em; line-height: 1.8; } .section-desc p { margin-bottom: 0; } section .widget { margin-bottom: 0; }