/*! RTL CSS --------------------------------------------------------------*/ :root { --primary-color: #A60505; --primary-color-rgb: 166,5,5; --secondary-color: #1A0101; --secondary-color-rgb: 26,1,1; --font-color: #1A0101; --font-color-rgb: 26,1,1; --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: Source Serif 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: rgba(var(--font-color-rgb), 0.9); 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: 400; margin-bottom: 0.5em; line-height: 1.55; } h1 { font-size: 2.666em; } h2 { font-size: 2.222em; } h3 { font-size: 1.9444em; } h4 { font-size: 1.666em; } h5 { font-size: 1.444em; } h6 { font-size: 1.222em; } 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: rgba(var(--font-color-rgb), 0.9); 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(--font-color-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.02); } table thead { border-bottom: 0 !important; } 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 !important; border: 0 !important; } th a { color: var(--font-color); text-decoration: none; } th a:hover { color: var(--primary-color); } /* 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; } .entry-content .wp-block-quote { border-right: 0; margin: 50px 0; padding-right: 45px; } 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; } 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='%23A60505'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 0px; bottom: -16px; z-index: -1; opacity: 0.05; } 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; } /* Links --------------------------------------------- */ /* Links --------------------------------------------- */ .site a { color: var(--primary-color); text-decoration: none; transition: all 0.234s ease-in-out; } .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: 1em; line-height: 1; letter-spacing: 0.36px; 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); font-family: var(--secondary-font); cursor: pointer; } input[type=submit]:hover { background: var(--primary-color); color: var(--white-color); } .btn-readmore, .btn-link { font-size: 0.88em; line-height: 1; display: inline-block; color: var(--primary-color); text-decoration: none; position: relative; padding-left: 17px; transition: all 0.235s ease-in-out; } .btn-readmore::before, .btn-link::before { content: ""; width: 8px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.106' height='9.573' viewBox='0 0 6.106 9.573'%3E%3Cpath id='Path_29322' data-name='Path 29322' d='M0,0,4.9,4.083,0,8.165' transform='translate(0.704 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); top: 2px; background-repeat: no-repeat; position: absolute; left: 0; transition: all 0.235s ease-in-out; } .btn-readmore:hover::before, .btn-link:hover::before { left: -3px; } .wc-btn, .btn-cta { border-radius: 0; font-size: 0.722em; line-height: 1; display: inline-block; position: relative; text-align: center; text-decoration: none; padding: 17px 30px; color: var(--white-color); background: var(--secondary-color); letter-spacing: 0.6px; transition: all 0.35s ease; font-family: var(--secondary-font); width: 100%; } @media screen and (min-width: 768px) { .wc-btn, .btn-cta { font-size: 1em; padding: 17px 30px; width: unset; white-space: nowrap; } } .wc-btn::after, .btn-cta::after { content: ""; } .wc-btn:hover, .btn-cta:hover { background: var(--primary-color); color: var(--white-color); } .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 { color: var(--white-color); background: var(--secondary-color); } .wc-btn.wc-btn-one:hover, .wc-btn.btn-1:hover, .btn-cta.wc-btn-one:hover, .btn-cta.btn-1:hover { color: var(--white-color); background: var(--primary-color); } .wc-btn.wc-btn-two, .wc-btn.btn-2, .btn-cta.wc-btn-two, .btn-cta.btn-2 { color: var(--white-color); background: var(--primary-color); } .wc-btn.wc-btn-two:hover, .wc-btn.btn-2:hover, .btn-cta.wc-btn-two:hover, .btn-cta.btn-2:hover { background: var(--secondary-color); color: var(--white-color); } .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; opacity: 0.7; } .toggle-btn .toggle-bar:first-child { margin-top: 0px; } .toggle-btn .toggle-bar:last-child { margin-bottom: 0px; } .toggle-btn:hover .toggle-bar { opacity: 1; 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:not(.page-template-blossom-portfolio .button) { background-color: var(--primary-color) !important; color: var(--white-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:not(.page-template-blossom-portfolio .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, .product_type_external, .added_to_cart, .add_to_cart_button { background-color: var(--primary-color) !important; color: var(--white-color) !important; font-size: 15px !important; font-weight: 400 !important; border-radius: 0 !important; padding: 18px 35px 18px 35px !important; position: relative; transition: all 0.235s ease-in-out; line-height: 1.1; margin-top: 0; display: flex !important; align-items: center; } .single_add_to_cart_button.button::before, .product_type_grouped::before, .btn-add-to-cart::before, .product_type_external::before, .added_to_cart::before, .add_to_cart_button::before { content: ""; width: 13px; height: 13px; display: block; 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='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; transition: all 0.235s ease-in-out; margin-left: 10px; } .single_add_to_cart_button.button:hover, .product_type_grouped:hover, .btn-add-to-cart:hover, .product_type_external: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, .product_type_external: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, .product_type_external::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 rgba(var(--font-color-rgb), 0.15); 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='9.736' height='6.204' viewBox='0 0 9.736 6.204'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M5,0,0,4.164,5,8.328' transform='translate(0.704 5.704) rotate(-90)' fill='none' stroke='%231a0101' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-size: 15px 8px; background-repeat: no-repeat; background-position: left 22px center; padding-left: 45px; width: 100%; } 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(--primary-color-rgb), 0.15); background: rgba(var(--white-color-rgb), 1); border-radius: 0; padding: 10px 15px; width: 100%; margin-bottom: 15px; font-size: 0.778em; color: var(--font-color); font-family: var(--primary-font); } 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: 530px; } @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; } } .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(--primary-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; } .sticky-t-bar .sticky-bar-content .container .btn-readmore { margin-right: 4%; outline: none; background: var(--secondary-color); 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(--primary-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; justify-content: 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; padding: 0 40px; } } .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: 1em; font-weight: 500; line-height: 1.3; position: relative; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container .text-holder h3::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11.64' viewBox='0 0 12 11.64'%3E%3Cg id='Group_9193' data-name='Group 9193' transform='translate(0 0.001)' opacity='0.7'%3E%3Cpath id='Path_29319' data-name='Path 29319' d='M.329,5.75c-.454.233-.436.573.041.757l1.412.545a1.847,1.847,0,0,0,1.6-.224l6.13-4.716c.4-.309.446-.264.1.1L4.765,7.274A.567.567,0,0,0,5,8.266l.165.063c.478.18,1.258.484,1.733.672l1.566.622a.814.814,0,0,0,1.119-.517L11.965.55c.135-.483-.127-.688-.581-.456Z' transform='translate(0 0)' fill='%231a0101'/%3E%3Cpath id='Path_29320' data-name='Path 29320' d='M9.231,25.3c-.032.1,1.1-1.643,1.1-1.643a.849.849,0,0,0-.4-1.3l-1.238-.507c-.542-.222-.8.039-.578.58C8.116,22.429,9.264,25.2,9.231,25.3Z' transform='translate(-4.977 -13.66)' fill='%231a0101'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; right: -24px; top: 6px; width: 12px; height: 11px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container .text-holder span { font-size: 0.8333333333em; 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%; } } @media (max-width: 1100px) { .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form { width: 100%; } } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form .check-mark { border: 1px solid rgba(var(--primary-color-rgb), 0.5); } .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:not(input[type=checkbox], input[type=submit]) { border: 1px solid rgba(var(--font-color-rgb), 0.1); } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form input[type=submit] { line-height: 41px; font-family: var(--secondary-font); letter-spacing: 0.6px; padding-right: 18px; padding-left: 18px; font-size: 0.7777777778em; } .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; 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; margin-left: 4px; } .sticky-t-bar .sticky-bar-content .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap .text { font-size: 0.88888889em; line-height: 1.2em; margin-right: 4px; color: rgba(var(--font-color-rgb), 0.78); } @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: 2; 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); } .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: 10px 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; background: rgba(var(--white-color-rgb), 0.5); } .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; } } @media (max-width: 1300px) and (min-width: 1200px) { .sticky-t-bar .sticky-bar-content { padding: 25px 0 19px; } .sticky-t-bar .close { top: 4px; } } @media (max-width: 1120px) and (min-width: 992px) { .sticky-t-bar .sticky-bar-content { padding: 25px 0 19px; } .sticky-t-bar .close { top: 4px; } } @media (max-width: 900px) and (min-width: 767px) { .sticky-t-bar .sticky-bar-content { padding: 25px 0 19px; } .sticky-t-bar .close { top: 4px; } } /*----------------------------- bottom sticky bar ------------------------------*/ .sticky-b-bar { position: relative; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-b-bar .bottom-bar-content { padding: 10px 0; border-top: 4px solid var(--primary-color); } .sticky-b-bar .bottom-bar-content .container { display: flex; align-items: flex-start; flex-direction: column; } .sticky-b-bar .bottom-bar-content .container a, .sticky-b-bar .bottom-bar-content .container p { margin: 5px 0; } .sticky-b-bar .bottom-bar-content .container p { font-size: 1.1em; font-family: var(--secondary-font); } .sticky-b-bar .bottom-bar-content .container .btn-readmore { margin-right: 0; outline: none; background: var(--primary-color); color: var(--white-color); font-size: 15px; padding: 14px 25px; white-space: nowrap; } .sticky-b-bar .bottom-bar-content .container .btn-readmore:hover { background: var(--secondary-color); color: var(--white-color); outline: none; } .sticky-b-bar .bottom-bar-content .container .btn-readmore::before, .sticky-b-bar .bottom-bar-content .container .btn-readmore::after { content: none; } @media screen and (min-width: 768px) { .sticky-b-bar .bottom-bar-content .container { flex-direction: row; justify-content: center; align-items: center; } .sticky-b-bar .bottom-bar-content .container .btn-readmore { margin-right: 4%; font-size: 17px; padding: 16px 28px; } } .sticky-b-bar .close { background: var(--white-color); padding: 0; width: 32px; height: 30px; min-height: auto; position: absolute; top: -15px; border-radius: 50%; left: 4%; cursor: pointer; z-index: 2; border: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-b-bar .close::before, .sticky-b-bar .close::after { content: ""; background: rgba(var(--font-color-rgb), 0.6); width: 8px; height: 2px; position: absolute; top: 0; left: 0; bottom: 0; right: -5px; 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-b-bar .close::after { right: 0; left: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .sticky-b-bar:not(.active) .close { top: -23px; background: rgba(var(--primary-color-rgb), 0.8); transform: rotate(-180deg); } .sticky-b-bar:not(.active) .close::before, .sticky-b-bar:not(.active) .close::after { background: rgba(var(--white-color-rgb), 0.8); } /*----------------------------- bottom sticky bar ------------------------------*/ /* 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 { grid-gap: 0; margin-right: 0; justify-content: flex-end; } .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); } @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; } .nav-menu li a { color: #001a1a; text-decoration: none; line-height: 1; display: inline-block; white-space: nowrap; text-decoration: none; font-family: var(--secondary-font); font-size: 0.888em; } .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; } } @media screen and (min-width: 1400px) { .main-navigation { grid-gap: 50px; } } @media screen and (min-width: 1199px) { .main-navigation .nav-menu { display: inline-flex; flex-direction: row; flex-wrap: wrap; } } .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); } @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-ten, .style-eight) .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-ten, .style-eight) .secondary-nav > div .close-btn { position: absolute; top: 10px; left: 10px; } .site-header:not(.style-ten, .style-eight) .secondary-nav > div .nav-menu li{ text-align: left; } .site-header:not(.style-ten, .style-eight) .secondary-nav > div .nav-menu li:not(:last-child) { border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .site-header:not(.style-ten, .style-eight) .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-ten, .style-eight) .secondary-nav > div .nav-menu li .sub-menu { all: unset; display: none; } .site-header:not(.style-ten, .style-eight) .secondary-nav > div .nav-menu li .sub-menu .menu-item-has-children .submenu-toggle-btn { transform: rotate(0); } /* 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; box-shadow: 0 17px 16px rgba(var(--font-color-rgb), 0.03); /* header style one --------------------------------------------- */ /* header style two --------------------------------------------- */ /* header style three --------------------------------------------- */ /* header style four, five seven common --------------------------------------------- */ /* header style four --------------------------------------------- */ /* header style five --------------------------------------------- */ /* header style seven --------------------------------------------- */ /* header style eight --------------------------------------------- */ /* header style nine --------------------------------------------- */ /* header style ten --------------------------------------------- */ } .site-header .header-left-inner { display: flex; align-items: center; } .site-header .secondary-nav + .random-post-search { margin-right: 10px; padding-right: 10px; border-right: 1px solid rgba(var(--font-color-rgb), 0.05); border-left: 0; } .site-header .random-post-search { display: inline-flex; } .site-header .random-post-search a { color: rgba(var(--font-color-rgb), 0.7); font-size: 22px; display: inline-flex; } .site-header .random-post-search a:hover { color: var(--primary-color); } .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; } .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; padding: 16px; 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 .container, .site-header .header-top .container > [class*=header-] { display: flex; align-items: center; grid-gap: 30px; flex-wrap: wrap; } .site-header .header-top > .container { padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } @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 > .header-main { padding: 20px 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-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(3) .sub-menu, .site-header:not(.style-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(2) .sub-menu, .site-header:not(.style-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:last-child .sub-menu { right: 0; left: auto; } .site-header:not(.style-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(3) .sub-menu .submenu-toggle-btn, .site-header:not(.style-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(2) .sub-menu .submenu-toggle-btn, .site-header:not(.style-two, .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-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(3) .sub-menu .sub-menu, .site-header:not(.style-two, .style-four, .style-six) .header-main .main-navigation .nav-menu > li:nth-last-child(2) .sub-menu .sub-menu, .site-header:not(.style-two, .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 .container { justify-content: space-between; flex-wrap: nowrap; } .site-header.style-one > .header-middle { padding: 20px 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 { display: flex; justify-content: center; text-align: center; } .site-header.style-one .header-main { padding: 15px 0; } .site-header.style-one .header-main .container { justify-content: space-between; } @media screen and (min-width: 1200px) { .site-header.style-one .header-main .main-navigation { width: unset; } .site-header.style-one .header-main .main-navigation .nav-menu > li:last-child { padding-left: 0; } } .site-header.style-one .header-main .secondary-nav > div { left: 0; right: unset; } .site-header.style-two > .header-top .container { display: flex; align-items: center; justify-content: space-between; } .site-header.style-two > .header-top .container .site-branding { text-align: center; } .site-header.style-two > .header-top .container .header-left { 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; justify-content: center; } .site-header.style-two > .header-main .main-navigation .nav-menu > li:last-child { padding-left: 0; } .site-header.style-two > .header-main .main-navigation .nav-menu > li:first-child { padding-right: 0; } .site-header.style-three > .header-top .container { justify-content: space-between; } .site-header.style-three > .header-top .container .header-left { grid-gap: 68px; } .site-header.style-three > .header-top .container .header-left .secondary-nav > div { left: 0; right: unset; } .site-header.style-three > .header-top .container .header-right { grid-gap: 0; } .site-header.style-three > .header-main .container { justify-content: center; } @media screen and (min-width: 1200px) { .site-header.style-three > .header-main .container { justify-content: space-between; } } .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; } @media screen and (min-width: 1200px) { .site-header.style-three > .header-main .main-navigation { width: unset; flex: unset; } } .site-header.style-three > .header-main .main-navigation > div .nav-menu { flex-wrap: wrap; } .site-header.style-three > .header-main .main-navigation .nav-menu > li:last-child { padding-left: 0; } .site-header.style-seven > .header-top, .site-header.style-five > .header-top, .site-header.style-four > .header-top { background-color: rgba(var(--primary-color-rgb), 0.05); } .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; border: 0; padding-top: 12px; padding-bottom: 12px; } .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; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .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: 39px 0; text-align: center; } .site-header.style-seven > .header-main, .site-header.style-five > .header-main, .site-header.style-four > .header-main { padding: 0; } .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-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-seven > .header-main .main-navigation .nav-menu, .site-header.style-five > .header-main .main-navigation .nav-menu, .site-header.style-four > .header-main .main-navigation .nav-menu { padding: 9px 0; } .site-header.style-four > .header-top .container .secondary-nav > div { left: 0; right: unset; } .site-header.style-four > .header-top .container .header-left { grid-gap: 0; } .site-header.style-five > .header-top .container { max-width: 100%; padding: 0 80px; } .site-header.style-five > .header-top .container .secondary-nav > div { left: 0; right: unset; } .site-header.style-five > .header-top .header-right .secondary-nav { margin-right: 30px; } .site-header.style-six > .header-middle .container { display: flex; align-items: center; justify-content: center; } .site-header.style-six > .header-middle .container .site-branding { padding: 39px 0; text-align: center; } .site-header.style-six > .header-main { padding: 6px 0; background-color: rgba(var(--primary-color-rgb), 0.05); } .site-header.style-six > .header-main .container { max-width: 100%; padding: 0 80px; } .site-header.style-six > .header-main .container .header-left { display: flex; align-items: center; } .site-header.style-six > .header-main .container .header-left .secondary-nav + .social-networks { margin-right: 30px; } .site-header.style-six > .header-main .container .header-left .header-left-inner + .social-networks { margin-right: 30px; } .site-header.style-six > .header-main .main-navigation { width: unset; margin: 0; } .site-header.style-six > .header-main .secondary-nav > div { left: 0; right: unset; } .site-header.style-seven > .header-main { padding: 35px 0; } .site-header.style-seven > .header-main .container { justify-content: space-between; max-width: 100%; padding: 0 50px; } .site-header.style-seven > .header-main .header-right .secondary-nav + .social-networks { margin-right: 30px; } .site-header.style-seven > .header-main .header-right .secondary-nav + .social-networks + .header-search { margin-right: 30px; } .site-header.style-seven > .header-main .header-right .secondary-nav + .header-search { margin-right: 30px; } .site-header.style-seven > .header-main .header-right .header-left-inner + .social-networks { margin-right: 30px; } .site-header.style-seven > .header-main .header-right .header-left-inner + .social-networks + .header-search { margin-right: 30px; } .site-header.style-seven > .header-main .header-right .header-left-inner + .header-search { margin-right: 30px; } .site-header.style-eight > .header-top .container { justify-content: space-between; } .site-header.style-eight > .header-top .container .header-right { grid-gap: 0; } .site-header.style-eight > .header-top .container .header-left { grid-gap: 0; } .site-header.style-eight > .header-top .container .header-left .header-search + .random-post-search { margin-right: 10px; padding-right: 10px; border-right: 1px solid rgba(var(--font-color-rgb), 0.05); } .site-header.style-eight > .header-main .container { justify-content: center; } @media screen and (min-width: 1200px) { .site-header.style-eight > .header-main .container { justify-content: space-between; } } .site-header.style-eight > .header-main .site-branding { text-align: center; } @media screen and (min-width: 1200px) { .site-header.style-eight > .header-main .site-branding { margin: 0 38px; } } .site-header.style-eight > .header-main .site-branding.has-image-text { flex-direction: column; justify-content: center; align-items: center; } .site-header.style-eight > .header-main .site-branding.has-image-text .site-title-wrap { margin-right: 0; } .site-header.style-eight > .header-main .main-navigation { margin: 0; } @media screen and (min-width: 1200px) { .site-header.style-eight > .header-main .main-navigation { width: unset; flex: unset; } } .site-header.style-eight > .header-main .main-navigation > div .nav-menu { flex-wrap: wrap; } .site-header.style-eight > .header-main .secondary-nav { display: none; } @media screen and (min-width: 1200px) { .site-header.style-eight > .header-main .secondary-nav { display: block; } } .site-header.style-eight > .header-main .secondary-nav .toggle-btn { display: none; } .site-header.style-eight > .header-main .secondary-nav > div { display: block; padding: 0; position: static; box-shadow: none; background: none; width: auto; } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu { flex-direction: row; flex-wrap: wrap; } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu > li:not(:last-child) { border: none !important; } @media screen and (min-width: 1199px) { .site-header.style-eight > .header-main .secondary-nav > div .nav-menu { display: inline-flex; flex-direction: row; } } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li { padding: 20px 15px; display: flex; flex-direction: column; transition: all 0.3s ease; } @media screen and (min-width: 1200px) { .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li { flex-direction: row; align-items: center; border: none; padding: 22px 25px; } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li:not(:last-child) { border: none; } } .site-header.style-eight > .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-eight > .header-main .secondary-nav > div .nav-menu li .submenu-toggle-btn { position: static; } @media screen and (max-width: 1199px) { .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li .submenu-toggle-btn { position: absolute; left: 15px; top: 20px; color: var(--secondary-color); } } @media screen and (min-width: 1200px) { .site-header.style-eight > .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-eight > .header-main .secondary-nav > div .nav-menu li.menu-item-has-children .sub-menu .sub-menu, .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li.menu-item-has-children .sub-menu ul { right: 100%; top: 0; } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li.menu-item-has-children .sub-menu .submenu-toggle-btn { transform: rotate(90deg); } .site-header.style-eight > .header-main .secondary-nav > div .nav-menu li.menu-item-has-children .sub-menu a { width: 200px; } .site-header.style-eight > .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-nine { box-shadow: none; } .site-header.style-nine > .header-top { background-color: var(--secondary-color); } .site-header.style-nine > .header-top .container { justify-content: space-between; flex-wrap: nowrap; padding-top: 35px; padding-bottom: 71px; } .site-header.style-nine > .header-top .container .site-branding .site-description { color: var(--white-color); } .site-header.style-nine > .header-top .container .header-right .social-networks { grid-gap: 0; } .site-header.style-nine > .header-top .container .header-right .social-networks li a { border: 1px solid rgba(var(--white-color-rgb), 0.05); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: rgba(var(--white-color-rgb), 0.7); } .site-header.style-nine > .header-top .container .header-right .social-networks li a:hover { color: var(--primary-color); } .site-header.style-nine > .header-top .container .header-right .header-search .search-toggle path { fill: rgba(var(--white-color-rgb), 0.7); stroke: rgba(var(--white-color-rgb), 0.7); } .site-header.style-nine > .header-top .container .header-right .header-search .search-toggle:hover path { fill: var(--primary-color); stroke: var(--primary-color); } .site-header.style-nine > .header-main { padding: 0; margin-top: -37px; position: relative; z-index: 2; } .site-header.style-nine > .header-main .container { justify-content: space-between; box-shadow: 0 17px 16px rgba(var(--font-color-rgb), 0.03); padding: 5px 40px; background-color: var(--white-color); } @media screen and (min-width: 1200px) { .site-header.style-nine > .header-main .main-navigation { width: unset; } .site-header.style-nine > .header-main .main-navigation .nav-menu > li:last-child { padding-left: 0; } } .site-header.style-nine > .header-main .secondary-nav > div { left: 0; right: unset; } .site-header.style-ten > .header-main { padding: 30px 0; } @media screen and (max-width: 767px) { .site-header.style-ten > .header-main .header-button-wrap { display: none; } .site-header.style-ten > .header-main .header-cart { margin-left: 0; } .site-header.style-ten > .header-main .header-right { justify-content: flex-end; } } .site-header.style-ten > .header-main .header-center { text-align: center; justify-content: center; } .site-header.style-ten > .header-main .header-right { flex: unset; } .site-header.style-ten > .header-main .header-left { display: flex; align-items: center; } .site-header.style-ten > .header-main .header-left .toggle-btn-wrap + .random-post-search { margin-right: 10px; padding-right: 10px; border-right: 1px solid rgba(var(--font-color-rgb), 0.05); border-left: 0; } .site-header.style-ten .toggle-btn-wrap { display: inline-flex; flex-direction: column; align-items: center; } .site-header.style-ten > .header-bottom { background: var(--white-color); position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; display: none; overflow-y: auto; } .site-header.style-ten > .header-bottom .header-bottom-inner > .container { position: relative; padding-top: 130px; padding-bottom: 80px; display: flex; flex-direction: row-reverse; justify-content: center; flex-wrap: wrap; border-top: 1px solid rgba(var(--font-color-rgb), 0.05); } .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close { all: unset; position: absolute; top: 30px; left: 0; width: 40px; height: 40px; cursor: pointer; } .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close::before, .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close::after { content: ""; width: 30px; height: 2px; background: var(--secondary-color); position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; transition: all 0.35s ease; } .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close::before { transform: rotate(-45deg); } .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close::after { transform: rotate(45deg); } .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close:hover::before, .site-header.style-ten > .header-bottom .header-bottom-inner > .container .close:hover::after { background: var(--primary-color); } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left { flex: 0 0 60%; max-width: 60%; padding-left: 10%; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation { flex: 1; margin: 0; display: block; width: 100%; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation > .toggle-btn { display: none; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation > div { flex: 1; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu { align-items: center; text-align: center; display: flex; flex-wrap: wrap; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu > li { flex: 0 0 50%; max-width: 50%; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu li { padding: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu li .sub-menu li { padding: 0 19px 0; text-align: right; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu a { padding: 20px 0; font-size: 1.6666666667em; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu .submenu-toggle { transform: rotate(0deg); } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu .submenu-toggle.active { transform: rotate(-180deg); } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu .menu-item-has-children > a { padding-left: 5px; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu li .submenu-toggle { height: 72px; left: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu .sub-menu li, .site-header.style-ten > .header-bottom .header-bottom-inner .header-left .main-navigation .nav-menu .sub-menu a { font-size: 1.1em; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right { display: flex; flex-wrap: wrap; align-items: flex-end; flex: 0 0 40%; max-width: 40%; padding-right: 10%; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav { margin-bottom: 50px; margin-left: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > .toggle-btn { display: none; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div { all: unset; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu { padding: 0; flex-wrap: wrap; flex-direction: row; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu > li { flex: 0 0 50%; max-width: 50%; padding: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu > li a { padding-right: 0; padding-left: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu a { padding-right: 20px; padding-left: 20px; border-bottom: none; padding-top: 12px; padding-bottom: 12px; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu li .submenu-toggle { left: auto; right: 0; height: 49px; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu li .sub-menu { margin: 0; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .secondary-nav > div .nav-menu li .sub-menu li a { width: 150px; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-right .header-block { margin-right: 0; padding-right: 0; margin-bottom: 30px; } .site-header.style-ten > .header-bottom .header-bottom-inner .header-ad { margin-top: 97px; flex-basis: 100%; } /* mobile header --------------------------------------------- */ @media (max-width: 1199px) { .site-header > .header-top, .site-header > .header-main, .site-header > .header-bottom, .site-header > .header-middle { display: none; } } @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; padding-left: 0; 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 .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: 20px 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-color: rgba(var(--primary-color-rgb), 0.05); display: flex; flex-direction: column; padding: 0; max-width: 100%; min-height: 100%; padding-bottom: 100px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .mobile-header-wrap { background: #fff; padding: 22px 15px 25px 15px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 2222; } .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; flex-direction: column; margin-top: 15px; padding: 0 22px; } .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-social ul li a { padding: unset; line-height: 1; display: inline-block; text-align: center; transition: all 0.3s ease; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-social ul li a svg { transition: all 0.03s ease; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-social ul li a:hover { color: var(--primary-color); } .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 0px; text-align: left; } .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: 1em; color: var(--font-color); 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; padding-right: 20px; } .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; align-items: unset; border-top: 1px solid rgba(var(--font-color-rgb), 0.05); margin-top: 35px; width: 100%; } .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 { width: 100%; display: block; } .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: 1em; font-weight: 400; color: var(--font-color); } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav > div .nav-menu li .sub-menu { padding-right: 10px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav > div .nav-menu li .submenu-toggle-btn { top: 33px; left: 0; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-right .secondary-nav > div .nav-menu > li { padding: 27px 0 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: 7px 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: 14px; } .site-header .mobile-header .header-bottom-slide .header-bottom-slide-inner .container .header-social-wrapper { margin-top: 70px; display: flex; justify-content: center; } /* Front pages --------------------------------------------- */ .site-banner { position: relative; /*-------------------------------------------------------------- # Banner slider overlay --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider One --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider two --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider three --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider four --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider five --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider six --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider seven --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider eight --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slider nine --------------------------------------------------------------*/ /*-------------------------------------------------------------- # static Cta --------------------------------------------------------------*/ } .site-banner .item .banner-img-wrap svg { width: 100%; } .site-banner .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 .caption-wrapper { position: absolute; } } .site-banner .large-width .banner-caption .banner-title { font-size: 1em; line-height: 1.37; font-weight: normal; margin-top: 13px; } @media screen and (min-width: 768px) { .site-banner .large-width .banner-caption .banner-title { font-size: 1.6666666667em; } } .site-banner .item-post { position: relative; } .site-banner .banner-caption { padding: 17px 15px; position: relative; margin: 0 auto; } @media screen and (min-width: 768px) { .site-banner .banner-caption { padding: 34px 30px; } } .site-banner .banner-caption .entry-meta .cat-links { color: var(--white-color); } .site-banner .banner-caption .entry-meta .cat-links a { color: var(--white-color); } .site-banner .banner-caption .entry-meta .cat-links a::before { top: 8px; background-color: var(--white-color); } .site-banner .banner-caption .entry-meta .cat-links a:hover { color: var(--primary-color); } .site-banner .banner-caption .entry-meta .cat-links a:hover::before { background-color: var(--primary-color); } .site-banner .banner-caption .entry-meta .cat-links a + a { margin-right: 6px; } .site-banner .banner-caption .banner-title { font-size: 0.833em; line-height: 1.37; font-weight: normal; margin-top: 11px; } @media screen and (min-width: 768px) { .site-banner .banner-caption .banner-title { font-size: 1.333em; } } .site-banner .banner-caption .banner-title a { color: var(--white-color); text-decoration: none; transition: all ease 0.35s; } .site-banner .banner-caption .banner-title a:hover { color: var(--primary-color); } .site-banner .banner-caption .banner-title span { font-family: var(--signature-font-one); } .site-banner .banner-caption .banner-desc { margin-bottom: 36px; letter-spacing: 0.2px; font-size: 1em; line-height: 1.75; } .site-banner .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-caption .banner-button-wrap { flex-direction: row; } } .site-banner .banner-caption .entry-footer { display: flex; align-items: center; flex-wrap: wrap; margin-top: 10px; } .site-banner .banner-caption .entry-footer .byline a { color: var(--white-color); } .site-banner .banner-caption .entry-footer .byline a.fn { font-weight: normal; font-size: 0.7777em; color: var(--white-color); font-family: var(--secondary-font); text-transform: capitalize; } .site-banner .banner-caption .entry-footer .byline a.fn:hover { color: var(--primary-color); } .site-banner .banner-caption .entry-footer .posted-on { margin-right: 15px; } .site-banner .banner-caption .entry-footer .posted-on a { color: var(--white-color); } .site-banner .banner-caption .entry-footer .posted-on a::before { background-color: rgba(var(--white-color-rgb), 0.15); } .site-banner .banner-caption .entry-footer .posted-on a:hover { color: var(--primary-color); } .site-banner .banner-caption .entry-content { margin-bottom: 0; margin-top: 25px; } .site-banner .banner-caption .entry-content p:last-child { margin-bottom: 0; } .site-banner .owl-carousel .owl-item { overflow: hidden; } .site-banner.slider-eight .banner-wrapper .item .banner-caption::before, .site-banner.slider-seven .banner-wrapper .item .banner-caption::before, .site-banner.slider-six .banner-wrapper .item .banner-caption::before, .site-banner.slider-three .banner-wrapper .item .banner-caption::before, .site-banner.slider-nine .banner-wrapper .item .banner-caption::before, .site-banner.slider-two .banner-wrapper .item .banner-caption::before, .site-banner.slider-one .banner-wrapper .item .banner-caption::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(255, 255, 255, 0) 100%); top: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .site-banner.slider-one .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-one .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-one .banner-wrapper .item { display: flex; flex-wrap: wrap; flex-direction: row; margin: -14.9px; margin: -3px; } @media screen and (min-width: 768px) { .site-banner.slider-one .banner-wrapper .item { margin: -14.9px; } } .site-banner.slider-one .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding-top: 50px; margin: 0; } .site-banner.slider-one .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } .site-banner.slider-one .banner-wrapper .item .item-post { margin: 3px; } @media screen and (min-width: 768px) { .site-banner.slider-one .banner-wrapper .item .item-post { margin: 14.9px; } } .site-banner.slider-one .banner-wrapper .item .item-post.large-width { flex-basis: 100%; max-width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-one .banner-wrapper .item .item-post.large-width { flex-basis: 58%; max-width: 58%; } } @media screen and (min-width: 1200px) { .site-banner.slider-one .banner-wrapper .item .item-post.large-width { flex-basis: 64.9%; max-width: 64.9%; } } .site-banner.slider-one .banner-wrapper .item .item-post:not(.large-width) { max-width: 48.2%; } @media (max-width: 374px) { .site-banner.slider-one .banner-wrapper .item .item-post:not(.large-width) { max-width: 100%; } } @media screen and (min-width: 576px) { .site-banner.slider-one .banner-wrapper .item .item-post:not(.large-width) { max-width: 45.7%; } } @media screen and (min-width: 992px) { .site-banner.slider-one .banner-wrapper .item .item-post:not(.large-width) { max-width: 365px; } } @media (max-width: 1200px) and (min-width: 992px) { .site-banner.slider-one .banner-wrapper .item .item-post:nth-child(3), .site-banner.slider-one .banner-wrapper .item .item-post:nth-child(4), .site-banner.slider-one .banner-wrapper .item .item-post:nth-child(5) { max-width: 300px; } } .site-banner.slider-two .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-two .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-two .banner-wrapper .item { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; margin: -14.9px -14.9px 0; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap { display: flex; flex-wrap: wrap; flex: 1; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 40.9%; flex: 0 0 40.9%; } @media screen and (min-width: 576px) { .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 43.9%; flex: 0 0 43.9%; } } @media screen and (min-width: 992px) { .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 43.9%; flex: 0 0 43.9%; margin-top: 0; margin-bottom: 48px; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post:nth-child(3), .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post:nth-child(4) { margin-bottom: 0; } } @media screen and (min-width: 1200px) { .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 44.9%; flex: 0 0 44.9%; } } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption { position: static; transform: unset; padding: 21px 0 0 0; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption::before { content: none; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .entry-meta .cat-links a { color: rgba(var(--primary-color-rgb), 0.9); } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .entry-meta .cat-links a:hover { color: var(--primary-color); } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .entry-footer { display: none; } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { margin-bottom: 0; font-size: 0.88em; line-height: 1.6; } @media screen and (min-width: 768px) { .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { font-size: 1.16em; line-height: 1.3; } } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title a { color: rgba(var(--font-color-rgb), 0.8); } .site-banner.slider-two .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title a:hover { color: var(--primary-color); } .site-banner.slider-two .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding-top: 50px; margin: 0; } .site-banner.slider-two .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; font-size: 1.33em; } @media screen and (min-width: 768px) { .site-banner.slider-two .banner-wrapper .item .banner-caption .banner-title { font-size: 1.66em; } } .site-banner.slider-two .banner-wrapper .item .item-post { margin: 14.9px; } .site-banner.slider-two .banner-wrapper .item > .item-post { margin: 14.9px; } .site-banner.slider-two .banner-wrapper .item > .item-post:first-child { flex-basis: 100%; max-width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-two .banner-wrapper .item > .item-post:first-child { flex-basis: 47.3%; max-width: 47.3%; margin-bottom: 0; } } .site-banner.slider-three .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-three .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-three .banner-wrapper .item { display: flex; flex-wrap: wrap; flex-direction: row; margin: -14.9px; margin: -3px; } @media screen and (min-width: 768px) { .site-banner.slider-three .banner-wrapper .item { margin: -14.9px; } } .site-banner.slider-three .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding-top: 50px; margin: 0; } .site-banner.slider-three .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } .site-banner.slider-three .banner-wrapper .item .item-post { margin: 3px; } @media screen and (min-width: 768px) { .site-banner.slider-three .banner-wrapper .item .item-post { margin: 14.9px; } } @media (max-width: 1200px) and (min-width: 374px) { .site-banner.slider-three .banner-wrapper .item .item-post:nth-child(1) { order: 1; } .site-banner.slider-three .banner-wrapper .item .item-post:nth-child(2) { order: 2; } .site-banner.slider-three .banner-wrapper .item .item-post:nth-child(3) { order: 3; } .site-banner.slider-three .banner-wrapper .item .item-post:nth-child(4) { order: 5; } .site-banner.slider-three .banner-wrapper .item .item-post:nth-child(5) { order: 4; } } .site-banner.slider-three .banner-wrapper .item .item-post.large-width { flex-basis: 100%; max-width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-three .banner-wrapper .item .item-post.large-width { flex-basis: 58%; max-width: 58%; } } @media screen and (min-width: 1200px) { .site-banner.slider-three .banner-wrapper .item .item-post.large-width { flex-basis: 64.9%; max-width: 64.9%; } } .site-banner.slider-three .banner-wrapper .item .item-post:not(.large-width) { max-width: 48.2%; } @media (max-width: 374px) { .site-banner.slider-three .banner-wrapper .item .item-post:not(.large-width) { max-width: 100%; } } @media screen and (min-width: 576px) { .site-banner.slider-three .banner-wrapper .item .item-post:not(.large-width) { max-width: 45.7%; } } @media screen and (min-width: 992px) { .site-banner.slider-three .banner-wrapper .item .item-post:not(.large-width) { max-width: 365px; } } .site-banner.slider-four .banner-wrapper .item { position: relative; } .site-banner.slider-four .banner-wrapper .owl-nav { display: none !important; } .site-banner.slider-four .slider-four-thumb { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-four .slider-four-thumb { padding: 0 91px; padding-bottom: 0; } } .site-banner.slider-four .slider-four-thumb .owl-item { opacity: 0.2; } .site-banner.slider-four .slider-four-thumb .owl-item.center { opacity: 1; } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption { padding: 43px 0 0 0; } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .entry-meta a { color: var(--primary-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .banner-title a { color: var(--font-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .banner-title a:hover { color: var(--primary-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .entry-footer .byline a { color: var(--font-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .entry-footer .byline a:hover { color: var(--primary-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .entry-footer .posted-on a { color: var(--font-color); } .site-banner.slider-four .slider-four-thumb .owl-thumb-item .banner-caption .entry-footer .posted-on a:hover { color: var(--primary-color); } .site-banner.slider-five > .container { max-width: 100%; padding: 0; } .site-banner.slider-five .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-five .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-five .banner-wrapper .item { position: relative; } @media (max-width: 767px) { .site-banner.slider-five .banner-wrapper .item .banner-img-wrap { min-height: 182px; } } .site-banner.slider-five .banner-wrapper .item .banner-caption { background-color: var(--white-color); padding: 29px 22px 0 22px; max-width: calc(100% - 15px); margin: -40px auto 0 auto; position: relative; text-align: center; } @media (min-width: 1650px) { .site-banner.slider-five .banner-wrapper .item .banner-caption { max-width: 944px; } } @media screen and (min-width: 768px) { .site-banner.slider-five .banner-wrapper .item .banner-caption { width: 100%; padding: 45px 45px 23px; max-width: calc(100% - 30px); margin: -60px auto 0 auto; } } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-meta .cat-links a { color: rgba(var(--primary-color-rgb), 0.9); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-meta .cat-links a:hover { color: var(--primary-color); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer { justify-content: center; } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .byline .fn { color: var(--font-color); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .byline .fn:hover { color: var(--primary-color); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .posted-on a { color: rgba(var(--font-color-rgb), 0.8); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .posted-on a::before { background-color: rgba(var(--secondary-color-rgb), 0.3); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .posted-on a:hover { color: var(--primary-color); } .site-banner.slider-five .banner-wrapper .item .banner-caption .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; } @media (min-width: 1440px) { .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title { font-size: 2.2em; line-height: 1.3; } } .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title a { color: rgba(var(--font-color-rgb), 0.8); } .site-banner.slider-five .banner-wrapper .item .banner-caption .banner-title a:hover { color: var(--primary-color); } .site-banner.slider-six .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-six .banner-wrapper .item { display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: row; margin: -3px; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .item { margin: -14.9px; } } .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap { display: flex; flex-wrap: wrap; flex: 1; } .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 47.9%; flex: 0 0 47.9%; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 45.9%; flex: 0 0 45.9%; } } @media screen and (min-width: 992px) { .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 43.9%; flex: 0 0 43.9%; margin-top: 0; margin-bottom: 48px; } .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post:nth-child(3), .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post:nth-child(4) { margin-bottom: 0; } } @media screen and (min-width: 1200px) { .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 44.9%; flex: 0 0 44.9%; } } .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { margin-bottom: 0; font-size: 0.833em; line-height: 1.3; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { font-size: 1em; } } .site-banner.slider-six .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding-top: 50px; margin: 0; } .site-banner.slider-six .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; font-size: 1em; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .item .banner-caption .banner-title { font-size: 1.66em; } } .site-banner.slider-six .banner-wrapper .item .item-post { margin: 3px; } @media screen and (min-width: 768px) { .site-banner.slider-six .banner-wrapper .item .item-post { margin: 14.9px; } } .site-banner.slider-six .banner-wrapper .item > .item-post:first-child { flex-basis: 100%; max-width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-six .banner-wrapper .item > .item-post:first-child { margin-bottom: 0; flex-basis: 47.3%; max-width: 47.3%; } } .site-banner.slider-seven .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-seven .banner-wrapper .item { display: flex; flex-wrap: wrap; flex-direction: row; margin: -3px; } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper .item { margin: -5px; } } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item { flex-wrap: nowrap; } } .site-banner.slider-seven .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding-top: 50px; margin: 0; } .site-banner.slider-seven .banner-wrapper .item .item-post { margin: 3px; } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper .item .item-post { margin: 5px; } } .site-banner.slider-seven .banner-wrapper .item .item-post.large-width { margin-bottom: 5px; width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item .item-post.large-width { margin-bottom: 0; } } .site-banner.slider-seven .banner-wrapper .item .item-post.large-width .banner-caption .banner-title { margin-bottom: 0; font-size: 1em; } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper .item .item-post.large-width .banner-caption .banner-title { font-size: 1.66em; } } .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap { display: flex; flex-direction: row; max-width: 100%; flex: 0 0 100%; } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap { max-width: 26.6%; flex: 0 0 26.6%; flex-direction: column; } } .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap .item-post { width: 100%; } @media screen and (min-width: 992px) { .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap .item-post { width: unset; margin-top: 0; } .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap .item-post:last-child { margin-bottom: 0; } } .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { margin-bottom: 0; font-size: 0.833em; line-height: 1.5; } @media screen and (min-width: 768px) { .site-banner.slider-seven .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { line-height: 1.3; font-size: 1.16em; } } @media screen and (min-width: 992px) { .site-banner.slider-eight .container { max-width: 100%; padding: 0 4px; } } .site-banner.slider-eight .banner-wrapper { padding-bottom: 74px; } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper { padding-bottom: 0; } } .site-banner.slider-eight .banner-wrapper .item { display: flex; flex-wrap: wrap; flex-direction: row; margin: -2.5px; } @media screen and (min-width: 992px) { .site-banner.slider-eight .banner-wrapper .item { flex-wrap: nowrap; } } .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap { display: flex; flex-wrap: wrap; } .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 100%; } @media (min-width: 375px) { .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 48%; flex: 0 0 48%; } } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 49%; flex: 0 0 49%; } } @media screen and (min-width: 1200px) { .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 32.6%; flex: 0 0 32.6%; } } @media (min-width: 1570px) { .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post { max-width: 32.8%; flex: 0 0 32.8%; } } .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { margin-bottom: 0; font-size: 0.833em; line-height: 1.3; } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper .item .small-post-outer-wrap .item-post .banner-caption .banner-title { font-size: 1.16em; } } .site-banner.slider-eight .banner-wrapper .item .banner-caption { width: 100%; position: absolute; bottom: 0; right: 50%; transform: translatex(50%); padding: 10px; margin: 0; } @media screen and (min-width: 992px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption { padding-top: 50px; padding: 34px 30px; } } .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; font-size: 1em; } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption .banner-title { font-size: 1.66em; } } .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta { display: none; } @media screen and (min-width: 768px) { .site-banner.slider-eight .banner-wrapper .item .banner-caption .entry-meta { display: inline-block; } } .site-banner.slider-eight .banner-wrapper .item .item-post { margin: 2.5px; } .site-banner.slider-eight .banner-wrapper .item .item-post.large-width { margin-bottom: 5px; } @media screen and (min-width: 992px) { .site-banner.slider-eight .banner-wrapper .item .item-post.large-width { margin-bottom: 0; max-width: 40%; flex: 0 0 40%; } } @media (max-width: 1500px) { .site-banner.slider-eight .banner-wrapper .item .item-post .banner-img-wrap { height: 100%; } .site-banner.slider-eight .banner-wrapper .item .item-post .banner-img-wrap img { height: 100%; object-fit: cover; } } .site-banner.slider-nine { padding: 29px 0 0; } .site-banner.slider-nine .container { max-width: 100%; padding: 0; } .site-banner.slider-nine .banner-wrapper { padding: 0 30px 74px; } @media screen and (min-width: 768px) { .site-banner.slider-nine .banner-wrapper { padding: 0; } } .site-banner.slider-nine .banner-wrapper .item { position: relative; } .site-banner.slider-nine .banner-wrapper .item .banner-caption { text-align: right; padding: 24px 17px 24px 17px; position: absolute; right: 0px; left: 0px; bottom: 0; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .site-banner.slider-nine .banner-wrapper .item .banner-caption { padding: 30px; } } .site-banner.slider-nine .banner-wrapper .item .banner-caption .banner-title { margin-bottom: 0; font-size: 1.333em; } @media screen and (min-width: 768px) { .site-banner.slider-nine .banner-wrapper .item .banner-caption .banner-title { font-size: 1.166em; } } .site-banner.slider-nine .banner-wrapper .item .banner-img-wrap { height: 500px; } @media screen and (min-width: 768px) { .site-banner.slider-nine .banner-wrapper .item .banner-img-wrap { height: 512px; } } .site-banner.slider-nine .banner-wrapper .item .banner-img-wrap img { height: 100%; object-fit: cover; } .site-banner.slider-nine .banner-wrapper .item.full .banner-img-wrap { align-items: center; display: flex; justify-content: center; height: unset; } .site-banner.slider-nine .banner-wrapper .item.full .banner-img-wrap .svg-holder { height: 100%; width: 100%; } .site-banner.slider-nine .banner-wrapper .item.full .banner-img-wrap img { height: unset; object-fit: unset; } .site-banner.static-cta { display: flex; justify-content: center; align-items: center; overflow: hidden; } .site-banner.static-cta .wp-custom-header { height: 323px; } .site-banner.static-cta .wp-custom-header img { height: 100%; width: 100%; object-fit: cover; } .site-banner.static-cta .wp-custom-header .wp-custom-header-video-button { display: none; } @media screen and (min-width: 768px) { .site-banner.static-cta .item { height: 650px; display: flex; align-items: center; } .site-banner.static-cta .item .wp-custom-header { height: unset; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin-bottom: 0; } } .site-banner.static-cta .container { display: flex; justify-content: flex-end; } .site-banner.static-cta .banner-caption { max-width: 580px; padding: 50px 60px; background: var(--white-color); position: relative; z-index: 1; margin-right: 0; margin-left: auto; } @media screen and (max-width: 767px) { .site-banner.static-cta .banner-caption { padding: 30px 30px 0 30px; } } .site-banner.static-cta .banner-caption .subtitle { margin-bottom: 10px; font-size: 0.8333333333em; font-family: var(--primary-font); color: rgba(var(--primary-color-rgb), 0.8); letter-spacing: 2.75px; } .site-banner.static-cta .banner-caption > h2 { font-size: 2.22em; line-height: 1.37; font-weight: normal; } .site-banner.static-cta .banner-caption .banner-desc p:last-child { margin-bottom: 0; } .site-banner.static-cta .banner-caption .btn-wrap { margin-top: 30px; } .site-banner.static-cta .banner-caption .btn-wrap a { margin: 10px 0; display: inline-block; } @media screen and (min-width: 768px) { .site-banner.static-cta .banner-caption .btn-wrap a + a { margin-right: 20px; } } .site-banner.static-cta .item { position: relative; width: 100%; } .site-banner.static-cta .item.center .banner-caption { margin-right: auto; margin-left: auto; text-align: center; } .site-banner.static-cta .item.right .banner-caption { margin-right: auto; margin-left: 0; } /* Front pages --------------------------------------------- */ /*----------------------------- News Ticker ------------------------------*/ .magazine-news-ticker { position: relative; margin: 30px 0; } .magazine-news-ticker > li { display: none !important; } .magazine-news-ticker .magazine-news-ticker-wrapper { background: rgba(var(--primary-color-rgb), 0.05); position: relative; padding: 20px 18px; height: 154px; } @media screen and (min-width: 768px) { .magazine-news-ticker .magazine-news-ticker-wrapper { height: 71px; } } .magazine-news-ticker .magazine-news-ticker-label { color: var(--primary-color); font-size: 0.7222em; font-family: var(--secondary-font); padding-left: 20px; line-height: 32px; position: relative; margin-bottom: 13px; } @media (max-width: 767px) { .magazine-news-ticker .magazine-news-ticker-label::before { content: ""; position: absolute; top: 100%; right: 0; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.1); width: 27px; height: 1px; } } @media screen and (min-width: 768px) { .magazine-news-ticker .magazine-news-ticker-label { margin-bottom: 0; border-left: 1px solid rgba(var(--primary-color-rgb), 0.1); border-right: 0; } } .magazine-news-ticker-label { width: auto; margin-left: 20px; line-height: normal; } @media screen and (min-width: 768px) { .magazine-news-ticker-label { float: right; height: 100%; } } .magazine-news-ticker-box { height: 100%; overflow: hidden; } .magazine-news-ticker-box ul { width: 100%; list-style-type: none !important; padding: 0; margin: 0; } .magazine-news-ticker-box ul li { white-space: nowrap; } @media screen and (min-width: 576px) { .magazine-news-ticker-box ul li { white-space: pre-wrap; } } .magazine-news-ticker-box ul li a { text-decoration: none; font-size: 0.7777em; color: var(--font-color); } .magazine-news-ticker-controls { display: flex; position: absolute; bottom: 20px; right: 15px; } @media screen and (min-width: 768px) { .magazine-news-ticker-controls { left: 20px; top: 20px; bottom: unset; right: unset; } } .magazine-news-ticker-controls button { display: block; width: 30px; height: 30px; background-color: var(--white-color); border: 1px solid rgba(var(--primary-color-rgb), 0.1); border-radius: 0; transition: all 0.3s ease; background-size: 6.41px 10px; background-repeat: no-repeat; background-position: center; font-size: 0; } @media screen and (min-width: 768px) { .magazine-news-ticker-controls button { width: 30px; height: 30px; background-size: 6.41px 10px; } } .magazine-news-ticker-controls button:hover { background-color: var(--primary-color); border: 1px solid var(--primary-color); } .magazine-news-ticker-controls button.magazine-news-ticker-arrow { margin: 0; display: inline-block; position: relative; } .magazine-news-ticker-controls button.magazine-news-ticker-arrow.magazine-news-ticker-prev { margin-left: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .magazine-news-ticker-controls button.magazine-news-ticker-arrow.magazine-news-ticker-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .magazine-news-ticker-controls button.magazine-news-ticker-arrow.magazine-news-ticker-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E "); } .magazine-news-ticker-controls button.magazine-news-ticker-arrow.magazine-news-ticker-next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E "); } .magazine-news-ticker-controls button.magazine-news-ticker-pause { display: none; } .magazine-news-ticker-controls.magazine-news-ticker-horizontal-controls button.magazine-news-ticker-prev:after { transform: translate(50%, -50%) rotate(-135deg); } .magazine-news-ticker-controls.magazine-news-ticker-horizontal-controls button.magazine-news-ticker-next:after { transform: translate(50%, -50%) rotate(-315deg); } /*----------------------------- cta section ------------------------------*/ .cta-section .cta-section-wrapper { background-color: rgba(var(--primary-color-rgb), 0.02); padding: 30px; } @media screen and (min-width: 768px) { .cta-section .cta-section-wrapper { padding: 15px 50px; } } @media screen and (min-width: 1200px) { .cta-section .cta-section-wrapper { padding: 15px 132px; } } .cta-section .cta-section-wrapper .grid { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .cta-section .cta-section-wrapper .grid .grid-item { padding: 0; margin: 15px 0; width: unset; } .cta-section .cta-section-wrapper .grid .grid-item .section-titl { font-size: 1em; letter-spacing: 0.36px; font-family: var(--primary-font); font-weight: 400; margin-bottom: 0; position: relative; display: flex; align-items: flex-start; } .cta-section .cta-section-wrapper .grid .grid-item .cta-image { padding-left: 18px; } .cta-section .cta-section-wrapper .grid .grid-item .cta-image svg { opacity: 0.7; } @media screen and (min-width: 992px) { .cta-section .cta-section-wrapper .grid .grid-item:first-child { max-width: 72%; flex: 0 0 72%; width: 100%; margin-left: 48px; margin-right: 0; } } /*----------------------------- Ads section ------------------------------*/ .advertise-holder .ad-img-holder { text-align: center; } /*----------------------------- feature section ------------------------------*/ .feature-section { position: relative; /* feature-section style-one --------------------------------------------- */ /* feature-section style-two --------------------------------------------- */ /* feature-section style-three --------------------------------------------- */ /* feature-section style-four --------------------------------------------- */ /* feature-section style-five --------------------------------------------- */ /* feature-section style-six --------------------------------------------- */ /* feature-section style-seven --------------------------------------------- */ /* feature-section style-eight --------------------------------------------- */ /* feature-section style-nine --------------------------------------------- */ /* feature-section style-ten --------------------------------------------- */ /* feature-section style-eleven --------------------------------------------- */ /* feature-section style-twelve --------------------------------------------- */ /* feature-section style-thirteen --------------------------------------------- */ } .feature-section .grid .small-post { padding-right: 0; padding-left: 0; } .feature-section .grid .small-post article .post-thumbnail { width: 100%; margin-bottom: 25px; margin-top: 0; text-align: center; } .feature-section .grid .small-post article .content-wrap { width: 100%; padding-right: 0; } .feature-section .grid .small-post article .entry-title { font-size: 1.1112em; line-height: 1.3; } @media screen and (min-width: 768px) { .feature-section .grid .small-post { max-width: 25.8%; flex: 25.8%; padding-left: 30px; padding-right: 0; } .feature-section .grid .small-post .article .post-thumbnail { text-align: right; } } .feature-section .grid .large-post { border-right: 0; border-left: 0; padding-left: 0; padding-right: 0; } .feature-section .grid .large-post .post-thumbnail { margin-top: 0; } @media screen and (min-width: 768px) { .feature-section .grid .large-post { max-width: 48.4%; flex: 48.4%; padding-right: 30px; padding-left: 30px; border-right: 1px solid rgba(var(--font-color-rgb), 0.04); border-left: 1px solid rgba(var(--font-color-rgb), 0.04); } .feature-section .grid .large-post + .small-post { padding-left: 0; padding-right: 30px; } } .feature-section .grid article .post-thumbnail { flex-shrink: 0; } .feature-section .grid article .entry-meta { margin-bottom: 9px; line-height: 1; } .feature-section .grid article .entry-meta .cat-links a { color: var(--primary-color); text-transform: uppercase; line-height: 1; } .feature-section .grid article .entry-meta .cat-links a:hover { color: var(--secondary-color); } .feature-section .grid article .entry-title { margin-top: 0; font-size: 1.66em; font-family: var(--secondary-font); line-height: 1.3; margin-bottom: 0; } @media screen and (min-width: 992px) { .feature-section .grid article .entry-title { font-size: 2.222em; } } .feature-section .grid article .entry-title a { color: var(--font-color); text-decoration: none; } .feature-section .grid article .entry-title a:hover { color: var(--primary-color); } .feature-section .grid article .entry-footer { display: flex; align-items: center; flex-wrap: wrap; margin-top: 10px; } .feature-section .grid article .entry-footer .byline a.fn { font-weight: normal; font-size: 0.7777em; color: var(--font-color); font-family: var(--secondary-font); text-transform: capitalize; } .feature-section .grid article .entry-footer .byline a.fn:hover { color: var(--primary-color); } .feature-section .grid article .entry-footer .byline + .posted-on { margin-right: 15px; } .feature-section .grid article .entry-footer .posted-on a { color: rgba(var(--font-color-rgb), 0.8); } .feature-section .grid article .entry-footer .posted-on a::before { background-color: rgba(var(--secondary-color-rgb), 0.3); } .feature-section .grid article .entry-footer .posted-on a:hover { color: var(--primary-color); } .feature-section .grid article .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } .feature-section .grid article .entry-content { margin-top: 17px; } .feature-section .grid article .entry-content p:last-child { margin-bottom: 0; } .feature-section .category-nav { margin-top: 27px; } @media screen and (min-width: 992px) { .feature-section .category-nav { margin-top: 58px; } } .feature-section .category-nav .nav-link { display: inline-block; width: 30px; height: 30px; background-color: var(--white-color); border: 1px solid rgba(var(--primary-color-rgb), 0.1); border-radius: 0; transition: all 0.3s ease; background-size: 6px 10px; background-repeat: no-repeat; background-position: center; font-size: 0; } .feature-section .category-nav .nav-link.inactive { cursor: not-allowed; opacity: 0.5; pointer-events: none; } .feature-section .category-nav .nav-link:hover { background-color: var(--primary-color); border: 1px solid var(--primary-color); } .feature-section .category-nav .nav-link.prev-nav-categories { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .feature-section .category-nav .nav-link.prev-nav-categories:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .feature-section .category-nav .nav-link.next-nav-categories { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E "); } .feature-section .category-nav .nav-link.next-nav-categories:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E "); } .feature-section .category-nav .nav-link + a { margin-right: 15px; } .feature-section .category-nav .cat-load-more { display: inline-block !important; padding: 17px 30px; font-family: var(--secondary-font); background: none; cursor: pointer; color: var(--font-color); letter-spacing: 1px; border: 1px solid rgba(var(--font-color-rgb), 0.05); font-size: 1em; line-height: 1em; transition: all 0.235s ease-in-out; min-width: 179px; text-align: center; background-color: transparent; } .feature-section .category-nav .cat-load-more svg { margin-right: 10px; width: 1em; height: 1em; } .feature-section .category-nav .cat-load-more svg path { fill: var(--font-color); } .feature-section .category-nav .cat-load-more:hover { background-color: var(--primary-color); color: var(--white-color); } .feature-section .category-nav .cat-load-more:hover svg { animation: postloading 1s infinite linear; transform-origin: center; } .feature-section .category-nav .cat-load-more:hover svg path { fill: var(--white-color); opacity: 1; } .feature-section .category-nav .cat-load-more.inactive { cursor: not-allowed; } .feature-section .post-filter { margin-top: -30px; margin-bottom: 30px; position: relative; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); } .feature-section .post-filter .post-filter-tab-wrapper { display: flex; align-items: center; margin: 0; padding-left: 73px; padding-right: 0; } .feature-section .post-filter .post-filter-tab-wrapper li { list-style: none; } .feature-section .post-filter .post-filter-tab-wrapper li a { font-family: var(--secondary-font); font-size: 0.888em; letter-spacing: 0.48px; padding: 15px 20px; color: var(--font-color); display: inline-block; } .feature-section .post-filter .post-filter-tab-wrapper li a:hover { color: var(--primary-color); } .feature-section .post-filter .post-filter-tab-wrapper li.active a { color: var(--primary-color); } .feature-section .post-filter .post-filter-tab-wrapper li:first-child a { padding-right: 0; } .feature-section .post-filter .post-filter-tab-wrapper li:last-child a { padding-left: 0; } @media screen and (min-width: 768px) { .feature-section .post-filter .post-filter-tab-wrapper { justify-content: center; } .feature-section .post-filter .post-filter-tab-wrapper li a { padding: 15px 35px; } } .feature-section .post-filter select { position: absolute; left: 0; right: unset; top: 14px; width: auto; min-width: 76px; padding: 0px 8px 0px 8px; height: 30px; box-sizing: content-box; font-size: 0.777em; border: 1px solid rgba(var(--font-color-rgb), 0.05); appearance: auto; background-image: unset; } .feature-section.style-one .tab-content .tab-panel { display: none; } .feature-section.style-one .tab-content .tab-panel.active { display: block; } .feature-section.style-one .container-row .grid { display: flex; align-items: flex-start; flex-direction: column; position: relative; } .feature-section.style-one .container-row .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; font-size: 1.333em; } .feature-section.style-one .container-row .grid .large-post { padding-right: 0; border: 0; flex: 100%; max-width: 100%; padding-left: 0; } .feature-section.style-one .container-row .grid .large-post .post { display: flex; flex-direction: column; } @media screen and (min-width: 992px) { .feature-section.style-one .container-row .grid .large-post .post { flex-direction: row; align-items: center; } .feature-section.style-one .container-row .grid .large-post .post:last-child { margin-bottom: 0; } .feature-section.style-one .container-row .grid .large-post .post .post-thumbnail { margin: 0; max-width: 350px; width: 100%; } .feature-section.style-one .container-row .grid .large-post .post .content-wrap { margin-right: 30px; } } .feature-section.style-one .container-row .grid .small-post { flex: 100%; max-width: 100%; padding-right: 0; } .feature-section.style-one .container-row .grid .small-post .post { display: flex; flex-direction: row; } .feature-section.style-one .container-row .grid .small-post .post:last-child { margin-bottom: 0; } .feature-section.style-one .container-row .grid .small-post .post .post-thumbnail { margin: 0; max-width: 132px; width: 100%; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap { margin-right: 20px; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap .cat-links { line-height: 1.3; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-one .container-row .grid .small-post .post .content-wrap .entry-footer .posted-on a::before { content: none; } @media screen and (min-width: 768px) { .feature-section.style-one .container-row .grid { flex-direction: row; } .feature-section.style-one .container-row .grid .large-post { flex: 60%; max-width: 60%; padding-left: 15px; } .feature-section.style-one .container-row .grid .small-post { padding-right: 15px; flex: 0 0 40%; max-width: 40%; } } @media screen and (min-width: 992px) { .feature-section.style-one .container-row .grid .large-post { flex: 70%; max-width: 70%; } .feature-section.style-one .container-row .grid .small-post { flex: 0 0 30%; max-width: 30%; } } .feature-section.style-two .grid { display: flex; flex-direction: column; flex-wrap: wrap; } .feature-section.style-two .grid .large-post { margin-top: 45px; } .feature-section.style-two .grid .large-post + .small-post { margin-top: 40px; } @media screen and (min-width: 768px) { .feature-section.style-two .grid { flex-direction: row; } .feature-section.style-two .grid .large-post { margin-top: 0; } .feature-section.style-two .grid .large-post + .small-post { margin-top: 0px; } } .feature-section.style-two .grid article { margin-bottom: 45px; text-align: right; flex-direction: column; border-bottom: none; padding-bottom: 0; } .feature-section.style-two .grid article:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .feature-section.style-two .grid article { margin-bottom: 89px; } } @media (min-width: 767px) and (max-width: 992px) { .feature-section.style-two .grid .small-post { padding-left: 20px; max-width: 28.8%; flex: 28.8%; } .feature-section.style-two .grid .large-post { padding-right: 20px; padding-left: 20px; max-width: 42.4%; flex: 42.4%; } .feature-section.style-two .grid .large-post + .small-post { padding-right: 20px; padding-left: 0; } } .feature-section.style-two .btn-wrapper { margin-top: 27px; text-align: right; } @media screen and (min-width: 768px) { .feature-section.style-two .btn-wrapper { margin-top: 58px; text-align: center; } } .feature-section.style-three .grid { padding: 0 40px; } @media screen and (min-width: 992px) { .feature-section.style-three .grid { padding: 0 50px; } } .feature-section.style-three .grid .post { display: flex; flex-direction: row; align-items: center; margin: 0; } .feature-section.style-three .grid .post .post-thumbnail { margin: 0 0 0 20px; max-width: 125px; } .feature-section.style-three .grid .post .content-wrap { flex: 1; } .feature-section.style-three .grid .post .content-wrap .entry-header .entry-title { font-size: 1em; margin: 0 0 15px; } .feature-section.style-three .grid .post .content-wrap .entry-footer { margin-top: 0; } .feature-section.style-three .grid .post .content-wrap .entry-footer .posted-on { margin-right: 0; display: inline-flex; } .feature-section.style-three .grid .post .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-three .grid .post .content-wrap .entry-footer .posted-on a::before { content: none; } .feature-section.style-three .grid .owl-nav button.owl-prev, .feature-section.style-three .grid .owl-nav button.owl-next { position: absolute; top: 50%; width: 30px; height: 30px; transform: translateY(-50%); background-size: 6px 10px; } .feature-section.style-three .container { position: relative; } .feature-section.style-three .btn-readmore { display: none; } @media screen and (min-width: 992px) { .feature-section.style-three .btn-readmore { position: absolute; top: 30px; left: 0; display: inline-block; } } .feature-section.style-four .container-row { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; } .feature-section.style-four .container-row .container-column { flex: 100%; max-width: 100%; margin-top: 60px; } .feature-section.style-four .container-row .container-column:first-child { margin-top: 0px; } @media screen and (min-width: 768px) { .feature-section.style-four .container-row .container-column { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 30px; margin-top: 0; } .feature-section.style-four .container-row .container-column:first-child { padding-right: 30px; } .feature-section.style-four .container-row .container-column:last-child { padding-left: 30px; } .feature-section.style-four .container-row .container-column:nth-child(2) .grid::before { content: ""; position: absolute; top: 0; right: -30px; width: 1px; height: 100%; border-right: 1px solid rgba(var(--font-color-rgb), 0.04); } .feature-section.style-four .container-row .container-column:nth-child(2) .grid::after { content: ""; position: absolute; top: 0; left: -30px; width: 1px; height: 100%; border-right: 1px solid rgba(var(--font-color-rgb), 0.04); } } .feature-section.style-four .container-row .container-column .grid { position: relative; } .feature-section.style-four .container-row .container-column .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; } .feature-section.style-four .container-row .container-column .grid .post .content-wrap .posted-on { display: inline-flex; } .feature-section.style-four .container-row .container-column .grid .post .content-wrap .posted-on a::before { top: 10px; } .feature-section.style-four .container-row .container-column .grid .post:first-child .content-wrap .entry-header .entry-title { font-size: 1.333em; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) { display: flex; flex-direction: row; align-items: center; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .post-thumbnail { margin: 0; max-width: 132px; width: 100%; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap { margin-right: 20px; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-footer .posted-on a::before { content: none; } @media (max-width: 992px) and (min-width: 767px) { .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) { flex-direction: column; align-items: flex-start; } .feature-section.style-four .container-row .container-column .grid .post:not(:first-child) .content-wrap { margin-right: 0; margin-top: 20px; } } @media screen and (min-width: 768px) { .feature-section.style-four.no-category-one .container-row .container-column, .feature-section.style-four.no-category-two .container-row .container-column, .feature-section.style-four.no-category-three .container-row .container-column { max-width: 50%; flex: 0 0 50%; } .feature-section.style-four.no-category-one .container-row .container-column:nth-child(2) .grid::after, .feature-section.style-four.no-category-two .container-row .container-column:nth-child(2) .grid::after, .feature-section.style-four.no-category-three .container-row .container-column:nth-child(2) .grid::after { border-right: 0; } .feature-section.style-four.no-category-one .container-row .container-column:last-child, .feature-section.style-four.no-category-two .container-row .container-column:last-child, .feature-section.style-four.no-category-three .container-row .container-column:last-child { padding-left: 0; } } @media screen and (min-width: 768px) { .feature-section.style-four.no-category-two.no-category-three .container-row .container-column, .feature-section.style-four.no-category-one.no-category-three .container-row .container-column, .feature-section.style-four.no-category-one.no-category-two .container-row .container-column { max-width: 100%; flex: 1; } .feature-section.style-four.no-category-two.no-category-three .container-row .container-column:last-child, .feature-section.style-four.no-category-one.no-category-three .container-row .container-column:last-child, .feature-section.style-four.no-category-one.no-category-two .container-row .container-column:last-child { padding-left: 0; } } @media screen and (min-width: 576px) { .feature-section.style-four.no-category-two.no-category-three .container-row .container-column .btn-wrapper, .feature-section.style-four.no-category-two.no-category-three .container-row .container-column .grid, .feature-section.style-four.no-category-one.no-category-three .container-row .container-column .btn-wrapper, .feature-section.style-four.no-category-one.no-category-three .container-row .container-column .grid, .feature-section.style-four.no-category-one.no-category-two .container-row .container-column .btn-wrapper, .feature-section.style-four.no-category-one.no-category-two .container-row .container-column .grid { max-width: 370px; margin: 0 auto; } } .feature-section.style-five .container .container-row { display: flex; align-items: flex-start; flex-direction: column; } .feature-section.style-five .container .container-row .container-column { flex-basis: 100%; } .feature-section.style-five .container .container-row .container-column .post:last-child { margin-bottom: 0; } .feature-section.style-five .container .container-row .container-column:nth-child(2) { border: 1px solid rgba(var(--font-color-rgb), 0.05); border-top: 3px solid rgba(var(--primary-color-rgb), 0.2); padding: 32px 30px 40px 30px; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .section-header { text-align: right; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .section-header .section-title { font-size: 1em; color: rgba(var(--font-color-rgb), 0.8); letter-spacing: 0.09px; padding: 0; border: 0; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post { margin-bottom: 17px; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .post-thumbnail { display: none; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post:last-child { margin-bottom: 0; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .post-count span { font-family: var(--secondary-font); font-size: 1.1em; font-style: italic; font-weight: 500; color: rgba(var(--font-color-rgb), 0.2); } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .content-wrap .entry-header .entry-title { font-size: 1.1112em; line-height: 1.25; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-five .container .container-row .container-column:nth-child(2) .grid .post .content-wrap .entry-footer .posted-on a::before { content: none; } .feature-section.style-five .container .container-row .container-column:first-child .grid { display: flex; flex-direction: column; } .feature-section.style-five .container .container-row .container-column:first-child .grid > article .content-wrap .entry-header .entry-title { font-size: 1.666em; line-height: 1.33; } .feature-section.style-five .container .container-row .container-column:first-child .grid .small-post { max-width: unset; flex: unset; padding-left: unset; } @media screen and (min-width: 768px) { .feature-section.style-five .container .container-row .container-column:first-child .grid .small-post .post { margin-bottom: 60px; } .feature-section.style-five .container .container-row .container-column:first-child .grid .small-post .post:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .feature-section.style-five .container .container-row .container-column:first-child .grid { flex-direction: row; } .feature-section.style-five .container .container-row .container-column:first-child .grid > article { border-left: 1px solid rgba(var(--font-color-rgb), 0.04); padding-left: 30px; margin-left: 30px; max-width: 521px; } .feature-section.style-five .container .container-row .container-column:first-child .grid .post-thumbnail { margin-top: 0; } } .feature-section.style-five .container .container-row .container-column + .container-column { margin-top: 60px; } @media screen and (min-width: 768px) { .feature-section.style-five .container .container-row .container-column + .container-column { margin-top: 0; } } @media screen and (min-width: 992px) { .feature-section.style-five .container .container-row { flex-direction: row; } .feature-section.style-five .container .container-row .container-column:nth-child(2) { max-width: 295px; margin-right: 30px; } } .feature-section.style-five.no-top-picks .container-row .container-column:first-child .grid .small-post { flex: 1; } @media screen and (min-width: 992px) { .feature-section.style-five.no-top-picks .container-row .container-column:first-child .grid .small-post { display: flex; flex-wrap: wrap; grid-gap: 37px; } .feature-section.style-five.no-top-picks .container-row .container-column:first-child .grid .small-post .post { flex: 0 0 45%; max-width: 45%; margin-bottom: 0; } } @media screen and (min-width: 1200px) { .feature-section.style-five.no-top-picks .container-row .container-column:first-child .grid .small-post .post { flex: 0 0 46%; max-width: 46%; } } .feature-section.style-six .container-row { display: flex; align-items: flex-start; flex-direction: column; } .feature-section.style-six .container-row .container-column .grid { position: relative; } .feature-section.style-six .container-row .container-column .grid .post:last-child { margin-bottom: 0; } .feature-section.style-six .container-row .container-column .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; font-size: 1.333em; } .feature-section.style-six .container-row .container-column:nth-child(2) { padding-left: 0; margin-top: 53px; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post .post-thumbnail { margin-top: 0; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post:not(:first-child) { display: flex; flex-direction: row; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post:not(:first-child) .post-thumbnail { margin: 0; max-width: 132px; width: 100%; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post:not(:first-child) .content-wrap { margin-right: 20px; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post:not(:first-child) .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-six .container-row .container-column:nth-child(2) .grid .post:not(:first-child) .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-six .container-row .container-column:first-child .grid .post { display: flex; flex-direction: column; } @media (min-width: 993px) { .feature-section.style-six .container-row .container-column:first-child .grid .post { flex-direction: row; } .feature-section.style-six .container-row .container-column:first-child .grid .post .post-thumbnail { margin: 0; max-width: 350px; width: 100%; } .feature-section.style-six .container-row .container-column:first-child .grid .post .content-wrap { margin-right: 30px; } } @media (min-width: 767px) and (max-width: 992px) { .feature-section.style-six .container-row .container-column { flex: 36%; max-width: 36%; } .feature-section.style-six .container-row .container-column:nth-child(2) { flex: 64%; max-width: 64%; } } @media screen and (min-width: 768px) { .feature-section.style-six .container-row { flex-direction: row; } .feature-section.style-six .container-row .container-column { flex: 31%; max-width: 31%; padding: 0 30px; } .feature-section.style-six .container-row .container-column:last-child { margin-top: 0; } .feature-section.style-six .container-row .container-column:first-child { flex: 69%; max-width: 69%; } } .feature-section.style-six.no-category-one .container-row .container-column, .feature-section.style-six.no-category-two .container-row .container-column { flex: 1; max-width: 100%; } .feature-section.style-six.no-category-one .container-row .container-column .grid, .feature-section.style-six.no-category-two .container-row .container-column .grid { max-width: 786px; } @media screen and (min-width: 576px) { .feature-section.style-six.no-category-one .container-row .container-column .grid { max-width: 293px; } } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:first-child { flex-direction: column; } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:first-child .post-thumbnail { margin-bottom: 1em; } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:first-child .content-wrap { margin-right: 0; } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:not(:first-child) { flex-direction: row; align-items: center; } @media screen and (min-width: 768px) { .feature-section.style-six.no-category-one .container-row .container-column .grid .post:not(:first-child) .post-thumbnail { max-width: 132px; } } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:not(:first-child) .content-wrap { margin-right: 20px; } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-six.no-category-one .container-row .container-column .grid .post:not(:first-child) .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-seven .grid .post { display: flex; flex-direction: column; margin: 0; } .feature-section.style-seven .grid .post .post-thumbnail { margin: 0 0 20px 0; } .feature-section.style-seven .grid .post .content-wrap .entry-header .entry-title { font-size: 1.333em; margin: 0 0 15px; } .feature-section.style-seven .grid .post .content-wrap .entry-footer { margin-top: 0; } .feature-section.style-seven .grid .owl-dots { margin-top: 30px; } .feature-section.style-eight .container-row { display: flex; } .feature-section.style-eight .container-row .container-column.tab-content { display: none; } .feature-section.style-eight .container-row .container-column.tab-content .tab-panel { display: none; } .feature-section.style-eight .container-row .container-column.tab-content .tab-panel.active { visibility: visible; opacity: 1; display: block; } .feature-section.style-eight .container-row .container-column.tab-content .grid .post { margin-bottom: 0; } .feature-section.style-eight .container-row .container-column.tab-content .grid .post .post-thumbnail { margin-top: 0; } .feature-section.style-eight .container-row .container-column.tab-content .grid .post .content-wrap .entry-header .entry-title { font-size: 1.666em; line-height: 1.33; } @media screen and (min-width: 768px) { .feature-section.style-eight .container-row .container-column.nav { margin-top: -30px; } } .feature-section.style-eight .container-row .container-column.nav .nav-tabs { display: flex; align-items: center; margin: 0; margin-bottom: 30px; } .feature-section.style-eight .container-row .container-column.nav .nav-tabs li { list-style: none; display: inline-flex; } .feature-section.style-eight .container-row .container-column.nav .nav-tabs li.active a { color: var(--primary-color); } .feature-section.style-eight .container-row .container-column.nav .nav-tabs li a { font-size: 0.888em; letter-spacing: 0.48px; font-family: var(--secondary-font); padding: 17px 31px; color: var(--font-color); border: 1px solid rgba(var(--font-color-rgb), 0.04); } .feature-section.style-eight .container-row .container-column.nav .nav-tabs li a:hover { color: var(--primary-color); } .feature-section.style-eight .container-row .container-column.nav .post { margin-bottom: 17px; } .feature-section.style-eight .container-row .container-column.nav .post:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .feature-section.style-eight .container-row .container-column.nav .post .post-thumbnail { display: none; } } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-header .entry-title { font-size: 1em; line-height: 1.25; transition: all 0.234s ease-in-out; } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-header .entry-title a { color: rgba(var(--font-color-rgb), 0.9); } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-header .entry-title a:hover { color: var(--primary-color); } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-footer { margin-top: 7px; } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-eight .container-row .container-column.nav .post .content-wrap .entry-footer .posted-on a::before { content: none; } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid { display: none; } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid.active { visibility: visible; opacity: 1; display: block; } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item .post { position: relative; margin-bottom: 30px; } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item .post::before { content: ""; position: absolute; top: 24px; right: -113px; transition: all 0.234s ease-in-out; width: 0; height: 1px; background: var(--primary-color); z-index: 2; } @media screen and (min-width: 768px) { .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item.active .post::before { width: 95px; } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item.active .post .content-wrap .entry-header .entry-title { font-size: 1.1112em; color: var(--font-color); } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item.active .post .content-wrap .entry-header .entry-title:hover { color: var(--primary-color); } } .feature-section.style-eight .container-row .container-column.nav .owl-thumbs.grid .owl-thumb-item:last-child .post { margin-bottom: 0; } @media screen and (min-width: 768px) { .feature-section.style-eight .container-row .container-column.tab-content { display: block; flex: 0 0 60%; max-width: 60%; padding-left: 30px; } } @media screen and (min-width: 992px) { .feature-section.style-eight .container-row .container-column.tab-content { flex: 0 0 70%; max-width: 70%; padding-left: 30px; } } @media screen and (min-width: 1200px) { .feature-section.style-eight .container-row .container-column.nav { flex: 0 0 30%; max-width: 30%; padding-right: 30px; } } .feature-section.style-nine .grid { display: flex; flex-wrap: wrap; grid-gap: 30px; align-items: flex-start; } .feature-section.style-nine .grid .small-post { display: flex; flex-wrap: wrap; grid-gap: 30px; padding: 0; } @media (min-width: 767px) and (max-width: 992px) { .feature-section.style-nine .grid .small-post { grid-gap: 20px; } } .feature-section.style-nine .grid .small-post .post { max-width: 100%; flex: 0 0 100%; } .feature-section.style-nine .grid .small-post .post .post-thumbnail { margin-top: 0; } .feature-section.style-nine .grid .small-post .post:not(:first-child) { max-width: 45%; flex: 0 0 45%; margin-bottom: 0; } .feature-section.style-nine .grid .large-post { border: 0; padding-right: 0; padding-left: 0; position: relative; } .feature-section.style-nine .grid .large-post .post-thumbnail { margin-top: 0; margin-bottom: 0; } .feature-section.style-nine .grid .large-post .content-wrap { position: absolute; bottom: 0; right: 0; width: 100%; padding: 30px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(255, 255, 255, 0) 100%); } .feature-section.style-nine .grid .large-post .content-wrap .entry-header .entry-title { font-size: 1.333em; } .feature-section.style-nine .grid .large-post .content-wrap .entry-header .entry-title a { color: var(--white-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-header .entry-title a:hover { color: var(--primary-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .byline .fn { color: var(--white-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .byline .fn:hover { color: var(--primary-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .posted-on a { color: var(--white-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .posted-on a::before { background-color: rgba(var(--font-color-rgb), 0.3); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .posted-on a:hover { color: var(--primary-color); } .feature-section.style-nine .grid .large-post .content-wrap .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } @media screen and (min-width: 768px) { .feature-section.style-nine .grid { flex-wrap: nowrap; } .feature-section.style-nine .grid .small-post, .feature-section.style-nine .grid .large-post { flex: 0 0 31.33%; max-width: 31.33%; } } .feature-section.style-nine article { margin-bottom: 0; text-align: right; flex-direction: column; border-bottom: none; padding-bottom: 0; } .feature-section.style-nine .btn-wrapper { margin-top: 27px; text-align: right; } @media screen and (min-width: 768px) { .feature-section.style-nine .btn-wrapper { margin-top: 58px; text-align: center; } } .feature-section.style-ten .grid { display: flex; align-items: center; flex-wrap: wrap; margin: -15px; } .feature-section.style-ten .grid .post { margin: 0; margin: 15px; flex: 100%; max-width: 100%; position: relative; } @media screen and (min-width: 768px) { .feature-section.style-ten .grid .post { flex: 0 0 46%; max-width: 46%; } } @media screen and (min-width: 992px) { .feature-section.style-ten .grid .post { flex: 0 0 30%; max-width: 30%; } } @media screen and (min-width: 1200px) { .feature-section.style-ten .grid .post { flex: 0 0 30.7%; max-width: 30.7%; } } .feature-section.style-ten .grid .post .post-thumbnail { margin: 0; } .feature-section.style-ten .grid .post .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 768px) { .feature-section.style-ten .grid .post .post-thumbnail img { width: unset; height: unset; max-width: 100%; } } .feature-section.style-ten .grid .post .content-wrap { position: absolute; bottom: 0; width: 100%; right: 0; padding: 30px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(255, 255, 255, 0) 100%); } .feature-section.style-ten .grid .post .content-wrap .entry-header .entry-title { font-size: 1.333em; } .feature-section.style-ten .grid .post .content-wrap .entry-header .entry-title a { color: var(--white-color); } .feature-section.style-ten .grid .post .content-wrap .entry-header .entry-title a:hover { color: var(--primary-color); } .feature-section.style-ten .grid .post .content-wrap .entry-meta .cat-links a { color: var(--white-color); } .feature-section.style-ten .grid .post .content-wrap .entry-meta .cat-links a:hover { color: var(--primary-color); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .byline .fn { color: var(--white-color); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .byline .fn:hover { color: var(--primary-color); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .posted-on a { color: var(--white-color); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .posted-on a::before { background-color: rgba(var(--font-color-rgb), 0.3); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .posted-on a:hover { color: var(--primary-color); } .feature-section.style-ten .grid .post .content-wrap .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } @media screen and (min-width: 768px) { .feature-section.style-ten .category-nav { text-align: center; } } .feature-section.style-eleven .container-row { display: flex; align-items: flex-start; flex-direction: column; } @media screen and (min-width: 768px) { .feature-section.style-eleven .container-row .container-column { padding: 0 30px; } } .feature-section.style-eleven .container-row .container-column:last-child { margin-top: 53px; } .feature-section.style-eleven .container-row .container-column:last-child .grid .post .post-thumbnail { margin-top: 0; } .feature-section.style-eleven .container-row .container-column:not(:last-child) .grid .post { display: flex; flex-direction: column; } @media screen and (min-width: 992px) { .feature-section.style-eleven .container-row .container-column:not(:last-child) .grid .post { flex-direction: row; align-items: center; } .feature-section.style-eleven .container-row .container-column:not(:last-child) .grid .post .post-thumbnail { margin: 0; max-width: 350px; width: 100%; } .feature-section.style-eleven .container-row .container-column:not(:last-child) .grid .post .content-wrap { margin-right: 30px; } } .feature-section.style-eleven .container-row .container-column .grid { position: relative; } .feature-section.style-eleven .container-row .container-column .grid .post:last-child { margin-bottom: 0; } .feature-section.style-eleven .container-row .container-column .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; font-size: 1.333em; } .feature-section.style-eleven .container-row .container-column .grid .small-post { display: flex; flex-wrap: wrap; max-width: 100%; flex: 0 0 100%; grid-column-gap: 30px; } @media (min-width: 992px) and (max-width: 1200px) { .feature-section.style-eleven .container-row .container-column .grid .small-post { grid-column-gap: 20px; } } @media (min-width: 767px) and (max-width: 992px) { .feature-section.style-eleven .container-row .container-column .grid .small-post { grid-column-gap: 17px; } } .feature-section.style-eleven .container-row .container-column .grid .small-post .post { display: flex; flex-direction: row; align-items: flex-start; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post:last-child { margin-bottom: 0; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .post-thumbnail { margin: 0; max-width: 132px; width: 100%; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .content-wrap { margin-right: 20px; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .content-wrap .entry-footer .posted-on { margin-right: 0; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .content-wrap .entry-footer .posted-on a { padding-right: 0; } .feature-section.style-eleven .container-row .container-column .grid .small-post .post .content-wrap .entry-footer .posted-on a::before { content: none; } @media screen and (min-width: 992px) { .feature-section.style-eleven .container-row .container-column .grid .small-post .post { flex: 0 0 47.8%; max-width: 47.8%; } } @media screen and (min-width: 768px) { .feature-section.style-eleven .container-row { flex-direction: row; } .feature-section.style-eleven .container-row .container-column { flex: 40%; max-width: 40%; } .feature-section.style-eleven .container-row .container-column:not(:last-child) { flex: 59%; max-width: 59%; } .feature-section.style-eleven .container-row .container-column:not(:last-child) .grid:before { content: ""; position: absolute; width: 1px; top: 0; left: -30px; background-color: rgba(var(--font-color-rgb), 0.04); height: 100%; } .feature-section.style-eleven .container-row .container-column:last-child { margin-top: 0; } } @media screen and (min-width: 992px) { .feature-section.style-eleven .container-row .container-column { flex: 30%; max-width: 30%; } .feature-section.style-eleven .container-row .container-column:not(:last-child) { flex: 69%; max-width: 69%; } } .feature-section.style-eleven.no-category-two .container-row .container-column { flex: 1; max-width: 100%; } .feature-section.style-eleven.no-category-one .container-row .container-column { flex: 1; max-width: 100%; } @media screen and (min-width: 576px) { .feature-section.style-eleven.no-category-one .container-row .container-column .category-nav, .feature-section.style-eleven.no-category-one .container-row .container-column .grid { max-width: 688px; margin-right: auto; margin-left: auto; display: flex; } .feature-section.style-eleven.no-category-one .container-row .container-column .category-nav .post, .feature-section.style-eleven.no-category-one .container-row .container-column .grid .post { max-width: calc(50% - 30px); padding: 0 15px; } } .feature-section.style-twelve .tab-content .tab-panel { display: none; } .feature-section.style-twelve .tab-content .tab-panel.active { display: block; } .feature-section.style-twelve .container-row .grid { position: relative; display: flex; align-items: flex-start; flex-direction: column; } @media screen and (min-width: 768px) { .feature-section.style-twelve .container-row .grid { flex-direction: row; } } .feature-section.style-twelve .container-row .grid .post .post-thumbnail { margin-top: 0; } .feature-section.style-twelve .container-row .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; font-size: 1.333em; } .feature-section.style-twelve .container-row .grid .small-post { padding-right: 0; display: flex; flex-wrap: wrap; grid-gap: 30px; flex: 0 0 100%; max-width: 1000%; } @media screen and (min-width: 768px) { .feature-section.style-twelve .container-row .grid .small-post { flex: 50%; max-width: 50%; padding-right: 15px; } } .feature-section.style-twelve .container-row .grid .small-post .post { flex: 0 0 100%; max-width: 100%; margin: 0; } @media screen and (min-width: 576px) { .feature-section.style-twelve .container-row .grid .small-post .post { flex: 0 0 45%; max-width: 45%; } } @media screen and (min-width: 992px) { .feature-section.style-twelve .container-row .grid .small-post .post { flex: 0 0 46%; max-width: 46%; } } @media screen and (min-width: 1200px) { .feature-section.style-twelve .container-row .grid .small-post .post { flex: 0 0 47%; max-width: 47%; } } .feature-section.style-twelve .container-row .grid .small-post .post .post-thumbnail { margin-bottom: 15px; } .feature-section.style-twelve .container-row .grid .small-post .post .content-wrap .entry-header .entry-title { font-size: 1em; } .feature-section.style-twelve .container-row .grid .large-post { padding-left: 0; border: 0; padding-right: 0; flex: 0 0 100%; max-width: 1000%; } @media screen and (min-width: 768px) { .feature-section.style-twelve .container-row .grid .large-post { flex: 50%; max-width: 50%; padding-left: 15px; } } .feature-section.style-thirteen .tab-content .tab-panel { display: none; } .feature-section.style-thirteen .tab-content .tab-panel.active { display: block; } .feature-section.style-thirteen .container-row .grid { position: relative; display: flex; align-items: flex-start; flex-direction: column; } @media screen and (min-width: 768px) { .feature-section.style-thirteen .container-row .grid { flex-direction: row; } } .feature-section.style-thirteen .container-row .grid .post .post-thumbnail { margin-top: 0; } .feature-section.style-thirteen .container-row .grid .post .content-wrap .entry-header .entry-title { margin-bottom: 0; font-size: 1.333em; } .feature-section.style-thirteen .container-row .grid .small-post { flex: 100%; max-width: 100%; padding-right: 0; } .feature-section.style-thirteen .container-row .grid .small-post .post { display: flex; flex-direction: column; } .feature-section.style-thirteen .container-row .grid .small-post .post:last-child { margin-bottom: 0; } .feature-section.style-thirteen .container-row .grid .small-post .post .post-thumbnail { margin-top: 0; } .feature-section.style-thirteen .container-row .grid .small-post .post .content-wrap .entry-header .entry-title { font-size: 1em; } @media screen and (min-width: 992px) { .feature-section.style-thirteen .container-row .grid .small-post .post { flex-direction: row; } .feature-section.style-thirteen .container-row .grid .small-post .post .post-thumbnail { margin: 0; max-width: 231px; width: 100%; } .feature-section.style-thirteen .container-row .grid .small-post .post .content-wrap { margin-right: 20px; } } @media (max-width: 992px) and (min-width: 500px) { .feature-section.style-thirteen .container-row .grid .small-post { display: flex; flex-wrap: wrap; } .feature-section.style-thirteen .container-row .grid .small-post .post { max-width: 50%; padding: 0 5px; } } .feature-section.style-thirteen .container-row .grid .large-post { flex: 0 0 100%; max-width: 100%; border-right: 0; padding-right: 0; border-left: 0; margin-bottom: 30px; } @media screen and (min-width: 768px) { .feature-section.style-thirteen .container-row .grid .large-post { flex: 0 0 43%; max-width: 43%; padding-left: 30px; margin-left: 30px; margin-bottom: 0; border-left: 1px solid rgba(var(--font-color-rgb), 0.04); } } .feature-section.style-thirteen .container-row .grid .large-post .post { margin: 0; position: relative; } .feature-section.style-thirteen .container-row .grid .large-post .post .post-thumbnail { margin: 0; } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap { position: absolute; bottom: 0; right: 0; padding: 30px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(255, 255, 255, 0) 100%); width: 100%; } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-header .entry-title { font-size: 1.333em; } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-header .entry-title a { color: var(--white-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-header .entry-title a:hover { color: var(--primary-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-meta .cat-links a { color: var(--white-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-meta .cat-links a:hover { color: var(--primary-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .byline .fn { color: var(--white-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .byline .fn:hover { color: var(--primary-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .posted-on a { color: var(--white-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .posted-on a::before { background-color: rgba(var(--font-color-rgb), 0.3); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .posted-on a:hover { color: var(--primary-color); } .feature-section.style-thirteen .container-row .grid .large-post .post .content-wrap .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } .feature-section.style-thirteen .btn-wrapper { margin-top: 27px; text-align: right; } @media screen and (min-width: 768px) { .feature-section.style-thirteen .btn-wrapper { margin-top: 58px; text-align: center; } } /*----------------------------- search section ------------------------------*/ @media (max-width: 575px) { .search-section .container { max-width: 100%; padding: 0; } } .search-section .search-section-wrapper { padding: 70px 20px; background-image: url("./images/search-bg.png"); background-size: cover; } .search-section .search-section-wrapper .section-header, .search-section .search-section-wrapper .form-section, .search-section .search-section-wrapper .search-keyword { max-width: 750px; margin-right: auto; margin-left: auto; } .search-section .search-section-wrapper .section-header .section-title { border: 0; padding: 0; } .search-section .search-section-wrapper .form-section form .search-field { height: 60px; font-size: 1em; color: rgba(var(--font-color-rgb), 0.8); padding: 10px22px; } .search-section .search-section-wrapper .form-section form .search-submit { background-color: #fff; border: 0; 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='%231A0101' opacity='0.7' /%3E%3C/svg%3E%0A"); } .search-section .search-section-wrapper .form-section 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='%23A60505' /%3E%3C/svg%3E%0A"); } .search-section .search-section-wrapper .search-keyword { margin-top: 18px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-family: var(--secondary-font); } .search-section .search-section-wrapper .search-keyword .search-keyword-item a, .search-section .search-section-wrapper .search-keyword .search-keyword-title { font-size: 0.888em; color: rgba(var(--font-color-rgb), 0.8); font-size: 0.888em; line-height: 1; margin-bottom: 0; margin-top: 4px; margin-bottom: 4px; } .search-section .search-section-wrapper .search-keyword .search-keyword-item { display: inline-flex; } .search-section .search-section-wrapper .search-keyword .search-keyword-item a { font-weight: 500; display: inline-flex; margin-right: 4px; padding-right: 4px; } .search-section .search-section-wrapper .search-keyword .search-keyword-item a:hover { color: var(--primary-color); } .search-section .search-section-wrapper .search-keyword .search-keyword-item + .search-keyword-item a { border-right: 1px solid rgba(var(--font-color-rgb), 0.8); margin-right: 6px; padding-right: 6px; } /*----------------------------- category section ------------------------------*/ .category-section .category-wrapper { padding: 54px 0 60px 0; background-image: url("./images/category-bg.png"); background-size: cover; } .category-section .category-wrapper .section-header .section-title { border: 0; padding: 0; font-size: 1.1em; font-weight: 400; margin-bottom: 0; color: rgba(var(--font-color-rgb), 0.8); } .category-section .category-wrapper .category-item-wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; grid-row-gap: 30px; } .category-section .category-wrapper .category-item-wrapper .category-item { padding: 28px 47px; background-color: var(--white-color); } .category-section .category-wrapper .category-item-wrapper .category-item a { font-size: 0.8333em; display: inline-flex; color: var(--font-color); letter-spacing: 0.75px; font-family: var(--secondary-font); } .category-section .category-wrapper .category-item-wrapper .category-item:hover a { color: var(--primary-color); } .category-section .category-wrapper .category-item-wrapper .category-item + .category-item { margin-right: 30px; } /*----------------------------- video section ------------------------------*/ section.video-news-section { background: var(--secondary-color); padding: 100px 0; } section.video-news-section .section-header .section-title { color: #fff; border-top: 1px solid rgba(var(--white-color-rgb), 0.06); border-bottom: 1px solid rgba(var(--white-color-rgb), 0.06); } .video-news-section .section-grid { display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .video-news-section .video-thumb-block { width: 389px; padding-right: 60px; height: 486px; padding-top: 0; position: relative; overflow: auto; padding-left: 0; } .video-news-section .video-thumb-block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 30px; } .video-news-section .video-thumb-block::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; border-radius: 30px; } .video-news-section .video-thumb-block::-webkit-scrollbar-thumb { background-color: #7a7a7a; border-radius: 30px; } .video-news-section .video-thumb-block .video-title { font-size: 1.66em; margin-top: 30px; margin-bottom: 0; } .video-news-section .video-thumb-block .video-meta { margin-top: 9px; color: rgba(var(--white-color-rgb), 0.8); padding-right: 27px; position: relative; } .video-news-section .video-thumb-block .video-meta::before { content: ""; position: absolute; top: 7px; right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.282' height='14.282' viewBox='0 0 14.282 14.282'%3E%3Cg id='Group_8941' data-name='Group 8941' transform='translate(-1304 -8426.25)'%3E%3Cpath id='Path_29323' data-name='Path 29323' d='M10.66,3.76A7.141,7.141,0,1,0,17.782,10.9,7.141,7.141,0,0,0,10.66,3.76Zm0,12.9A5.759,5.759,0,1,1,16.419,10.9,5.759,5.759,0,0,1,10.66,16.66Z' transform='translate(1300.5 8422.49)' fill='%23fff'/%3E%3Cpath id='Path_29324' data-name='Path 29324' d='M11.882,10.851v-3.4a.691.691,0,0,0-1.382,0v3.686a.691.691,0,0,0,.2.488l2.156,2.147a.654.654,0,0,0,.488.2.682.682,0,0,0,.488-.2.691.691,0,0,0,0-.977Z' transform='translate(1299.95 8422.255)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 14px; height: 14px; opacity: 0.8; } .video-news-section .video-preview-block { width: calc(100% - 389px); } .video-news-section .video-preview-block .video-preview-item { position: relative; height: 0; padding-top: 53%; } .video-news-section .video-preview-block .video-preview-item iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; border: none; margin-bottom: 0; } .video-news-section .video-preview-block .video-meta .video-title { margin-top: 30px; margin-bottom: 9px; font-size: 1.66em; color: rgba(var(--white-color-rgb), 0.8); } .video-news-section .video-preview-block .video-meta .video-timing { color: rgba(var(--white-color-rgb), 0.8); padding-right: 27px; position: relative; } .video-news-section .video-preview-block .video-meta .video-timing::before { content: ""; position: absolute; top: 7px; right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.282' height='14.282' viewBox='0 0 14.282 14.282'%3E%3Cg id='Group_8941' data-name='Group 8941' transform='translate(-1304 -8426.25)'%3E%3Cpath id='Path_29323' data-name='Path 29323' d='M10.66,3.76A7.141,7.141,0,1,0,17.782,10.9,7.141,7.141,0,0,0,10.66,3.76Zm0,12.9A5.759,5.759,0,1,1,16.419,10.9,5.759,5.759,0,0,1,10.66,16.66Z' transform='translate(1300.5 8422.49)' fill='%23fff'/%3E%3Cpath id='Path_29324' data-name='Path 29324' d='M11.882,10.851v-3.4a.691.691,0,0,0-1.382,0v3.686a.691.691,0,0,0,.2.488l2.156,2.147a.654.654,0,0,0,.488.2.682.682,0,0,0,.488-.2.691.691,0,0,0,0-.977Z' transform='translate(1299.95 8422.255)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 14px; height: 14px; opacity: 0.8; } .video-news-section .video-preview-block .video-meta .yt-btn { margin-top: 25px; } .video-news-section .video-preview-block .video-meta .yt-btn a { background-color: #FF0000; padding: 14px 30px; color: var(--white-color); font-family: var(--secondary-font); display: inline-block; } .video-news-section .video-preview-block .video-meta .yt-btn a:hover { background-color: rgba(255, 0, 0, 0.8); } .video-news-section .video-thumb-block .thumb-block-holder { margin-bottom: 15px; padding-left: 15px; opacity: 0.2; } .video-news-section .video-thumb-block .thumb-block-holder:last-child { margin-bottom: 0; } .video-news-section .video-thumb-block .thumb-block-holder.active { opacity: 1; } .video-news-section .thumb-block-holder a { display: flex; flex: 1; flex-direction: row-reverse; flex-wrap: wrap; align-items: center; } .video-news-section .thumb-block-holder a .video-meta-data { padding-right: 20px; width: calc(100% - 132px); text-align: left; } .video-news-section .thumb-block-holder a .thumb-img { width: 132px; height: 99px; } .video-news-section .thumb-block-holder a .thumb-img img { width: 100%; height: 100%; object-fit: cover; } .video-news-section .thumb-block-holder a .video-timing { color: rgba(var(--white-color-rgb), 0.8); padding-right: 27px; position: relative; } .video-news-section .thumb-block-holder a .video-title { margin: 0; color: var(--white-color); font-size: 1em; line-height: 1.4; } .video-news-section .thumb-block-holder a:hover .video-title { text-decoration: underline; } @media screen and (max-width: 1199px) { .video-news-section .video-thumb-block { padding-top: 0; height: 380px; } .video-thumb-block .mCustomScrollBox { position: relative; right: 0; } } @media screen and (max-width: 1024px) { .video-news-section .section-grid { flex-direction: column; } .video-news-section .video-preview-block { width: 100%; padding-top: 0; margin-bottom: 30px; } .video-news-section .video-thumb-block { width: 100%; padding-right: 0; } .video-thumb-block .mCustomScrollBox { position: absolute; } } @media (max-width: 1024px) and (min-width: 767px) { .video-news-section .video-thumb-block { display: flex; flex-direction: row; flex-wrap: wrap; grid-gap: 30px; } .video-news-section .video-thumb-block .thumb-block-holder { max-width: 47%; flex: 0 0 47%; } } @media screen and (max-width: 767px) { section.video-news-section { padding-top: 60px; padding-bottom: 60px; } } /*----------------------------- Newsletter section ------------------------------*/ .newsletter-section .blossomthemes-email-newsletter-wrapper { padding: 45px 30px; } @media screen and (min-width: 768px) { .newsletter-section .blossomthemes-email-newsletter-wrapper { padding: 60px 90px; } } .newsletter-section .blossomthemes-email-newsletter-wrapper .container { display: flex; align-items: center; justify-content: space-between; text-align: right; grid-row-gap: 16px; grid-column-gap: 64px; } @media (max-width: 1100px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container { flex-direction: column; align-items: flex-start; } } .newsletter-section .blossomthemes-email-newsletter-wrapper .container .text-holder { text-align: right; margin-bottom: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 1.3em; font-weight: 500; line-height: 1.3; position: relative; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container .text-holder h3::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11.64' viewBox='0 0 12 11.64'%3E%3Cg id='Group_9193' data-name='Group 9193' transform='translate(0 0.001)' opacity='0.7'%3E%3Cpath id='Path_29319' data-name='Path 29319' d='M.329,5.75c-.454.233-.436.573.041.757l1.412.545a1.847,1.847,0,0,0,1.6-.224l6.13-4.716c.4-.309.446-.264.1.1L4.765,7.274A.567.567,0,0,0,5,8.266l.165.063c.478.18,1.258.484,1.733.672l1.566.622a.814.814,0,0,0,1.119-.517L11.965.55c.135-.483-.127-.688-.581-.456Z' transform='translate(0 0)' fill='%231a0101'/%3E%3Cpath id='Path_29320' data-name='Path 29320' d='M9.231,25.3c-.032.1,1.1-1.643,1.1-1.643a.849.849,0,0,0-.4-1.3l-1.238-.507c-.542-.222-.8.039-.578.58C8.116,22.429,9.264,25.2,9.231,25.3Z' transform='translate(-4.977 -13.66)' fill='%231a0101'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; background-repeat: no-repeat; right: -24px; top: 6px; width: 20px; height: 20px; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container .text-holder span { font-size: 1em; line-height: 1.3; display: inline-block; margin-top: 5px; font-family: var(--secondary-font); font-style: italic; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form { display: flex; align-items: center; flex-wrap: wrap; grid-gap: 12px; } @media screen and (min-width: 768px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form { grid-gap: 0; } } @media screen and (min-width: 1400px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form { flex: 0 0 50%; } } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form .check-mark { border: 1px solid rgba(var(--primary-color-rgb), 0.5); } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox]) { height: 41px; min-height: 41px; padding-top: 0; padding-bottom: 0; margin-top: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox], input[type=submit]) { border: 1px solid rgba(var(--font-color-rgb), 0.1); } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input[type=submit] { line-height: 41px; font-family: var(--secondary-font); letter-spacing: 0.6px; padding-right: 18px; padding-left: 18px; font-size: 0.7777777778em; } @media screen and (min-width: 768px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input[name=subscribe-fname] { margin-left: 10px; } } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label { width: 100%; display: flex; margin-top: 0; flex-wrap: wrap; justify-content: flex-start; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap { margin-top: 14px; } @media screen and (min-width: 768px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap { display: inline-flex; grid-gap: 2px; } } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap input[type=checkbox]:checked + .check-mark { background-color: #fff; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap .check-mark { margin-top: 0px; margin-left: 4px; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form > label .subscribe-inner-wrap .text { font-size: 0.88888889em; line-height: 1.2em; margin-right: 4px; } @media (min-width: 768px) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input { order: 2; flex: 2; } .newsletter-section .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) { .newsletter-section .blossomthemes-email-newsletter-wrapper .container form { flex-direction: column; width: 100%; } .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input:not(input[type=checkbox]) { width: 100%; } } /*----------------------------- instagram section ------------------------------*/ .instagram-section { margin-top: 60px; text-align: center; position: relative; } @media screen and (min-width: 992px) { .instagram-section { margin-top: 109px; } } .instagram-section .popup-gallery li a { display: block; width: 100%; } @media (max-width: 767px) { .instagram-section .popup-gallery.photos-4 li, .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li { width: 33.33%; } } @media (max-width: 558px) { .instagram-section .popup-gallery.photos-4 li, .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li { width: 50%; } } .portfolio-item .portfolio-cat a:last-child { padding-right: 10px; } .instagram-section .profile-link { padding: 10px 30px; display: inline-block; position: absolute; right: 50%; left: unset; 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: var(--primary-color); color: var(--white-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); } .instagram-section .profile-link .insta-icon { margin-left: 10px; } /* Posts and pages --------------------------------------------- */ .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.7222em; font-family: var(--secondary-font); margin-left: 15px; } .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 { position: relative; display: inline-block; font-size: 0.7222em; font-family: var(--secondary-font); letter-spacing: 1.82px; text-transform: uppercase; transition: all 0.234s ease-in-out; color: var(--primary-color); } .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(--secondary-color); } .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; padding-right: 12px; } .related-posts .entry-header .category a + a::before, .related-posts .entry-header .cat-links a + a::before, .related-posts .entry-header .cat-tags a + a::before, .single-blossom-portfolio .entry-header .category a + a::before, .single-blossom-portfolio .entry-header .cat-links a + a::before, .single-blossom-portfolio .entry-header .cat-tags a + a::before, .entry-meta .category a + a::before, .entry-meta .cat-links a + a::before, .entry-meta .cat-tags a + a::before, .entry-footer .category a + a::before, .entry-footer .cat-links a + a::before, .entry-footer .cat-tags a + a::before { content: ""; position: absolute; top: 4.5px; right: 0; width: 3px; height: 3px; border-radius: 100%; background-color: currentColor; opacity: 0.4; transition: all 0.234s ease-in-out; } .related-posts .entry-header .category a + a:hover::before, .related-posts .entry-header .cat-links a + a:hover::before, .related-posts .entry-header .cat-tags a + a:hover::before, .single-blossom-portfolio .entry-header .category a + a:hover::before, .single-blossom-portfolio .entry-header .cat-links a + a:hover::before, .single-blossom-portfolio .entry-header .cat-tags a + a:hover::before, .entry-meta .category a + a:hover::before, .entry-meta .cat-links a + a:hover::before, .entry-meta .cat-tags a + a:hover::before, .entry-footer .category a + a:hover::before, .entry-footer .cat-links a + a:hover::before, .entry-footer .cat-tags a + a:hover::before { background-color: currentColor; } .related-posts .entry-header .posted-on, .single-blossom-portfolio .entry-header .posted-on, .entry-meta .posted-on, .entry-footer .posted-on { font-size: 0.7777em; color: rgba(var(--font-color-rgb), 0.8); } .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 { text-decoration: none; position: relative; color: rgba(var(--font-color-rgb), 0.8); padding-right: 8px; font-family: var(--secondary-font); } .related-posts .entry-header .posted-on a::before, .single-blossom-portfolio .entry-header .posted-on a::before, .entry-meta .posted-on a::before, .entry-footer .posted-on a::before { content: ""; position: absolute; top: 7.5px; right: 0; width: 3px; height: 3px; border-radius: 100%; background-color: rgba(var(--font-color-rgb), 0.6); } .related-posts .entry-header .posted-on a:hover, .single-blossom-portfolio .entry-header .posted-on a:hover, .entry-meta .posted-on a:hover, .entry-footer .posted-on a:hover { color: var(--primary-color); } .related-posts .entry-header .posted-on a:hover::before, .single-blossom-portfolio .entry-header .posted-on a:hover::before, .entry-meta .posted-on a:hover::before, .entry-footer .posted-on a:hover::before { background-color: var(--primary-color); } .related-posts .entry-header .cat-links, .single-blossom-portfolio .entry-header .cat-links, .entry-meta .cat-links, .entry-footer .cat-links { line-height: 1.8; } .post-read-time { font-family: var(--secondary-font); font-size: 0.777em; color: rgba(var(--font-color-rgb), 0.8); } span + .post-read-time { margin-right: 17px; padding-right: 14px; position: relative; } span + .post-read-time::before { content: ""; width: 4px; height: 4px; background: rgba(var(--font-color-rgb), 0.3); position: absolute; top: 7px; right: 0; border-radius: 50%; transform: rotate(-45deg); } .blog .site-content .section-header, .home .site-content .section-header, .archive .site-content .section-header, .search-results .site-content .section-header { margin-bottom: 30px; text-align: center; } .blog .site-main article, .home .site-main article, .archive .site-main article, .search-results .site-main article { margin-bottom: 45px; font-family: var(--secondary-font); } @media screen and (min-width: 768px) { .blog .site-main article, .home .site-main article, .archive .site-main article, .search-results .site-main article { margin-bottom: 60px; } } .blog .site-main article:last-child, .home .site-main article:last-child, .archive .site-main article:last-child, .search-results .site-main article:last-child { margin-bottom: 0; } .blog .site-main article .post-thumbnail, .home .site-main article .post-thumbnail, .archive .site-main article .post-thumbnail, .search-results .site-main article .post-thumbnail { display: block; margin-top: 0; margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog .site-main article .post-thumbnail, .home .site-main article .post-thumbnail, .archive .site-main article .post-thumbnail, .search-results .site-main article .post-thumbnail { margin-bottom: 30px; } } .blog .site-main article .entry-meta, .home .site-main article .entry-meta, .archive .site-main article .entry-meta, .search-results .site-main article .entry-meta { display: flex; align-items: center; flex-wrap: wrap; color: var(--primary-color); font-size: 1em; } .blog .site-main article .entry-meta .cat-links a, .home .site-main article .entry-meta .cat-links a, .archive .site-main article .entry-meta .cat-links a, .search-results .site-main article .entry-meta .cat-links a { font-size: 0.667em; color: var(--primary-color); letter-spacing: 1.4px; text-transform: uppercase; } .blog .site-main article .entry-meta .cat-links a::before, .home .site-main article .entry-meta .cat-links a::before, .archive .site-main article .entry-meta .cat-links a::before, .search-results .site-main article .entry-meta .cat-links a::before { top: 8px; } @media screen and (min-width: 768px) { .blog .site-main article .entry-meta .cat-links a, .home .site-main article .entry-meta .cat-links a, .archive .site-main article .entry-meta .cat-links a, .search-results .site-main article .entry-meta .cat-links a { font-size: 0.722em; } } .blog .site-main article .entry-meta .byline a, .home .site-main article .entry-meta .byline a, .archive .site-main article .entry-meta .byline a, .search-results .site-main article .entry-meta .byline a { font-size: 0.778em; } .blog .site-main article .entry-meta .byline a.fn, .home .site-main article .entry-meta .byline a.fn, .archive .site-main article .entry-meta .byline a.fn, .search-results .site-main article .entry-meta .byline a.fn { letter-spacing: 0.2px; color: var(--font-color); text-transform: capitalize; } .blog .site-main article .entry-meta .byline a.fn:hover, .home .site-main article .entry-meta .byline a.fn:hover, .archive .site-main article .entry-meta .byline a.fn:hover, .search-results .site-main article .entry-meta .byline a.fn:hover { color: var(--primary-color); } .blog .site-main article .entry-meta .posted-on, .home .site-main article .entry-meta .posted-on, .archive .site-main article .entry-meta .posted-on, .search-results .site-main article .entry-meta .posted-on { margin-right: 8px; } .blog .site-main article h2, .home .site-main article h2, .archive .site-main article h2, .search-results .site-main article h2 { font-size: 1.667em; line-height: 1.222277; color: var(--font-color); margin: 14px 0 12px; } @media screen and (min-width: 768px) { .blog .site-main article h2, .home .site-main article h2, .archive .site-main article h2, .search-results .site-main article h2 { font-size: 2.222em; line-height: 1.225em; margin: 16px 0 15px; } } .blog .site-main article h2 a, .home .site-main article h2 a, .archive .site-main article h2 a, .search-results .site-main article h2 a { color: rgba(var(--font-color-rgb), 0.8); } .blog .site-main article .entry-content, .home .site-main article .entry-content, .archive .site-main article .entry-content, .search-results .site-main article .entry-content { margin-top: 0; } .blog .site-main article .entry-content p:last-of-type, .home .site-main article .entry-content p:last-of-type, .archive .site-main article .entry-content p:last-of-type, .search-results .site-main article .entry-content p:last-of-type { letter-spacing: 0.2px; line-height: 1.8889; color: rgba(var(--font-color-rgb), 0.8); margin-bottom: 0; } .blog .site-main article .entry-content .entry-meta, .home .site-main article .entry-content .entry-meta, .archive .site-main article .entry-content .entry-meta, .search-results .site-main article .entry-content .entry-meta { margin-top: 4px; } @media screen and (min-width: 768px) { .blog .site-main article .entry-content .entry-meta, .home .site-main article .entry-content .entry-meta, .archive .site-main article .entry-content .entry-meta, .search-results .site-main article .entry-content .entry-meta { margin-top: 10px; } } .blog .site-main article .content-wrap, .home .site-main article .content-wrap, .archive .site-main article .content-wrap, .search-results .site-main article .content-wrap { position: relative; } .blog .site-main article .content-wrap .entry-header .entry-title, .home .site-main article .content-wrap .entry-header .entry-title, .archive .site-main article .content-wrap .entry-header .entry-title, .search-results .site-main article .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; } .blog .site-main article .content-wrap .entry-header .entry-title a, .home .site-main article .content-wrap .entry-header .entry-title a, .archive .site-main article .content-wrap .entry-header .entry-title a, .search-results .site-main article .content-wrap .entry-header .entry-title a { color: rgba(var(--font-color-rgb), 0.9); } .blog .site-main article .content-wrap .entry-header .entry-title a:hover, .home .site-main article .content-wrap .entry-header .entry-title a:hover, .archive .site-main article .content-wrap .entry-header .entry-title a:hover, .search-results .site-main article .content-wrap .entry-header .entry-title a:hover { color: var(--primary-color); } .blog .site-main article .content-wrap .entry-content, .home .site-main article .content-wrap .entry-content, .archive .site-main article .content-wrap .entry-content, .search-results .site-main article .content-wrap .entry-content { margin-bottom: 0; margin-top: 0; } .blog .site-main article .content-wrap .entry-content p:last-child, .home .site-main article .content-wrap .entry-content p:last-child, .archive .site-main article .content-wrap .entry-content p:last-child, .search-results .site-main article .content-wrap .entry-content p:last-child { margin-bottom: 0; } .blog .site-main article .post-footer, .home .site-main article .post-footer, .archive .site-main article .post-footer, .search-results .site-main article .post-footer { margin-top: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .blog .site-main article .post-footer .btn-link, .home .site-main article .post-footer .btn-link, .archive .site-main article .post-footer .btn-link, .search-results .site-main article .post-footer .btn-link { color: var(--font-color); background: none; padding: 0; } .blog .site-main article .post-footer .btn-link::before, .home .site-main article .post-footer .btn-link::before, .archive .site-main article .post-footer .btn-link::before, .search-results .site-main article .post-footer .btn-link::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"); } .blog .site-main article .post-footer .button-wrap, .home .site-main article .post-footer .button-wrap, .archive .site-main article .post-footer .button-wrap, .search-results .site-main article .post-footer .button-wrap { width: 100%; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.1); } .blog .site-main article .post-share, .home .site-main article .post-share, .archive .site-main article .post-share, .search-results .site-main article .post-share { display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 20px; } .blog .site-main article .post-share .social-networks, .home .site-main article .post-share .social-networks, .archive .site-main article .post-share .social-networks, .search-results .site-main article .post-share .social-networks { grid-gap: 20px; flex-direction: row; } .blog .site-main article .post-share .post-share-title, .home .site-main article .post-share .post-share-title, .archive .site-main article .post-share .post-share-title, .search-results .site-main article .post-share .post-share-title { display: inline-flex; } .blog .site-main article .post-share .post-share-title svg, .home .site-main article .post-share .post-share-title svg, .archive .site-main article .post-share .post-share-title svg, .search-results .site-main article .post-share .post-share-title svg { fill: #001a1a; } .blog .site-main article .post-share .post-share-title svg:hover, .home .site-main article .post-share .post-share-title svg:hover, .archive .site-main article .post-share .post-share-title svg:hover, .search-results .site-main article .post-share .post-share-title svg:hover { fill: var(--primary-color); } /* Search and Archive heading --------------------------------------------- */ .page-header__content-wrapper { margin-bottom: 50px; margin-top: 39px; max-width: 750px; } @media screen and (min-width: 992px) { .page-header__content-wrapper { margin-bottom: 60px; margin-top: 70px; } } .page-header__content-wrapper .sub-title { display: inline-block; font-size: 1.1em; margin-bottom: 26px; font-family: var(--secondary-font); color: var(--primary-color); } .page-header__content-wrapper .search-form { margin-bottom: 43px; position: relative; } .page-header__content-wrapper .search-form .search-field { font-size: 1.111em; padding: 22px 30px 22px 60px; height: 60px; } .page-header__content-wrapper .page-title { margin: 0; font-size: 0.888em; color: rgba(var(--primary-color-rgb), 0.8); margin-bottom: 20px; font-family: var(--primary-font); } .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: 0.888em; color: rgba(var(--font-color-rgb), 1); padding: 23px 0; display: block; font-weight: 500; border-top: 1px solid rgba(var(--font-color-rgb), 0.06); border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); } /* Search and Archive --------------------------------------------- */ .search.search-results .page-header__content-wrapper .page-title, .archive .page-header__content-wrapper .page-title { display: block; font-size: 1.66em; color: rgba(var(--font-color-rgb), 0.8); font-family: var(--secondary-font); } @media screen and (min-width: 768px) { .search.search-results .page-header__content-wrapper .page-title, .archive .page-header__content-wrapper .page-title { font-size: 2.66em; } } .search.search-results .page-header__content-wrapper .page-title::before, .search.search-results .page-header__content-wrapper .page-title::after, .archive .page-header__content-wrapper .page-title::before, .archive .page-header__content-wrapper .page-title::after { content: none; } .search.search-results .page-header .breadcrumb-wrapper > div, .archive .page-header .breadcrumb-wrapper > div { padding-right: 0; } .search.search-results.author .author-content, .archive.author .author-content { margin-bottom: 37px; } /* Author section --------------------------------------------- */ .author-section .inner-author-section { background-color: rgba(var(--primary-color-rgb), 0.03); padding: 45px 40px; } .author-section .result-count { margin-top: 50px; display: 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 { margin: 50px 0; } @media screen and (min-width: 992px) { .error-404 { margin: 100px 0; } } .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); position: relative; z-index: 1; } .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: 55px 20px; margin: 0; } @media screen and (min-width: 992px) { .error-404 .error-404-content-wrapper .page-content { padding: 35px 81px 45px 81px; } .error-404 .error-404-content-wrapper .page-content .wc-btn { font-size: 0.844em; } .error-404 .error-404-content-wrapper .page-content h1 + p { padding: 0 43px; } } .error-404 .error-404-content-wrapper .page-content .error404-text { color: var(--primary-color); font-size: 0.8333333333em; letter-spacing: 0.02499em; text-transform: capitalize; display: block; } .error-404 .error-404-content-wrapper .page-content .page-title { font-size: 2.66em; 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: 79px; padding-top: 30px; border-top: 1px solid rgba(var(--font-color-rgb), 0.06); } .error-404 .error-404-content-wrapper .error-404-search .search-form { margin-bottom: 0px; position: relative; } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-field { font-size: 0.888em; padding: 22px 30px 22px 60px; height: 60px; } .error-404 .error-404-content-wrapper .error-404-search .search-form .search-field::placeholder { color: rgba(var(--font-color-rgb), 0.4); } .page-header__content-wrapper .search-form .search-submit, .error-404 .error-404-content-wrapper .error-404-search .search-form .search-submit { background-color: var(--secondary-color); outline: none; border-radius: 0; font-size: 0; width: 60px; height: 60px; 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: 16px; background-repeat: no-repeat; background-position: center; left: 0; } .page-header__content-wrapper .search-form .search-submit:hover, .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='%23fff'/%3E%3C/svg%3E%0A"); background-color: var(--primary-color); } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* ================================================== comment /custom code ================================================== */ .comments-area { max-width: 755px; margin: 80px auto 0; position: relative; padding: 45px 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: 45px; border: 1px solid rgba(var(--primary-color-rgb), 0.1); } } .comments-area .comments-title { font-size: 1.2222222222em; margin-bottom: 29px; 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: 0.888em; line-height: 1.5; 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: rgba(var(--primary-color-rgb), 0.9); font-size: 0.888em; padding-left: 16px; position: relative; transition: all 0.235s ease-in-out; font-family: var(--secondary-font); } .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: 5px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.106' height='9.573' viewBox='0 0 6.106 9.573'%3E%3Cpath id='Path_29322' data-name='Path 29322' d='M4.9,0,0,4.083,4.9,8.165' transform='translate(0.5 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; position: absolute; top: 7px; transition: all 0.235s ease-in-out; left: 0; transform: rotate(-180deg); } .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 { left: -2px; } .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.05); 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 { max-width: 755px; margin: 45px auto; } nav.post-navigation .nav-links { display: flex; flex-direction: column; grid-row-gap: 45px; width: 100%; } nav.post-navigation .nav-links .nav-next, nav.post-navigation .nav-links .nav-previous { display: flex; align-items: center; } nav.post-navigation .nav-links .nav-next .post-thumbnail, nav.post-navigation .nav-links .nav-previous .post-thumbnail { width: 90px; height: 90px; margin: 0 0 0 20px; } nav.post-navigation .nav-links .nav-next .post-thumbnail img, nav.post-navigation .nav-links .nav-previous .post-thumbnail img { height: 100%; width: 100%; object-fit: cover; } nav.post-navigation .nav-links .nav-next a, nav.post-navigation .nav-links .nav-previous a { flex: 1; } @media screen and (min-width: 768px) { nav.post-navigation .nav-links { flex-direction: row; } nav.post-navigation .nav-links .nav-next, nav.post-navigation .nav-links .nav-previous { max-width: 50%; } } nav.post-navigation .nav-links .nav-next { flex-direction: row-reverse; text-align: left; } nav.post-navigation .nav-links .nav-next .post-thumbnail { margin: 0 20px 0 0; } nav.post-navigation .nav-links .nav-next .post .entry-header { text-align: left; } nav.post-navigation .nav-next { text-align: start; } nav.post-navigation .post { margin-bottom: 0; } nav.post-navigation .post .entry-meta .cat-links a { color: var(--primary-color); } nav.post-navigation .post .entry-header { margin: 0; text-align: right; } nav.post-navigation .post .entry-header .entry-title { margin: 0; font-size: 1.16em; font-weight: normal; } nav.post-navigation .meta-nav { font-family: var(--secondary-font); font-size: 0.777em; line-height: 1.1; display: inline-block; color: rgba(var(--primary-color-rgb), 0.9); text-decoration: none; position: relative; letter-spacing: 1.08px; padding-right: 17px; transition: all 0.235s ease-in-out; } nav.post-navigation .meta-nav:hover { color: var(--primary-color); } 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: 363px; margin-right: auto; padding-right: 15px; } } @media screen and (min-width: 768px) { nav.post-navigation .nav-previous { padding-left: 15px; max-width: 363px; } } .pagination { margin-top: 50px; display: flex; } @media (min-width: 767px) { .pagination { margin-top: 80px; } } .pagination .nav-links { display: flex; grid-gap: 13px; } .pagination .nav-links a { color: var(--font-color); } .pagination .nav-links .page-numbers { width: 30px; display: flex; align-items: center; justify-content: center; height: 30px; background: none; color: var(--font-color); 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(--primary-color); } .pagination .nav-links .page-numbers.current { padding: 15px 17.71px; background: var(--primary-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-size: 0; 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 { padding-top: 30px; margin-top: 45px; border-top: 1px solid rgba(var(--font-color-rgb), 0.05); } .navigation.pagination .nav-links .prev, .navigation.pagination .nav-links .next { position: relative; border: 1px solid rgba(var(--secondary-color-rgb), 0.05); } .navigation.pagination .nav-links .prev::after, .navigation.pagination .nav-links .prev::before, .navigation.pagination .nav-links .next::after, .navigation.pagination .nav-links .next::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.204' height='11.402' viewBox='0 0 7.204 11.402'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,6,5l-6,5' transform='translate(0.704 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; transform: translate(50%, -50%); right: 50%; width: 7px; height: 10px; background-repeat: no-repeat; background-position: center; transition: all 0.2s ease-in-out; } .navigation.pagination .nav-links .prev:hover, .navigation.pagination .nav-links .next:hover { border: 1px solid var(--primary-color); background-color: var(--primary-color); } .navigation.pagination .nav-links .prev:hover::after, .navigation.pagination .nav-links .prev:hover::before, .navigation.pagination .nav-links .next:hover::after, .navigation.pagination .nav-links .next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.204' height='11.402' viewBox='0 0 7.204 11.402'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,6,5l-6,5' transform='translate(0.704 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .navigation.pagination .nav-links .prev::before { transform: translate(50%, -50%) rotate(-180deg); } .navigation.pagination .nav-links .prev::after { content: none; } .navigation.pagination .nav-links .next::before { content: none; } .navigation.posts-navigation { margin-top: 50px; } .navigation.posts-navigation .nav-links a { color: var(--primary-color); } .custom-post-pagination .nav-links a { border: 1px solid rgba(var(--primary-color-rgb), 0.1); width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; } .custom-post-pagination .nav-links a:hover { background-color: var(--primary-color); border: 1px solid var(--primary-color); } .custom-post-pagination .nav-links a:hover svg path { stroke: var(--white-color); } .custom-post-pagination .nav-links a + a { margin-right: 14px; } #load-posts { margin-top: 50px; text-align: center; } @media (min-width: 767px) { #load-posts { margin-top: 100px; } } #load-posts a { display: inline-block !important; padding: 21px 30px; font-family: var(--secondary-font); background: none; color: var(--font-color); letter-spacing: 1px; border: 1px solid rgba(var(--font-color-rgb), 0.05); font-size: 0.8333333333em; line-height: 1em; transition: all ease 0.35s; min-width: 200px; text-align: center; background-color: transparent; text-transform: uppercase; } #load-posts a svg { margin-left: 10px; } #load-posts a:hover { background-color: var(--primary-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(--primary-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%; position: relative; } .search-form label { flex: 1; } .search-form .search-field { margin: 0; padding-left: 42px; } .search-form .search-submit { width: 20px; font-size: 0; background-size: 18.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; background-repeat: no-repeat; left: 17px; padding: 10px; top: 50%; transform: translateY(-50%); } .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='%23A60505'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-color: unset; } .wp-block-search .wp-block-search__label { font-weight: normal !important; } .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { margin-bottom: 0; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { width: 20px; border: 0; font-size: 0; background-size: 18.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; background-repeat: no-repeat; left: 17px; padding: 10px; top: 50%; transform: translateY(-50%); } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Path_24900' data-name='Path 24900' d='M11.572,19.163a7.532,7.532,0,0,0,4.676-1.624L20.709,22,22,20.709l-4.461-4.461a7.57,7.57,0,1,0-5.967,2.915Zm0-13.363A5.782,5.782,0,1,1,5.8,11.572,5.782,5.782,0,0,1,11.572,5.8Z' transform='translate(-4 -4)' fill='%23A60505'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-color: unset; } .widget_block .wp-block-group__inner-container > h2 { margin-bottom: 32px; font-size: 1.111em; line-height: 1; color: rgba(var(--font-color-rgb), 1); display: inline-block; position: relative; } .widget_block .wp-block-group__inner-container .wp-block-latest-comments li { font-size: 16px; } .widget_block .wp-block-group__inner-container .wp-block-latest-comments li:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05); } .widget_block .wp-block-group__inner-container .wp-block-latest-comments li .wp-block-latest-comments__comment-meta { color: rgba(var(--font-color-rgb), 1); } .widget_block .wp-block-group__inner-container .wp-block-latest-comments li .wp-block-latest-comments__comment-meta a { color: rgba(var(--font-color-rgb), 1); line-height: 1.9; } .widget_block .wp-block-group__inner-container .wp-block-latest-comments li .wp-block-latest-comments__comment-meta a:hover { color: var(--primary-color); } .widget { margin: 0 0 60px; } .widget:last-child { margin-bottom: 0; } .widget.widget_block .wp-block-search__label, .widget .wp-block-group__inner-container > h2, .widget .widget-title { margin-bottom: 32px; font-size: 1.111em; line-height: 1; color: rgba(var(--font-color-rgb), 1); display: inline-block; position: relative; font-family: var(--secondary-font); } .widget.widget_bttk_author_bio .widget-title { display: none; } .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.111em; 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: 1.7em; line-height: 1.8; font-family: var(--signature-font-two); transform: rotate(5deg); position: relative; } .widget.widget_bttk_author_bio .bttk-author-bio-holder .text-holder .text-signature::after { content: ""; width: 136.97px; height: 25px; 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: -5px; 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%; border: 1px solid rgba(var(--primary-color-rgb), 0.2); color: var(--primary-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 { background: var(--primary-color); color: var(--white-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; } .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .img-holder { margin: 0 auto 20px auto; } @media screen and (min-width: 768px) { .widget.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper { padding: 45px 20px; } } .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: 1.7em; 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_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; } .widget.widget_bttk_pro_recent_post ul li .entry-header .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); } .widget.widget_bttk_pro_recent_post ul li .entry-header .cat-links a:hover { color: var(--secondary-color); } .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); 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); } .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 .posted-on a { padding-right: 0; } .widget.widget_bttk_pro_recent_post ul li .entry-header .entry-meta .posted-on a::before { content: none; } .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: 5px; 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: 3px; 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-two .entry-header { text-align: center; padding: 0; } .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; } .widget.widget_bttk_popular_post ul li .entry-header .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; text-decoration: none; color: var(--primary-color); } .widget.widget_bttk_popular_post ul li .entry-header .cat-links a:hover { color: var(--secondary-color); } .widget.widget_bttk_popular_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_popular_post ul li .entry-header .entry-title a { color: var(--font-color); 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); } .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; letter-spacing: 0.63; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta .posted-on a { padding-right: 0; } .widget.widget_bttk_popular_post ul li .entry-header .entry-meta .posted-on a::before { content: none; } .widget.widget_categories ul, .widget.widget_Archive ul { list-style: none; margin: 0; } .widget.widget_categories ul li, .widget.widget_Archive ul li { display: flex; justify-content: space-between; font-family: var(--secondary-font); } .widget.widget_categories ul li:not(:last-child), .widget.widget_Archive ul li:not(:last-child) { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05); } .widget.widget_categories ul li:last-child a, .widget.widget_Archive ul li:last-child a { text-decoration: none; color: var(--font-color); display: block; flex: 1; } .widget.widget_categories ul li:last-child a:hover, .widget.widget_Archive ul li:last-child a:hover { color: var(--primary-color); } .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 { 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: 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; } .widget.widget_bttk_social_links .social-networks a:hover { background: var(--primary-color); color: var(--white-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_bttk_posts_category_slider_widget .owl-carousel .owl-dots button span { display: none; } .widget.widget_calendar .calendar_wrap { padding: 0; 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 thead tr { border-bottom: 1px solid rgba(var(--font-color-rgb), 0.2); } .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.9); } .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(--secondary-color); color: var(--white-color); } .widget.widget_calendar .calendar_wrap table td, .widget.widget_calendar .calendar_wrap table th { padding: 5px !important; text-align: center; } .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-t { /*========================== 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-t .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-t .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; } #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:not(:last-child), .footer-t .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:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05); } #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-t .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-t .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 { position: relative; padding-right: 0px; } #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-t .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: 16px; 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-t .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_recent_entries .post-date, .footer-t .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_recent_entries .post-date { font-size: 14px; color: rgba(var(--font-color-rgb), 0.8); } #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_recent_comments ul li, .footer-t .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_recent_comments ul li { position: relative; padding-right: 0px; } #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_recent_comments ul li > a::before, .footer-t .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_recent_comments 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_btif_instagram_widget ul li a::before, .footer-t .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_nav_menu ul, .footer-t .widget_nav_menu ul { display: flex; flex-wrap: wrap; grid-column-gap: 20px; } #secondary .widget_nav_menu ul li, .footer-t .widget_nav_menu ul li { display: inline-block; } #secondary .widget_nav_menu ul li .submenu-toggle-btn, .footer-t .widget_nav_menu ul li .submenu-toggle-btn { display: none; } #secondary .widget_nav_menu ul li a, .footer-t .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-t .widget_nav_menu ul li a:hover { color: rgba(var(--primary-color-rgb), 1); } #secondary .widget_nav_menu ul li ul, .footer-t .widget_nav_menu ul li ul { margin-right: 20px; } #secondary .widget .cat-links a, .footer-t .widget .cat-links a { position: relative; text-transform: uppercase; } #secondary .widget .cat-links a:hover, .footer-t .widget .cat-links a:hover { color: var(--secondary-color); } #secondary .widget .cat-links a:hover::before, .footer-t .widget .cat-links a:hover::before { background-color: currentColor; } #secondary .widget .cat-links a + a, .footer-t .widget .cat-links a + a { margin-right: 10px; padding-right: 12px; } #secondary .widget .cat-links a + a::before, .footer-t .widget .cat-links a + a::before { content: ""; position: absolute; top: 4.5px; right: 0; width: 3px; height: 3px; border-radius: 100%; background-color: currentcolor; opacity: 0.4; transition: all 0.234s ease-in-out; } #secondary .widget_media_image a, .footer-t .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-t .widget_bttk_contact_social_links .bttk-contact-widget-wrap .contact-list .contact-title, .footer-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .widget_bttk_social_links .social-networks li { margin-bottom: 4px; } #secondary .widget_bttk_social_links .social-networks li a, .footer-t .widget_bttk_social_links .social-networks li a { padding-right: 0; background: unset; } #secondary .widget_bttk_social_links .social-networks li a::before, .footer-t .widget_bttk_social_links .social-networks li a::before { content: none; } #secondary .widget_bttk_social_links .social-networks li a:hover, .footer-t .widget_bttk_social_links .social-networks li a:hover { color: #fff; background: var(--primary-color); } #secondary .widget_blossom_client_logo_widget .blossom-iw-holder .blossom-iw-inner-holder .blossom-inner-wrap, .footer-t .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-t .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-t .widget_btif_instagram_widget ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; } #secondary .widget_btif_instagram_widget ul li, .footer-t .widget_btif_instagram_widget ul li { margin: 0; width: 100%; } #secondary .widget_btif_instagram_widget ul li a, .footer-t .widget_btif_instagram_widget ul li a { display: block; padding-right: 0; } #secondary .widget_btif_instagram_widget .profile-link, .footer-t .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-t .widget_btif_instagram_widget .profile-link:hover { background-color: var(--primary-color); color: #fff; } #secondary .widget_btif_instagram_widget .profile-link .insta-icon, .footer-t .widget_btif_instagram_widget .profile-link .insta-icon { margin-left: 10px; } #secondary .widget_bttk_author_bio .bttk-author-bio-holder .readmore, .footer-t .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-t .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-t .widget_bttk_author_bio .bttk-author-bio-holder .author-bio-socicons { margin-top: 25px; } #secondary .widget_blossomtheme_companion_cta_widget, .footer-t .widget_blossomtheme_companion_cta_widget { margin: 0 0 60px; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg, .footer-t .widget_blossomtheme_companion_cta_widget .bttk-cta-bg { padding: 0; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container, .footer-t .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { padding: 40px 20px; text-align: right; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap, .footer-t .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-t .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2 { border: 1px solid var(--primary-color); color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .button-wrap .btn-2:hover, .footer-t .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-t .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-subtitle, .footer-t .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .text-holder, .footer-t .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container .widget-title { color: var(--white-color); } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg, .footer-t .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-t .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-t .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .blossomtheme-cta-container .text-holder, .footer-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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-t .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: 1em; transform: translateX(50%); line-height: 1.4em; width: 100%; } #secondary .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::before, .footer-t .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-t .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-t .widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore::after { content: none; } #secondary .widget_blossomthemes_stat_counter_widget .col, .footer-t .widget_blossomthemes_stat_counter_widget .col { width: 100%; padding: 0; } #secondary .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder, .footer-t .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-t .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-t .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-t .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::after, .footer-t .widget_blossomthemes_stat_counter_widget .widget-title::after { content: none; } #secondary .widget_blossomthemes_stat_counter_widget .widget-title > span, .footer-t .widget_blossomthemes_stat_counter_widget .widget-title > span { background: none; padding: 0; } #secondary .widget_bttk_description_widget .bttk-team-holder-modal, .footer-t .widget_bttk_description_widget .bttk-team-holder-modal { display: none !important; } #secondary .widget_bttk_description_widget .bttk-team-inner-holder, .footer-t .widget_bttk_description_widget .bttk-team-inner-holder { text-align: center; } #secondary .widget_bttk_description_widget .image-holder, .footer-t .widget_bttk_description_widget .image-holder { margin-bottom: 30px; } #secondary .widget_bttk_description_widget .name, .footer-t .widget_bttk_description_widget .name { display: block; font-weight: 700; line-height: 1.5; } #secondary .widget_bttk_description_widget .designation, .footer-t .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-t .widget_bttk_description_widget .description { margin-top: 0; margin-bottom: 20px; } #secondary .widget_bttk_description_widget .description p:last-child, .footer-t .widget_bttk_description_widget .description p:last-child { margin-bottom: 0; } #secondary .widget_bttk_description_widget .social-profile, .footer-t .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-t .widget_bttk_description_widget .social-profile 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_description_widget .social-profile li a:hover, .footer-t .widget_bttk_description_widget .social-profile li a:hover { background: var(--primary-color); color: var(--white-color); } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder, .footer-t .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-t .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-t .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; order: 1; margin-top: -44px; } #secondary .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .img-holder img, .footer-t .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-t .widget_bttk_testimonial_widget .text-holder { display: flex; flex-direction: column-reverse; } #secondary .widget_bttk_testimonial_widget .testimonial-content, .footer-t .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-t .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-t .widget_bttk_testimonial_widget .testimonial-content p:last-child::after, .footer-t .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-t .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-t .widget_bttk_testimonial_widget .testimonial-meta { padding-right: 53px; line-height: 1.3; width: calc(100% - 76px); } #secondary .widget_bttk_testimonial_widget .testimonial-meta .name, .footer-t .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-t .widget_bttk_testimonial_widget .testimonial-meta .designation { display: block; font-size: 1em; font-family: var(--primary-font); letter-spacing: 0.1px; } #secondary .widget_bttk_posts_category_slider_widget .owl-nav button, .footer-t .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-t .widget_bttk_posts_category_slider_widget .owl-nav button::after { content: none; } #secondary .widget_bttk_posts_category_slider_widget .owl-dot span, .footer-t .widget_bttk_posts_category_slider_widget .owl-dot span { display: none; } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .cat-links, .footer-t .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-t .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-t .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-t .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-t .widget_bttk_posts_category_slider_widget .carousel-title .title a { color: var(--font-color); transition: all 0.3s ease-in-out; text-decoration: none; } #secondary .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover, .footer-t .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover { color: var(--primary-color); } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-alignment, .footer-t .widget_blossomtheme_featured_page_widget .widget-featured-alignment { position: relative; } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-alignment .about-bg-img, .footer-t .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-t .widget_blossomtheme_featured_page_widget .widget-featured-alignment .img-holder { margin-bottom: 29px; } #secondary .widget_blossomtheme_featured_page_widget .right, .footer-t .widget_blossomtheme_featured_page_widget .right { text-align: left; } #secondary .widget_blossomtheme_featured_page_widget .right .wp-block-buttons, .footer-t .widget_blossomtheme_featured_page_widget .right .wp-block-buttons { justify-content: flex-end; } #secondary .widget_blossomtheme_featured_page_widget .centered, .footer-t .widget_blossomtheme_featured_page_widget .centered { text-align: center; } #secondary .widget_blossomtheme_featured_page_widget .centered .wp-block-buttons, .footer-t .widget_blossomtheme_featured_page_widget .centered .wp-block-buttons { justify-content: center; } #secondary .widget_blossomtheme_featured_page_widget .featured_page_content, .footer-t .widget_blossomtheme_featured_page_widget .featured_page_content { margin-top: 20px; } #secondary .woocommerce ul.product_list_widget li img, .footer-t .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-t .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-t .woocommerce ul.product_list_widget li::before { display: none; } #secondary .woocommerce ul.product_list_widget li a, .footer-t .woocommerce ul.product_list_widget li a { font-weight: 400; text-decoration: none; } #secondary .woocommerce ul.product_list_widget li .product-title, .footer-t .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-t .woocommerce ul.product_list_widget li .product-title:hover, .footer-t .woocommerce ul.product_list_widget li .product-title:focus { color: var(--primary-color); } #secondary .woocommerce ul.product_list_widget li .amount, .footer-t .woocommerce ul.product_list_widget li .amount { font-weight: 500; } #secondary .woocommerce ul.product_list_widget del, .footer-t .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-t .woocommerce ul.product_list_widget li ins, .footer-t .woocommerce ul.product_list_widget li ins .amount { background: none; color: var(--black-color); } #secondary .woocommerce ul.product_list_widget li ins, .footer-t .woocommerce ul.product_list_widget li ins { margin-right: 10px; } #secondary .woocommerce ul.product_list_widget li .star-rating, .footer-t .woocommerce ul.product_list_widget li .star-rating { margin: 0 0 5px; } #secondary .woocommerce.widget_product_search .woocommerce-product-search, .footer-t .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-t .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-t .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-t .woocommerce-product-search button[type=submit] { width: 50px; border-radius: 0; padding: 0; height: 50px; background-color: var(--black-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-t .woocommerce-product-search button[type=submit]:hover { background-color: var(--primary-color); } #secondary .woocommerce-cart .cart-collaterals .cross-sells .products, .footer-t .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-t .woocommerce .cart-collaterals .cross-sells ul.products li, .footer-t .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 100%; } #secondary .woocommerce-page .site-main article, .footer-t .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-t #add_payment_method .checkout .col-2 h3#ship-to-different-address, .footer-t .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .footer-t .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-size: 0.8888em; font-weight: 600; } #secondary #ship-to-different-address-checkbox, .footer-t #ship-to-different-address-checkbox { margin-left: 5px; } #secondary .woocommerce-checkout-payment button.button, .footer-t .woocommerce-checkout-payment button.button { margin-top: 30px; } #secondary .woocommerce.widget_product_categories .select2-container--default .select2-selection--single, .footer-t .woocommerce.widget_product_categories .select2-container--default .select2-selection--single { height: 54px; } #secondary .woocommerce.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__rendered, .footer-t .woocommerce.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 54px; } #secondary .woocommerce.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow, .footer-t .woocommerce.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow { top: 13px; } #secondary .woocommerce.widget_product_categories ul li.cat-parent, .footer-t .woocommerce.widget_product_categories ul li.cat-parent { position: relative; } #secondary .woocommerce.widget_product_categories ul li.cat-parent .cat-toggle, .footer-t .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-t .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-t .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-t .woocommerce.widget_product_categories ul li.cat-parent ul { display: none; } #secondary .woocommerce.widget_rating_filter ul li .star-rating, .footer-t .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-t .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-t #secondary .woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown ul li.select2-selection__choice, .footer-t .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-t .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-t .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-t .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-t .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-t .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-t .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .footer-t .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-t .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before, .footer-t .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-t .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover:before, .footer-t .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-t .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before, .footer-t .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-t .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-t .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-t .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-t .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-hover, .footer-t .woocommerce.widget_price_filter .ui-slider .ui-slider-handle.ui-state-focus, .footer-t .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-t .woocommerce.widget_price_filter .ui-slider .ui-slider-range { background: var(--primary-color); } #secondary .woocommerce.widget_price_filter .price_slider_amount, .footer-t .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-t .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; } /* image overlay --------------------------------------------- */ /* 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; } .back-to-top svg { width: 15px; height: 15px; font-size: 15px; display: inline-block; stroke: var(--white-color); } .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: 18px; height: 18px; font-size: 22px; } } /* scroll bar --------------------------------------------- */ /* ================================================== Scroll bar ================================================== */ /* ================================================== Scroll bar ================================================== */ /* scroll bar --------------------------------------------- */ /* ================================================== BreadCrumbs ================================================== */ .breadcrumb-wrapper { padding-top: 20px; } .breadcrumb-wrapper > div { font-size: 0.7777777778em; padding: 5px 0 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); } .breadcrumb-wrapper > div > span:last-child { color: var(--font-color); } .breadcrumb-wrapper > div > span:last-child a { color: inherit; pointer-events: none; } .breadcrumb-wrapper > div > span:last-child a:hover { text-decoration: underline; } .breadcrumb-wrapper > div > span + span { margin-right: 10px; padding-right: 10px; position: relative; } .breadcrumb-wrapper > div > span + span::before { content: ""; width: 5px; height: 8.5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.971' height='8.528' viewBox='0 0 4.971 8.528'%3E%3Cpath id='Path_24885' data-name='Path 24885' d='M183.152,7972.6l3.557,3.557-3.557,3.558' transform='translate(-182.445 -7971.891)' fill='none' stroke='%237d6a91' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E%0A"); background-size: 100%; background-repeat: no-repeat; background-repeat: no-repeat; position: absolute; top: 2px; right: -2.5px; } /* ================================================== 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-color: rgba(var(--secondary-color-rgb), 0.8); overflow: hidden; margin-top: 60px; } @media screen and (min-width: 768px) { .site-footer { margin-top: 100px; } } .site-footer .footer-t { padding: 44px 0 60px; } @media screen and (min-width: 768px) { .site-footer .footer-t { padding: 80px 0 120px; } } .site-footer .footer-t .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 30px; margin: 0; } .site-footer .footer-t .grid .col ul { margin-right: 0; } .site-footer .footer-t .grid .col .widget-title { color: var(--white-color); } .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) p, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) a, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h1, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h2, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h3, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h4, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h5, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) h6, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) span, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) strong, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) i, .site-footer .footer-t .grid .col .widget:not(.widget_blossomthemes_email_newsletter_widget) em { color: rgba(var(--white-color-rgb), 0.9); } .site-footer .footer-t .grid .col .widget_btif_instagram_widget .profile-link { border: 1px solid var(--white-color); color: var(--white-color); } .site-footer .footer-t .grid .col .widget_btif_instagram_widget .profile-link svg { fill: var(--white-color); } .site-footer .footer-t .grid .col .widget_btif_instagram_widget .profile-link:hover { border: 1px solid var(--primary-color); background-color: var(--primary-color); } .site-footer .footer-b .container { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 27px; border-top: 1px solid rgba(var(--white-color-rgb), 0.06); padding: 20px 15px; position: relative; } @media screen and (min-width: 768px) { .site-footer .footer-b .container { justify-content: space-between; } } .site-footer .footer-b .site-info { font-size: 0.777em; line-height: 2; color: rgba(var(--white-color-rgb), 0.7); } .site-footer .footer-b .site-info .copyright, .site-footer .footer-b .site-info .author-link, .site-footer .footer-b .site-info .wp-link { color: rgba(var(--white-color-rgb), 0.7); letter-spacing: 0.2px; } .site-footer .footer-b .site-info .copyright a, .site-footer .footer-b .site-info .author-link a, .site-footer .footer-b .site-info .wp-link a { text-decoration: none; color: rgba(var(--white-color-rgb), 0.7); letter-spacing: 0.2px; } .site-footer .footer-b .site-info .copyright a:hover, .site-footer .footer-b .site-info .author-link a:hover, .site-footer .footer-b .site-info .wp-link a:hover { color: var(--primary-color); } .site-footer .footer-b .site-info .btn-link { font-size: inherit; color: var(--font-color); text-decoration-color: var(--primary-color); letter-spacing: 1px; } .site-footer .footer-b .site-info .btn-link:hover { color: var(--primary-color); } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu { flex-direction: row; flex-wrap: wrap; justify-content: center; } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu ul { margin: 0; } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu ul li { width: 200px; padding: 16px 25px; display: flex; justify-content: space-between; } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu > li { padding: 0 4px; } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu > li > a { color: rgba(var(--white-color-rgb), 0.7); } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu > li > a:hover { color: var(--primary-color); } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu > li .submenu-toggle-btn { color: rgba(var(--white-color-rgb), 0.7); margin-right: 4px; } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu > li + li a { border-right: 1px solid rgba(var(--white-color-rgb), 0.7); padding-right: 8px; } @media screen and (min-width: 768px) { .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu li { padding: 0 4px; } } .site-footer .footer-b .footer-bottom-right .footer-navigation .nav-menu a { font-size: 0.777em; font-family: var(--primary-font); } .instagram-section + .site-footer { margin-top: 0; } body.blog .site-content, body.home .site-content { padding: 60px 0 0; } @media screen and (min-width: 768px) { body.blog .site-content, body.home .site-content { padding: 120px 0 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 25.77%; max-width: 25.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: 300px; } } @media screen and (min-width: 992px) { .leftsidebar .page-grid { flex-direction: row; } } @media screen and (min-width: 992px) { .full-width:not(.home, .blog):not(.single-post) .page-grid { flex-direction: column; } } .full-width:not(.home, .blog).centered .post-thumbnail { text-align: center; } /* Blog Layout --------------------------------------------- */ .blog, .home, .archive, .search-results { /* classic two Layout --------------------------------------------- */ /* list Layout1 --------------------------------------------- */ /* list Layout2 --------------------------------------------- */ /* Grid Layout --------------------------------------------- */ /* Grid Layout 3 --------------------------------------------- */ /* Grid Layout 4 --------------------------------------------- */ /* masonry layout --------------------------------------------- */ } .blog.list .content-area .site-main article .entry-meta .cat-links a, .home.list .content-area .site-main article .entry-meta .cat-links a, .archive.list .content-area .site-main article .entry-meta .cat-links a, .search-results.list .content-area .site-main article .entry-meta .cat-links a { font-size: 0.667em; } .blog.list .content-area .site-main article .post-thumbnail, .home.list .content-area .site-main article .post-thumbnail, .archive.list .content-area .site-main article .post-thumbnail, .search-results.list .content-area .site-main article .post-thumbnail { margin-bottom: 0; } .blog.list .content-area .site-main article h2, .home.list .content-area .site-main article h2, .archive.list .content-area .site-main article h2, .search-results.list .content-area .site-main article h2 { font-size: 1.167em; line-height: 1.4285; margin: 10px 0; } @media screen and (min-width: 768px) { .blog.list .content-area .site-main article h2, .home.list .content-area .site-main article h2, .archive.list .content-area .site-main article h2, .search-results.list .content-area .site-main article h2 { font-size: 1.333em; line-height: 1.375; } } .blog.classic-two .content-area .site-main article, .home.classic-two .content-area .site-main article, .archive.classic-two .content-area .site-main article, .search-results.classic-two .content-area .site-main article { margin-bottom: 45px; } .blog.classic-two .content-area .site-main article .post-thumbnail, .home.classic-two .content-area .site-main article .post-thumbnail, .archive.classic-two .content-area .site-main article .post-thumbnail, .search-results.classic-two .content-area .site-main article .post-thumbnail { margin-bottom: 0; } .blog.classic-two .content-area .site-main article .content-wrapper, .home.classic-two .content-area .site-main article .content-wrapper, .archive.classic-two .content-area .site-main article .content-wrapper, .search-results.classic-two .content-area .site-main article .content-wrapper { padding: 23px 20px 30px; background-color: rgba(var(--primary-color-rgb), 0.03); } @media screen and (min-width: 768px) { .blog.classic-two .content-area .site-main article .content-wrapper, .home.classic-two .content-area .site-main article .content-wrapper, .archive.classic-two .content-area .site-main article .content-wrapper, .search-results.classic-two .content-area .site-main article .content-wrapper { padding: 35px 45px 55px 45px; } } .blog.list-layout .content-area .site-main article, .home.list-layout .content-area .site-main article, .archive.list-layout .content-area .site-main article, .search-results.list-layout .content-area .site-main article { margin-bottom: 30px; } .blog.list-layout .content-area .site-main article:first-of-type, .home.list-layout .content-area .site-main article:first-of-type, .archive.list-layout .content-area .site-main article:first-of-type, .search-results.list-layout .content-area .site-main article:first-of-type { margin-bottom: 45px; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:first-of-type, .home.list-layout .content-area .site-main article:first-of-type, .archive.list-layout .content-area .site-main article:first-of-type, .search-results.list-layout .content-area .site-main article:first-of-type { border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); padding-bottom: 35px; margin-bottom: 45px; } } .blog.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .home.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .archive.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .search-results.list-layout .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .home.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .archive.list-layout .content-area .site-main article:first-of-type .post-thumbnail, .search-results.list-layout .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 30px; } } .blog.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .home.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .archive.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .search-results.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a { font-size: 0.667em; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .home.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .archive.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a, .search-results.list-layout .content-area .site-main article:first-of-type .entry-meta .cat-links a { font-size: 0.722em; } } .blog.list-layout .content-area .site-main article:first-of-type h2, .home.list-layout .content-area .site-main article:first-of-type h2, .archive.list-layout .content-area .site-main article:first-of-type h2, .search-results.list-layout .content-area .site-main article:first-of-type h2 { font-size: 1.667em; line-height: 1.266667; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:first-of-type h2, .home.list-layout .content-area .site-main article:first-of-type h2, .archive.list-layout .content-area .site-main article:first-of-type h2, .search-results.list-layout .content-area .site-main article:first-of-type h2 { font-size: 2.222em; line-height: 1.225; } } .blog.list-layout .content-area .site-main article:not(:first-of-type), .home.list-layout .content-area .site-main article:not(:first-of-type), .archive.list-layout .content-area .site-main article:not(:first-of-type), .search-results.list-layout .content-area .site-main article:not(:first-of-type) { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:not(:first-of-type), .home.list-layout .content-area .site-main article:not(:first-of-type), .archive.list-layout .content-area .site-main article:not(:first-of-type), .search-results.list-layout .content-area .site-main article:not(:first-of-type) { align-items: center; flex-wrap: wrap; flex-direction: row; } } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .blog.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .home.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .archive.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .search-results.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper { flex: 0 0 46%; max-width: 46%; } } .blog.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.list-layout .content-area .site-main article:not(:first-of-type) .post-thumbnail { margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .home.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .archive.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper, .search-results.list-layout .content-area .site-main article:not(:first-of-type) .content-wrapper { display: flex; flex-direction: column; flex: 1; padding: 0px 30px 0px 0; } } .blog.list-layout .content-area .site-main article:not(:first-of-type) .entry-footer, .home.list-layout .content-area .site-main article:not(:first-of-type) .entry-footer, .archive.list-layout .content-area .site-main article:not(:first-of-type) .entry-footer, .search-results.list-layout .content-area .site-main article:not(:first-of-type) .entry-footer { width: 100%; } .blog.list-layout-2 .content-area .site-main article, .home.list-layout-2 .content-area .site-main article, .archive.list-layout-2 .content-area .site-main article, .search-results.list-layout-2 .content-area .site-main article { display: flex; flex-direction: column; margin-bottom: 30px; } @media screen and (min-width: 768px) { .blog.list-layout-2 .content-area .site-main article, .home.list-layout-2 .content-area .site-main article, .archive.list-layout-2 .content-area .site-main article, .search-results.list-layout-2 .content-area .site-main article { flex-direction: row; flex-wrap: wrap; } } @media screen and (min-width: 768px) { .blog.list-layout-2 .content-area .site-main article .post-thumbnail, .home.list-layout-2 .content-area .site-main article .post-thumbnail, .archive.list-layout-2 .content-area .site-main article .post-thumbnail, .search-results.list-layout-2 .content-area .site-main article .post-thumbnail { flex: 0 0 41%; max-width: 41%; margin-top: auto; margin-bottom: auto; } } .blog.list-layout-2 .content-area .site-main article .content-wrapper, .home.list-layout-2 .content-area .site-main article .content-wrapper, .archive.list-layout-2 .content-area .site-main article .content-wrapper, .search-results.list-layout-2 .content-area .site-main article .content-wrapper { padding: 23px 20px 30px; background-color: rgba(var(--primary-color-rgb), 0.03); } @media screen and (min-width: 768px) { .blog.list-layout-2 .content-area .site-main article .content-wrapper, .home.list-layout-2 .content-area .site-main article .content-wrapper, .archive.list-layout-2 .content-area .site-main article .content-wrapper, .search-results.list-layout-2 .content-area .site-main article .content-wrapper { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 50px 30px; } } .blog.list-layout-2 .content-area .site-main article .entry-footer, .home.list-layout-2 .content-area .site-main article .entry-footer, .archive.list-layout-2 .content-area .site-main article .entry-footer, .search-results.list-layout-2 .content-area .site-main article .entry-footer { width: 100%; } .blog.grid-layout .page-grid .content-area .site-main, .home.grid-layout .page-grid .content-area .site-main, .archive.grid-layout .page-grid .content-area .site-main, .search-results.grid-layout .page-grid .content-area .site-main { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main, .home.grid-layout .page-grid .content-area .site-main, .archive.grid-layout .page-grid .content-area .site-main, .search-results.grid-layout .page-grid .content-area .site-main { margin: 0 -15px; flex-wrap: wrap; flex-direction: row; } } .blog.grid-layout .page-grid .content-area .site-main article:first-of-type, .home.grid-layout .page-grid .content-area .site-main article:first-of-type, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type { margin-bottom: 45px; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:first-of-type, .home.grid-layout .page-grid .content-area .site-main article:first-of-type, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type { border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); padding-bottom: 35px; margin: 0 15px 45px; } } .blog.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .home.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .home.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 30px; } } .blog.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .home.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a { font-size: 0.667em; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .home.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a { font-size: 0.722em; } } .blog.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .home.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type h2 { font-size: 1.667em; line-height: 1.26667; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .home.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .archive.grid-layout .page-grid .content-area .site-main article:first-of-type h2, .search-results.grid-layout .page-grid .content-area .site-main article:first-of-type h2 { font-size: 2.222em; line-height: 1.225; } } .blog.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .home.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .archive.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .search-results.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) { margin: 0 0 30px 0; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .home.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .archive.grid-layout .page-grid .content-area .site-main article:not(:first-of-type), .search-results.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) { width: calc(50% - 30px); margin: 0 15px 60px; } } .blog.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail { margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.grid-layout .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail { margin-bottom: 28px; } } .blog.grid-layout-3 .page-grid .content-area .site-main, .home.grid-layout-3 .page-grid .content-area .site-main, .archive.grid-layout-3 .page-grid .content-area .site-main, .search-results.grid-layout-3 .page-grid .content-area .site-main { display: flex; flex-direction: column; margin: 0; } @media screen and (min-width: 768px) { .blog.grid-layout-3 .page-grid .content-area .site-main, .home.grid-layout-3 .page-grid .content-area .site-main, .archive.grid-layout-3 .page-grid .content-area .site-main, .search-results.grid-layout-3 .page-grid .content-area .site-main { flex-direction: row; flex-wrap: wrap; margin: 0 -15px; } } .blog.grid-layout-3 .page-grid .content-area .site-main article, .home.grid-layout-3 .page-grid .content-area .site-main article, .archive.grid-layout-3 .page-grid .content-area .site-main article, .search-results.grid-layout-3 .page-grid .content-area .site-main article { margin-bottom: 30px; } @media screen and (min-width: 768px) { .blog.grid-layout-3 .page-grid .content-area .site-main article, .home.grid-layout-3 .page-grid .content-area .site-main article, .archive.grid-layout-3 .page-grid .content-area .site-main article, .search-results.grid-layout-3 .page-grid .content-area .site-main article { width: calc(50% - 30px); margin: 0 15px 30px; } } .blog.grid-layout-3 .page-grid .content-area .site-main article .post-thumbnail, .home.grid-layout-3 .page-grid .content-area .site-main article .post-thumbnail, .archive.grid-layout-3 .page-grid .content-area .site-main article .post-thumbnail, .search-results.grid-layout-3 .page-grid .content-area .site-main article .post-thumbnail { margin-bottom: 0px; } .blog.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .home.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .archive.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .search-results.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper { padding: 23px 20px 30px; background-color: var(--white-color); box-shadow: 0 27px 24px rgba(26, 1, 1, 0.05); } @media screen and (min-width: 768px) { .blog.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .home.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .archive.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper, .search-results.grid-layout-3 .page-grid .content-area .site-main article .content-wrapper { padding: 28px 20px 30px; } } .blog.grid-layout-4 .page-grid .content-area .site-main, .home.grid-layout-4 .page-grid .content-area .site-main, .archive.grid-layout-4 .page-grid .content-area .site-main, .search-results.grid-layout-4 .page-grid .content-area .site-main { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main, .home.grid-layout-4 .page-grid .content-area .site-main, .archive.grid-layout-4 .page-grid .content-area .site-main, .search-results.grid-layout-4 .page-grid .content-area .site-main { margin: 0 -15px; flex-direction: row; flex-wrap: wrap; } } .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type { border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); padding-bottom: 35px; margin: 0 0 45px; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type { margin: 0 15px 45px; } } .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 23px; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .post-thumbnail { margin-bottom: 30px; } } .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type .entry-meta .cat-links a { font-size: 0.722em; } .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2 { font-size: 1.667em; line-height: 1.26667; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .home.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .archive.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2, .search-results.grid-layout-4 .page-grid .content-area .site-main article:first-of-type h2 { font-size: 2.222em; line-height: 1.35; } } .blog.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .home.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .archive.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .search-results.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) { margin-bottom: 30px; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .home.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .archive.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .search-results.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) { width: calc(50% - 30px); margin: 0 15px 45px; } } @media screen and (min-width: 1024px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .home.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .archive.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type), .search-results.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) { width: calc(33.33% - 30px); } } .blog.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail { margin-bottom: 20px; } @media screen and (min-width: 768px) { .blog.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .home.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .archive.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail, .search-results.grid-layout-4 .page-grid .content-area .site-main article:not(:first-of-type) .post-thumbnail { margin-bottom: 28px; } } .blog.masonry-layout .content-area .site-main article .post-thumbnail, .home.masonry-layout .content-area .site-main article .post-thumbnail, .archive.masonry-layout .content-area .site-main article .post-thumbnail, .search-results.masonry-layout .content-area .site-main article .post-thumbnail { margin-bottom: 23px; } .blog.masonry-layout .content-area .site-main article, .home.masonry-layout .content-area .site-main article, .archive.masonry-layout .content-area .site-main article, .search-results.masonry-layout .content-area .site-main article { margin-bottom: 30px; } @media screen and (min-width: 768px) { .blog.masonry-layout .content-area .site-main, .home.masonry-layout .content-area .site-main, .archive.masonry-layout .content-area .site-main, .search-results.masonry-layout .content-area .site-main { margin: 0 -20px; } .blog.masonry-layout .content-area .site-main article, .home.masonry-layout .content-area .site-main article, .archive.masonry-layout .content-area .site-main article, .search-results.masonry-layout .content-area .site-main article { flex: 0 0 44%; max-width: 44%; margin: 0 20px 70px 20px; } .blog.masonry-layout .content-area .site-main article .post-thumbnail, .home.masonry-layout .content-area .site-main article .post-thumbnail, .archive.masonry-layout .content-area .site-main article .post-thumbnail, .search-results.masonry-layout .content-area .site-main article .post-thumbnail { margin-bottom: 28px; } .blog.masonry-layout .content-area .site-main article .post-footer, .home.masonry-layout .content-area .site-main article .post-footer, .archive.masonry-layout .content-area .site-main article .post-footer, .search-results.masonry-layout .content-area .site-main article .post-footer { margin-top: 30px; } } @media screen and (min-width: 992px) { .blog.masonry-layout .content-area .site-main, .home.masonry-layout .content-area .site-main, .archive.masonry-layout .content-area .site-main, .search-results.masonry-layout .content-area .site-main { margin: 0 -15px; } .blog.masonry-layout .content-area .site-main article, .home.masonry-layout .content-area .site-main article, .archive.masonry-layout .content-area .site-main article, .search-results.masonry-layout .content-area .site-main article { flex: 0 0 30%; max-width: 30%; margin: 0 15px 60px 15px; } } .blog.masonry-layout .content-area #load-posts, .home.masonry-layout .content-area #load-posts, .archive.masonry-layout .content-area #load-posts, .search-results.masonry-layout .content-area #load-posts { margin-top: 0; } @media screen and (min-width: 768px) { .blog.masonry-layout .content-area #load-posts, .home.masonry-layout .content-area #load-posts, .archive.masonry-layout .content-area #load-posts, .search-results.masonry-layout .content-area #load-posts { margin-top: 40px; } } @media screen and (min-width: 992px) { .blog.masonry-layout.rightsidebar .content-area .site-main, .blog.masonry-layout.leftsidebar .content-area .site-main, .home.masonry-layout.rightsidebar .content-area .site-main, .home.masonry-layout.leftsidebar .content-area .site-main, .archive.masonry-layout.rightsidebar .content-area .site-main, .archive.masonry-layout.leftsidebar .content-area .site-main, .search-results.masonry-layout.rightsidebar .content-area .site-main, .search-results.masonry-layout.leftsidebar .content-area .site-main { margin: 0 -20px; } .blog.masonry-layout.rightsidebar .content-area .site-main article, .blog.masonry-layout.leftsidebar .content-area .site-main article, .home.masonry-layout.rightsidebar .content-area .site-main article, .home.masonry-layout.leftsidebar .content-area .site-main article, .archive.masonry-layout.rightsidebar .content-area .site-main article, .archive.masonry-layout.leftsidebar .content-area .site-main article, .search-results.masonry-layout.rightsidebar .content-area .site-main article, .search-results.masonry-layout.leftsidebar .content-area .site-main article { flex: 0 0 44%; max-width: 44%; margin: 0 20px 70px 20px; } .blog.masonry-layout.rightsidebar .content-area .site-main article .post-thumbnail, .blog.masonry-layout.leftsidebar .content-area .site-main article .post-thumbnail, .home.masonry-layout.rightsidebar .content-area .site-main article .post-thumbnail, .home.masonry-layout.leftsidebar .content-area .site-main article .post-thumbnail, .archive.masonry-layout.rightsidebar .content-area .site-main article .post-thumbnail, .archive.masonry-layout.leftsidebar .content-area .site-main article .post-thumbnail, .search-results.masonry-layout.rightsidebar .content-area .site-main article .post-thumbnail, .search-results.masonry-layout.leftsidebar .content-area .site-main article .post-thumbnail { margin-bottom: 28px; } .blog.masonry-layout.rightsidebar .content-area .site-main article .post-footer, .blog.masonry-layout.leftsidebar .content-area .site-main article .post-footer, .home.masonry-layout.rightsidebar .content-area .site-main article .post-footer, .home.masonry-layout.leftsidebar .content-area .site-main article .post-footer, .archive.masonry-layout.rightsidebar .content-area .site-main article .post-footer, .archive.masonry-layout.leftsidebar .content-area .site-main article .post-footer, .search-results.masonry-layout.rightsidebar .content-area .site-main article .post-footer, .search-results.masonry-layout.leftsidebar .content-area .site-main article .post-footer { margin-top: 30px; } } @media screen and (min-width: 768px) { .blog.masonry-layout.full-width .content-area .site-main, .home.masonry-layout.full-width .content-area .site-main, .archive.masonry-layout.full-width .content-area .site-main, .search-results.masonry-layout.full-width .content-area .site-main { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 45px; } } @media screen and (min-width: 992px) { .blog.masonry-layout.full-width .content-area .site-main, .home.masonry-layout.full-width .content-area .site-main, .archive.masonry-layout.full-width .content-area .site-main, .search-results.masonry-layout.full-width .content-area .site-main { grid-template-columns: repeat(3, 1fr); } } .blog.full-width:not(.masonry-layout).centered .site-content .section-header, .home.full-width:not(.masonry-layout).centered .site-content .section-header, .archive.full-width:not(.masonry-layout).centered .site-content .section-header, .search-results.full-width:not(.masonry-layout).centered .site-content .section-header { text-align: center; } .blog.full-width:not(.masonry-layout).centered .site-content .content-area .site-main, .home.full-width:not(.masonry-layout).centered .site-content .content-area .site-main, .archive.full-width:not(.masonry-layout).centered .site-content .content-area .site-main, .search-results.full-width:not(.masonry-layout).centered .site-content .content-area .site-main { max-width: 755px; margin: 0 auto; } .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-header .posted-on, .single .site-main .posted-on { font-family: var(--secondary-font); text-transform: capitalize; } .single .advertisement-single { margin-top: 40px; } .single .advertisement-single + .site-main { margin-top: 30px; } .single .page-header { margin-bottom: 28px; } @media screen and (min-width: 768px) { .single .page-header { margin-bottom: 47px; } } .single .page-header .entry-header { padding-top: 49px; margin-bottom: 50px; } @media screen and (min-width: 992px) { .single .page-header .entry-header { padding-top: 80px; } } .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: 1.666em; line-height: 1.3; } @media screen and (min-width: 992px) { .single .page-header .entry-header .entry-title { font-size: 2.66em; } } .single .page-header .posted-on a { padding-right: 0; } .single .page-header .posted-on a::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-content .site-main .container { max-width: 1000px; } } .single .site-content .site-main .content-wrap .entry-content { margin-top: 0; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header, .single .site-content .site-main .entry-header, .single .site-content .page-header .entry-header { text-align: right; margin-bottom: 10px; } @media screen and (min-width: 768px) { .single .site-content .content-header-wrap .entry-header-wrapper .entry-header, .single .site-content .site-main .entry-header, .single .site-content .page-header .entry-header { text-align: center; } } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title, .single .site-content .site-main .entry-header .entry-title, .single .site-content .page-header .entry-header .entry-title { font-size: 1.666em; margin-bottom: 12px; line-height: 1.3; margin-top: 15px; } @media screen and (min-width: 992px) { .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title, .single .site-content .site-main .entry-header .entry-title, .single .site-content .page-header .entry-header .entry-title { font-size: 2.666em; } } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta, .single .site-content .site-main .entry-header .entry-title + .entry-meta, .single .site-content .page-header .entry-header .entry-title + .entry-meta { display: inline-block; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .posted-on, .single .site-content .site-main .entry-header .entry-title + .entry-meta .posted-on, .single .site-content .page-header .entry-header .entry-title + .entry-meta .posted-on { margin-right: 0; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .posted-on a, .single .site-content .site-main .entry-header .entry-title + .entry-meta .posted-on a, .single .site-content .page-header .entry-header .entry-title + .entry-meta .posted-on a { padding-right: 0; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .posted-on a::before, .single .site-content .site-main .entry-header .entry-title + .entry-meta .posted-on a::before, .single .site-content .page-header .entry-header .entry-title + .entry-meta .posted-on a::before { content: none; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .single .site-main .post .entry-header .entry-title + .entry-meta .byline, .single .site-content .site-main .entry-header .entry-title + .entry-meta .single .site-main .post .entry-header .entry-title + .entry-meta .byline, .single .site-content .page-header .entry-header .entry-title + .entry-meta .single .site-main .post .entry-header .entry-title + .entry-meta .byline { display: inline-block; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .byline, .single .site-content .site-main .entry-header .entry-title + .entry-meta .byline, .single .site-content .page-header .entry-header .entry-title + .entry-meta .byline { display: inline-block; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .byline .fn, .single .site-content .site-main .entry-header .entry-title + .entry-meta .byline .fn, .single .site-content .page-header .entry-header .entry-title + .entry-meta .byline .fn { font-size: 0.7777em; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .byline + .posted-on, .single .site-content .site-main .entry-header .entry-title + .entry-meta .byline + .posted-on, .single .site-content .page-header .entry-header .entry-title + .entry-meta .byline + .posted-on { margin-right: 8px; padding-right: 8px; position: relative; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .byline + .posted-on::before, .single .site-content .site-main .entry-header .entry-title + .entry-meta .byline + .posted-on::before, .single .site-content .page-header .entry-header .entry-title + .entry-meta .byline + .posted-on::before { content: ""; position: absolute; top: 6.5px; right: 0; width: 4px; height: 4px; border-radius: 50%; background-color: rgba(var(--font-color-rgb), 0.3); } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .entry-title + .entry-meta .byline + .posted-on:hover::before, .single .site-content .site-main .entry-header .entry-title + .entry-meta .byline + .posted-on:hover::before, .single .site-content .page-header .entry-header .entry-title + .entry-meta .byline + .posted-on:hover::before { background-color: var(--primary-color); } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .cat-links a, .single .site-content .site-main .entry-header .cat-links a, .single .site-content .page-header .entry-header .cat-links a { color: var(--primary-color); } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .cat-links a::before, .single .site-content .site-main .entry-header .cat-links a::before, .single .site-content .page-header .entry-header .cat-links a::before { top: 8.5px; } .single .site-content .content-header-wrap .entry-header-wrapper .entry-header .cat-links a:hover, .single .site-content .site-main .entry-header .cat-links a:hover, .single .site-content .page-header .entry-header .cat-links a:hover { color: var(--secondary-color); } .single .site-content .content-header-wrap .entry-header-wrapper .post-thumbnail, .single .site-content .site-main .post-thumbnail, .single .site-content .page-header .post-thumbnail { margin: 35px 0; text-align: center; } .single.style-one .page-header { margin-bottom: 0; } .single.style-one .page-header .breadcrumb-wrapper { position: relative; } .single.style-one .page-grid { margin-top: 40px; } @media screen and (min-width: 768px) { .single.style-one .page-grid { margin-top: 77px; } } @media (max-width: 1500px) and (min-width: 767px) { .single.style-one .page-grid .inner-content-wrap .article-meta { right: -103px; } } .single.style-one .page-grid .site-main .post .entry-header .entry-title { line-height: 1.2; margin-top: 13px; } .single.style-one .inner-content-wrap { position: relative; } .single.style-one.single .site-content .site-main .content-wrap .advertisement-single + .entry-content { margin-top: 30px; } .single.style-two .site-content .page-header { position: relative; } .single.style-two .site-content .page-header::before { content: ""; position: absolute; top: 0; background-color: rgba(var(--primary-color-rgb), 0.03); right: 0; width: 100%; height: 890px; z-index: -1; } .single.style-two .site-content .page-header .entry-header { text-align: center; } .single.style-two .site-content .page-header.no-thumbnail::before { content: none; } .single.style-three .site-content .page-header { background-color: rgba(var(--primary-color-rgb), 0.03); } .single.style-three .site-content .page-header .entry-header { text-align: center; padding-top: 0; } .single.style-three .site-content .page-header .header-img-wrapper { margin-top: 49px; background-color: var(--white-color); padding: 39px 20px 0 20px; } @media screen and (min-width: 768px) { .single.style-three .site-content .page-header .header-img-wrapper { margin-top: 80px; padding: 49px 70px 0 70px; } } @media screen and (min-width: 992px) { .single.style-three .site-content .page-header .header-img-wrapper { margin-top: 80px; padding: 59px 90px 0 90px; } } .single.style-four .page-header { margin-bottom: 31px; } .single.style-four .page-header .entry-header { text-align: right; margin-bottom: 0; padding-top: 0; } .single.style-four .page-header .post-thumbnail { margin-top: 20px; text-align: center; } .single.style-four.full-width.centered .page-header .entry-header { max-width: 700px; margin-right: auto; margin-left: auto; text-align: right; } .single.style-five:not(.single-blossom-portfolio, .single-page) .site-content .page-header > .post-thumbnail { margin: 20px 0 0 0; } .single.style-five:not(.single-blossom-portfolio, .single-page) .site-content .page-header + .container .content-header-wrap .entry-header-wrapper .entry-header { text-align: right; padding-top: 0; margin-bottom: 30px; } @media screen and (min-width: 1200px) { .single.style-five:not(.single-blossom-portfolio, .single-page) .site-content .page-header:not(.no-thumbnail) + .container { background-color: #fff; margin-top: -100px; position: relative; width: 80%; padding: 44px 100px 0 100px; } } @media screen and (min-width: 1400px) { .single.style-five:not(.single-blossom-portfolio, .single-page) .site-content .page-header:not(.no-thumbnail) + .container { width: 56%; padding: 44px 120px 0 120px; } } .single.style-five:not(.single-blossom-portfolio, .single-page) .site-content .page-header:not(.no-thumbnail) + .container .content-header-wrap .entry-header-wrapper .entry-header { text-align: right; padding-top: 0; margin-bottom: 30px; } @media screen and (min-width: 1400px) { .single.style-five:not(.single-blossom-portfolio, .single-page).leftsidebar .site-content .page-header:not(.no-thumbnail) + .container, .single.style-five:not(.single-blossom-portfolio, .single-page).rightsidebar .site-content .page-header:not(.no-thumbnail) + .container { width: 57%; padding: 44px 65px 0 65px; } } .single.style-six .page-header .entry-header { padding-top: 64px; text-align: center; } .single.style-seven .page-header { margin-bottom: 0; } .single.style-seven .page-header .entry-header { padding-top: 0; margin-bottom: 0; text-align: right; } .single.style-seven .page-header .post-thumbnail { margin-top: 20px; } .single.style-seven .page-grid { margin-top: 45px; } .single.style-eight .page-header { position: relative; } .single.style-eight .page-header .entry-header { padding: 23px 0 0; margin-bottom: 0; } @media screen and (min-width: 768px) { .single.style-eight .page-header .entry-header { width: 100%; text-align: center; } } .single.style-eight .page-header .entry-header .entry-meta .cat-links a { padding: 7px 19px; margin-top: 3px; margin-bottom: 3px; color: var(--primary-color); background-color: var(--white-color); } .single.style-eight .page-header .entry-header .entry-meta .cat-links a::before { content: none; } .single.style-eight .page-header .entry-header .entry-meta .cat-links a:hover { background-color: var(--primary-color); color: var(--white-color); } @media (max-width: 992px) { .single.style-eight .page-header .entry-header .entry-title { font-size: 1.6666666667em; } } .single.style-eight .page-header .entry-header .entry-title span { background-color: var(--white-color); } .single.style-eight .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.style-eight .page-header .entry-header .entry-title + .entry-meta { padding: 0 20px; } } .single.style-eight .page-header .post-thumbnail { text-align: center; height: 450px; margin: 20px 0 0 0; } .single.style-eight .page-header .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 768px) { .single.style-eight .page-header .post-thumbnail { height: auto; } .single.style-eight .page-header .post-thumbnail img { width: unset; height: unset; } } .single.style-eight .page-header:not(.no-thumbnail) > .container:last-child { position: absolute; bottom: 30px; right: 50%; transform: translatex(50%); } .single.style-nine .page-header { position: relative; } .single.style-nine .page-header .entry-header { text-align: right; padding: 0; } .single.style-nine .page-header .post-thumbnail { text-align: center; height: 450px; margin: 20px 0 0 0; } .single.style-nine .page-header .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 768px) { .single.style-nine .page-header .post-thumbnail { height: auto; } .single.style-nine .page-header .post-thumbnail img { width: unset; height: unset; } } .single.style-nine .page-header.no-thumbnail .entry-header { margin-top: 47px; } @media screen and (min-width: 992px) { .single.style-nine .page-header:not(.no-thumbnail) > .container:last-child { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } } @media screen and (min-width: 1200px) { .single.style-nine .page-header:not(.no-thumbnail) > .container:last-child { max-width: 1350px; } } .single.style-nine .page-header:not(.no-thumbnail) > .container .entry-header { margin-top: 30px; } @media screen and (min-width: 992px) { .single.style-nine .page-header:not(.no-thumbnail) > .container .entry-header { max-width: 538px; margin-top: 0; margin-right: auto; width: 100%; padding: 60px 50px 60px 31px; background-color: var(--white-color); } } .single.style-nine.full-width.centered .page-header .entry-header { text-align: right; } .single.style-ten .page-header .header-post-wrap { margin-top: 20px; background-color: rgba(var(--primary-color-rgb), 0.05); } @media (max-width: 992px) { .single.style-ten .page-header .header-post-wrap .post-thumbnail { margin-bottom: 0; } } .single.style-ten .page-header .header-post-wrap > .container { padding: 15px; } .single.style-ten .page-header .header-post-wrap > .container .entry-header { text-align: right; background-color: var(--white-color); margin-bottom: 0; padding: 30px; } .single.style-ten .page-header .header-post-wrap > .container .entry-header .cat-links a { color: var(--primary-color); } @media screen and (min-width: 768px) { .single.style-ten .page-header { padding: 0; } .single.style-ten .page-header .header-post-wrap .container .entry-header { padding: 60px 52px; } } @media screen and (min-width: 992px) { .single.style-ten .page-header .header-post-wrap { display: flex; align-items: center; } .single.style-ten .page-header .header-post-wrap .post-thumbnail { flex: 0 0 50.4%; max-width: 50.4%; margin: 0; } .single.style-ten .page-header .header-post-wrap .container { max-width: 100%; padding: 60px 80px; } .single.style-ten .page-header .header-post-wrap .container .entry-header { max-width: 750px; padding: 60px 52px; } } @media screen and (min-width: 1400px) { .single.style-ten .page-header .header-post-wrap .container { padding: 60px 105px; } .single.style-ten .page-header .header-post-wrap .container .entry-header { padding: 70px 60px 70px 52px; } } .single.style-ten.full-width.centered .page-header .entry-header { text-align: right; } .single.style-eleven .page-header .header-post-wrap { margin-top: 20px; background-color: rgba(var(--primary-color-rgb), 0.05); } .single.style-eleven .page-header .header-post-wrap > .container { padding: 0px 15px 30px; } .single.style-eleven .page-header .header-post-wrap > .container .entry-header { text-align: right; margin-bottom: 0; padding-top: 0; } .single.style-eleven .page-header .header-post-wrap > .container .entry-header .cat-links a { color: var(--primary-color); } @media screen and (min-width: 768px) { .single.style-eleven .page-header { padding: 0; } } @media screen and (min-width: 992px) { .single.style-eleven .page-header .header-post-wrap { display: flex; align-items: center; } .single.style-eleven .page-header .header-post-wrap .post-thumbnail { flex: 0 0 50.4%; max-width: 50.4%; margin: 0; } .single.style-eleven .page-header .header-post-wrap .container { max-width: 100%; padding: 60px 80px; } .single.style-eleven .page-header .header-post-wrap .container .entry-header { max-width: 750px; } } @media screen and (min-width: 1400px) { .single.style-eleven .page-header .header-post-wrap .container { padding: 60px 160px; } } .single.style-eleven.full-width.centered .page-header .entry-header { text-align: right; } .single.style-twelve .page-header .header-post-wrap { margin-top: 20px; display: flex; flex-direction: column-reverse; background-color: rgba(var(--primary-color-rgb), 0.05); } @media (max-width: 992px) { .single.style-twelve .page-header .header-post-wrap .post-thumbnail { margin: 0; padding: 0 15px; } } .single.style-twelve .page-header .header-post-wrap > .container { padding-top: 30px; padding-bottom: 30px; } .single.style-twelve .page-header .header-post-wrap > .container .entry-header { text-align: right; margin-bottom: 0; padding-top: 0; } @media screen and (min-width: 768px) { .single.style-twelve .page-header { padding: 0; } } @media screen and (min-width: 992px) { .single.style-twelve .page-header .header-post-wrap { flex-direction: row-reverse; align-items: center; padding: 0 80px; } .single.style-twelve .page-header .header-post-wrap .post-thumbnail { flex: 0 0 50.4%; max-width: 50.4%; margin: 60px 0 0 0; } .single.style-twelve .page-header .header-post-wrap .container { max-width: 100%; padding-right: 0; } .single.style-twelve .page-header .header-post-wrap .container .entry-header { max-width: 750px; } } @media screen and (min-width: 1400px) { .single.style-twelve .page-header .header-post-wrap { padding: 0 140px; } .single.style-twelve .page-header .header-post-wrap .container { padding-right: 0; } } .single.style-twelve.full-width.centered .page-header .entry-header { text-align: right; } .single.style-thirteen .page-header .header-post-wrap { margin-top: 20px; background-color: rgba(var(--primary-color-rgb), 0.05); position: relative; } @media (max-width: 992px) { .single.style-thirteen .page-header .header-post-wrap .post-thumbnail { padding: 0 15px; } } .single.style-thirteen .page-header .header-post-wrap > .container .entry-header { text-align: right; margin-bottom: 0; padding-top: 20px; padding-bottom: 40px; padding-top: 0; } .single.style-thirteen .page-header .header-post-wrap > .container .entry-header .cat-links a { color: var(--primary-color); } @media screen and (min-width: 768px) { .single.style-thirteen .page-header { padding: 0; } } @media screen and (min-width: 992px) { .single.style-thirteen .page-header .header-post-wrap { display: flex; align-items: center; padding-right: 60px; padding-left: 60px; background-color: unset; } .single.style-thirteen .page-header .header-post-wrap::before { content: ""; position: absolute; top: 0; background-color: rgba(var(--primary-color-rgb), 0.05); left: 0; width: 100%; height: 100%; max-width: 73%; z-index: -1; } .single.style-thirteen .page-header .header-post-wrap .post-thumbnail { flex: 0 0 50.4%; max-width: 50.4%; margin: 90px 0; } .single.style-thirteen .page-header .header-post-wrap .container { max-width: 100%; padding: 0 70px 0 0; } .single.style-thirteen .page-header .header-post-wrap .container .entry-header { max-width: 750px; } } @media screen and (min-width: 1400px) { .single.style-thirteen .page-header .header-post-wrap { padding-right: 150px; padding-left: 150px; } .single.style-thirteen .page-header .header-post-wrap .container { padding: 0 90px 0 0; } } .single.style-thirteen.full-width.centered .page-header .entry-header { text-align: right; } .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; } .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: 50px auto 0; padding-top: 50px; } .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-networks { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; grid-gap: 0; opacity: 0.8; } .single .author-signature .social-networks li { margin: 5px; padding-right: 0; } .single .author-signature .social-networks li::before { content: none; } .single .author-signature .social-networks 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-networks 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 .highlight { background-color: rgba(var(--primary-color-rgb), 0.2); } .site-main .entry-content p + ul, .site-main .entry-content p + ol { margin-top: -15px; } .page .site-main .entry-footer, .single .site-main .entry-footer { margin-top: 50px; } .page .site-main .entry-footer .tags > span, .single .site-main .entry-footer .tags > span { font-size: 0.777em; } .page .site-main .entry-footer .tags a, .single .site-main .entry-footer .tags a { color: var(--primary-color); font-size: 0.722em; display: inline-block; margin: 0 5px; font-family: var(--secondary-font); } .page .author-section, .single .author-section { max-width: 755px; margin: 0 auto; margin-top: 40px; } .page .author-section .inner-author-section, .single .author-section .inner-author-section { background-color: rgba(var(--primary-color-rgb), 0.03); 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; text-align: right; margin-bottom: 18px; align-items: flex-start; } @media screen and (min-width: 576px) { .page .author-section .author-img-title-wrap, .single .author-section .author-img-title-wrap { flex-direction: row; margin-bottom: 35px; flex-wrap: wrap; align-items: center; } } .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: 110px; height: 110px; 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; line-height: 1; } .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-family: var(--secondary-font); font-weight: 500; margin-bottom: 15px; text-transform: capitalize; } .page .author-section .author-img-title-wrap .author-title-wrap .social-networks, .single .author-section .author-img-title-wrap .author-title-wrap .social-networks { margin-top: 15px; } .page .author-section .author-content p:last-child, .single .author-section .author-content p:last-child { margin-bottom: 0; } .popular-posts, .related-posts, .additional-post { max-width: 755px; border-top: 1px solid rgba(var(--font-color-rgb), 0.05); } .popular-posts .title, .related-posts .title, .additional-post .title { margin-bottom: 40px; font-weight: 500; font-size: 1.66em; } @media screen and (min-width: 768px) { .popular-posts .title, .related-posts .title, .additional-post .title { font-size: 1.94em; margin-bottom: 45px; } } .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: 24px; } .popular-posts .article-wrap .post .entry-header, .related-posts .article-wrap .post .entry-header, .additional-post .article-wrap .post .entry-header { text-align: right; } .popular-posts .article-wrap .post .entry-header .cat-links a::before, .related-posts .article-wrap .post .entry-header .cat-links a::before, .additional-post .article-wrap .post .entry-header .cat-links a::before { top: 8px; } .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.166em; line-height: 1.4; margin-bottom: 0; margin-top: 12px; margin-bottom: 0; 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(--primary-color); } .popular-posts .article-wrap .post .entry-header .entry-footer .byline + .posted-on, .related-posts .article-wrap .post .entry-header .entry-footer .byline + .posted-on, .additional-post .article-wrap .post .entry-header .entry-footer .byline + .posted-on { margin-right: 10px; } @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%; } } .popular-posts .section-button-wrapper, .related-posts .section-button-wrapper, .additional-post .section-button-wrapper { margin-top: 80px; text-align: center; } .error404 .page-grid .additional-post { max-width: 100%; border-top: 0; } @media screen and (min-width: 992px) { .error404 .page-grid .additional-post .article-wrap { flex-wrap: wrap; flex-direction: row; margin: 0 -22.5px; } .error404 .page-grid .additional-post .article-wrap .post { padding: 0 22.5px; flex: 0 0 33.33%; max-width: 33.33%; } } .page:not(.home).full-width:not(.woocommerce-account, .woocommerce-checkout, .woocommerce-cart, .error404).centered .content-area .site-main article.page { max-width: 755px; margin-right: auto; margin-left: auto; } .page:not(.home) .page-header { padding-top: 0; padding-bottom: 0; margin-bottom: 50px; } @media screen and (min-width: 992px) { .page:not(.home) .page-header { margin-bottom: 80px; } } @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%; } } .single-post.leftsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .container, .single-post.rightsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .container, .single-post.full-width .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .container { flex-direction: column; } @media screen and (min-width: 768px) { .single-post.leftsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper, .single-post.rightsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper, .single-post.full-width .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper { padding: 60px 40px; } .single-post.leftsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder, .single-post.rightsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder, .single-post.full-width .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { text-align: center; } .single-post.leftsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3, .single-post.rightsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3, .single-post.full-width .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { display: inline-block; } .single-post.leftsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper form > label, .single-post.rightsidebar .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper form > label, .single-post.full-width .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper form > label { justify-content: center; } } .single-post.full-width .content-area .newsletter-section { max-width: 785px; margin-right: auto; margin-left: auto; } .single-post .content-area .newsletter-section { margin-top: 50px; } .single-post .content-area .newsletter-section .blossomthemes-email-newsletter-wrapper .container form input[name=subscribe-fname] { margin-left: 0; } /* 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; } @media screen and (min-width: 768px) { .single .post.has-meta .article-meta .article-meta-inner { position: -webkit-sticky; position: sticky; top: 55px; } } .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%; } .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: 0.888em; 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; margin-bottom: 40px; } .single .post.has-meta .article-meta .post-share .social-networks { align-items: center; grid-gap: 0; margin-top: 15px; } .single .post.has-meta .article-meta .post-share .social-networks li { width: 44px; border: 1px solid rgba(var(--font-color-rgb), 0.05); height: 44px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .single .post.has-meta .article-meta .post-share .social-networks li:last-child { margin-bottom: 0; } .single .post.has-meta .article-meta .post-share .social-networks li a { line-height: 1; } .single .post.has-meta .article-meta .post-share .post-share-title { display: flex; flex-direction: column; justify-content: center; align-items: center; } .single .post.has-meta .article-meta .post-share .post-share-title > svg { margin-bottom: 10px; } .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; display: block; } .single .post.has-meta .article-meta .article-views { padding-top: 12px; order: 3; font-size: 0.777em; } .single .post.has-meta .article-meta .article-views svg { fill: var(--font-color); margin-left: 6px; } .single .post.has-meta .article-meta .article-views:hover { color: var(--primary-color); } .single .post.has-meta .article-meta .article-views:hover svg { fill: var(--primary-color); } .single .post.has-meta .article-meta .comments { order: 2; display: flex; align-items: center; flex-direction: column; } .single .post.has-meta .article-meta .comments svg { margin-bottom: 5px; } .single .post.has-meta .article-meta .comments svg path { fill: var(--font-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); } @media screen and (min-width: 768px) { .single .post.has-meta { padding-right: 125px; } .single .post.has-meta .article-meta { width: 64px; text-align: center; position: absolute; height: 100%; right: 0px; 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: 14px; 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 .comments { order: 3; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.1); padding-bottom: 12px; } .single .post.has-meta .article-meta .comments a { flex-direction: column; } } @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: repeat(3, 1fr); 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; margin-bottom: 0; } .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: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 .article-views { padding-top: 0; text-align: center; } .single .post.has-meta .article-meta .article-meta-inner .article-views svg { display: block; text-align: center; margin: 0 auto; margin-bottom: 6px; } } .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:not(.style-one).centered .post.has-meta .article-meta { right: -80px; } } .single .fn { font-family: var(--secondary-font); font-size: 0.888em; color: var(--font-color); font-weight: normal; text-transform: capitalize; line-height: 1.75; transition: all 0.2s ease-in-out; } .single .fn:hover { color: var(--primary-color); } .single .entry-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 .entry-meta .byline a: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, .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, .social-networks a { color: rgba(var(--font-color-rgb), 0.7); display: block; } ul.social-list a:hover, ul.author-socicons 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 { font-size: 0.833em; 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: 40px; height: 40px; background-color: var(--white-color); border: 1px solid rgba(var(--primary-color-rgb), 0.1); border-radius: 0; transition: all 0.3s ease; background-size: 11.41px 14.81px; 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); border: 1px solid 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='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .owl-carousel .owl-nav button.owl-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M8.892,0,0,7.406l8.889,7.4' transform='translate(0.5 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A"); } .owl-carousel .owl-nav button.owl-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23a60505' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%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='10.096' height='16.218' viewBox='0 0 10.096 16.218'%3E%3Cpath id='Path_26478' data-name='Path 26478' d='M0,0,8.892,7.406,0,14.809' transform='translate(0.704 0.704)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%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-subtitle { max-width: 100%; display: inline-block; font-size: 3.3333333333em; line-height: 1; font-family: var(--signature-font-one); transform: rotate(8deg); margin-bottom: 45px; } .page-title { font-size: 2.5em; line-height: 1.5; margin-top: 0; margin-bottom: 40px; font-weight: normal; position: relative; display: inline-block; } .section { margin-top: 60px; } @media screen and (min-width: 768px) { .section { margin-top: 100px; } } .section .section-header { margin-bottom: 30px; text-align: center; } .section-title { font-family: var(--secondary-font); font-size: 1.3333em; line-height: 1; padding: 23px 0; font-weight: 500; border-top: 1px solid rgba(var(--font-color-rgb), 0.06); border-bottom: 1px solid rgba(var(--font-color-rgb), 0.06); margin-bottom: 0; } .section-desc { max-width: 555px; font-size: 1.2222222222em; line-height: 1.8; } .section-desc p { margin-bottom: 0; } section .widget { margin-bottom: 0; }