/*! Theme Name: Blossom Studio Theme URI: https://blossomthemes.com/wordpress-themes/blossom-studio/ Author: Blossom Themes Author URI: https://blossomthemes.com/ Description: Blossom Studio is a lead-generating WordPress theme to showcase your yoga, dance, fitness and meditation studio with multiple Call-to-Action (CTA) to capture leads. Besides, you can use this theme to showcase the services offered by your coaching, music studio, wellness center, photography studio, gym center, and other businesses. The theme is SEO optimized, mobile-friendly, Schema friendly, and loads faster to help you rank your website higher on search engines. You can change the feel of your website easily with a collection of 1000+ Google fonts. You can showcase your Instagram posts with the Instagram section and grow your social media followers. You can also build your mailing list with the newsletter integration. Blossom Studio is WooCommerce-compatible and translation-ready, with RTL support. Check demo at https://blossomthemes.com/theme-demo/?theme=blossom-studio, read the documentation at https://docs.blossomthemes.com/blossom-studio/, and get support at https://blossomthemes.com/support-ticket/. Version: 1.0.2 Requires at least: 4.7 Requires PHP: 5.6 Tested up to: 5.7 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: blossom-studio Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Blossom Studio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ :root { --primary-color: #01B1B1; --primary-color-rgb: 1, 177, 177; --secondary-color: #44576B; --secondary-color-rgb: 68, 87, 107; --font-color: #232323; --font-color-rgb: 35, 35, 35; --white-color: #ffffff; --white-color-rgb: 255, 255, 255; --black-color: #000000; --black-color-rgb: 0, 0, 0; --black-color-light: #171717; --black-color-light-rgb: 23, 23, 23; --primary-font: 'Esteban', serif; --secondary-font: 'DM Serif Text', serif; } body { color: var(--font-color); font-family: var(--primary-font); font-size: 20px; line-height: 1.85; font-weight: 400; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--secondary-font); font-weight: 400; margin: 1em 0 0.5em 0; letter-spacing: 0.1px; } h1 { font-size: 2.5em; line-height: 1.3; } h2 { font-size: 2em; line-height: 1.3; } h3 { font-size: 1.6em; line-height: 1.38; } h4 { font-size: 1.3em; line-height: 1.62; margin-top: 1.5em; } h5 { font-size: 1.1em; line-height: 1.59; margin-top: 1.5em; } h6 { font-size: 1em; line-height: 1.5; margin-top: 1.5em; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { display: table; font-size: 1.15em; font-family: var(--primary-font); color: var(--font-color); letter-spacing: 0.05px; line-height: 1.65; margin: 1.5em 0; background: rgba(var(--primary-color-rgb), 0.05); padding: 50px 60px; position: relative; z-index: 99; } blockquote::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 100px; height: 70px; position: absolute; top: 30px; left: 30px; z-index: -99; } blockquote p { margin-top: 0; margin-bottom: 20px; } blockquote p:last-child { margin-bottom: 0; } blockquote cite { display: block; font-size: 0.8em; font-style: italic; color: rgba(var(--black-color-rgb), 0.8); letter-spacing: 0.5px; margin-top: 10px; font-weight: 400; } q { display: block; margin: 1.5em; color: rgba(var(--font-color), 0.9); font-family: var(--secondary-font); font-size: 1.15em; position: relative; font-style: italic; line-height: 1.65; } q::before { position: absolute; top: 0; left: 0; font-family: 'DM Serif Text', serif; font-size: 4em; line-height: 0.8; color: rgba(var(--primary-color-rgb), 0.1); } q::after { display: none; } q p { margin-top: 0; margin-bottom: 20px; } q p:last-child { margin-bottom: 0; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; /* font-size: 15px; font-size: 0.9375rem; */ line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: var(--white-color); /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: top; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { padding: 20px 30px; margin: 0 0 1.5em; width: 100%; border-radius: 0; font-size: 1em; text-align: left; /* border-collapse: collapse; */ background: rgba(var(--primary-color-rgb), 0.04); } table tr th { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.1); color: rgba(var(--font-color-rgb), 0.9); padding: 10px 15px; font-family: var(--secondary-font); letter-spacing: 0.3px; font-size: 0.9em; font-weight: normal; line-height: 1.3; } table tr td { color: var(--font-color); padding: 10px 15px; font-size: 0.8em; line-height: 1.3; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid var(--primary-color); border-radius: 0; background: var(--primary-color); color: var(--white-color); font-size: 0.85em; line-height: 1; letter-spacing: 0.7px; padding: 10px 15px; min-height: 50px; font-weight: 400; font-family: var(--primary-font); cursor: pointer; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: transparent; color: var(--primary-color); } @-moz-document url-prefix() { button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{ outline-width: thin; outline-style: dotted; } } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { color: var(--font-color); border: 1px solid rgba(var(--font-color-rgb), 0.1); border-radius: 0; padding: 10px 15px; width: 100%; height: 50px; font-size: 0.85em; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: var(--font-color); } select { border: 1px solid rgba(var(--font-color-rgb), 0.1); } textarea { width: 100%; height: 150px; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: var(--primary-color); text-decoration: none; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } a:hover { color: var(--primary-color); text-decoration: underline; } @-moz-document url-prefix() { a:focus { outline-width: thin; outline-style: dotted; } } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; padding-right: 1.5em; } .alignright { display: inline; float: right; padding-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .container:before, .container:after, .site-content:before, .site-content:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .container:after, .site-content:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 40px; /* Make sure select elements fit in widgets. */ } .widget select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1em; max-width: 100%; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; padding-right: 45px; } .widget > select, .widget > form select { font-size: 0.9em; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .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; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption:not(.aligncenter) { margin-top: 0; margin-bottom: 0; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text, .wp-caption figcaption { margin: 0.8075em 0 0 0; font-size: 0.8em; color: rgba(var(--font-color-rgb), 0.8); font-family: var(--secondary-font); font-style: italic; letter-spacing: 0.25px; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; display: flex; flex-wrap: wrap; align-items: center; } .gallery-item { margin: 0; padding: 10px; display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*=============================== OWL CAROUSEL ===============================*/ .owl-carousel { position: relative; } .owl-carousel .owl-stage { -moz-backface-visibility: visible; backface-visibility: visible; } .owl-carousel .owl-nav [class*="owl-"], .owl-carousel .owl-nav button[class*="owl-"] { position: absolute; top: 50%; left: 0; background: var(--white-color); width: 46px; height: 46px; border-radius: 100%; min-height: auto; padding: 0; line-height: 46px; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } .owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel .owl-nav button[class*="owl-"]:hover { background: var(--primary-color); color: var(--white-color); } .owl-carousel .owl-nav [class*="owl-"] svg, .owl-carousel .owl-nav button[class*="owl-"] svg { width: 1em; height: 1em; } .owl-carousel .owl-dots { text-align: center; display: block; line-height: 1; margin-top: 15px; } .owl-carousel .owl-dots button.owl-dot { background: rgba(var(--primary-color-rgb), 0.25); width: 10px; height: 10px; min-height: auto; padding: 0; border-radius: 100%; margin: 5px; display: inline-block; line-height: 1; } .owl-carousel .owl-dots button.owl-dot.active, .owl-carousel .owl-dots button.owl-dot:hover { background: rgba(var(--primary-color-rgb), 0.75); } .owl-carousel .owl-dots button.owl-dot span { display: none; } /*================================= BLOSSOMTHEME EMAIL NEWSLETTER ==================================*/ .blossomthemes-email-newsletter-wrapper form label { order: 5; width: 100%; opacity: 0.7; filter: alpha(opacity=70%); } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { /* align-items: center; */ position: relative; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] { display: block; position: absolute; top: 7px; left: 1px; opacity: 0; } .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-top: 5px; } .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark { background: var(--white-color); } .blossomthemes-email-newsletter-wrapper form label .text { flex: initial; max-width: calc(100% - 25px); font-size: 0.75em; letter-spacing: 0.5px; line-height: 1.5; } /*========================== CUSTOM BACKGROUND ==========================*/ .custom-background .site { background: var(--white-color); max-width: 92%; margin: 0 auto; box-shadow: 0 0 10px 10px rgba(var(--black-color-rgb), 0.05); } /*========================= COMMON CSS =========================*/ .skip-link, .skip-link:hover, .skip-link:visited { position: absolute; top: -999px; left: 20px; background: #f7f7f7; border: 1px solid rgba(var(--font-color-rgb), 0.1); font-size: 0.8888em; font-weight: 600; padding: 10px 20px; color: var(--font-color); border-radius: 5px; box-shadow: 0 2px 20px rgba(var(--font-color-rgb), 0.1); z-index: 999; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } .skip-link:focus, .skip-link:active { top: 50px; } .container { max-width: 1170px; margin: 0 auto; } .svg-holder { background: var(--white-color); } .fallback-svg { width: 100%; height: 100%; vertical-align: top; object-fit: cover; } .entry-content a, .entry-summary a, .page-content a, .comment-content a, .widget .textwidget a { text-decoration: underline; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .widget .textwidget a:hover { text-decoration: none; } .post-edit-link { font-size: 0.65em; text-transform: uppercase; background: var(--secondary-color); color: var(--white-color); padding: 5px 10px; border-radius: 3px; } .post-edit-link:hover { background: var(--primary-color); text-decoration: none; color: var(--white-color); } .btn-readmore { padding: 20px 40px; display: inline-block; font-family: var(--primary-font); color: var(--white-color); font-size: 1em; letter-spacing: 0.7px; line-height: 1.3; text-decoration: none; border-radius: 5px; background: var(--primary-color); border: 1px solid rgba(var(--primary-color-rgb), 0.35); outline-color: black; } .btn-readmore:hover { background: none; color: var(--primary-color); text-decoration: none; } .btn-readmore > svg { vertical-align: middle; margin-left: 10px; } .btn-readmore:hover > svg path { stroke: var(--primary-color); } .btn-transparent { background: none; color: var(--primary-color); border-color: var(--primary-color); } .btn-readmore:hover > a { color: var(--white-color); } .btn-readmore > a:hover { text-decoration: none; } .btn-transparent:hover { text-decoration: none; background: var(--primary-color); color: var(--white-color); } .btn-readmore.btn-transparent:hover svg path { stroke: var(--white-color); } .button-wrap .btn-link { padding-right: 25px; display: inline-block; font-size: 0.8em; letter-spacing: 0.4px; color: var(--font-color); border-bottom: 1px solid; line-height: 1.3; position: relative; } .button-wrap .btn-link:hover { color: var(--primary-color); border-bottom-color: transparent; text-decoration: none; } .button-wrap .btn-link::after { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 15px; height: 15px; position: absolute; top: 3px; right: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .button-wrap .btn-link:hover::after { background-image: url('data:image/svg+xml; utf-8, '); right: 5px; } .section-desc { font-size: 1.11em; letter-spacing: 0.2px; margin-top: 20px; } .section-desc p { margin-top: 20px; margin-bottom: 0; } .widget .widget-title { margin-top: 0; margin-bottom: 20px; font-size: 1.2em; font-family: var(--primary-font); letter-spacing: 0.05px; line-height: 1.3; color: rgba(var(--font-color-rgb), 0.9); text-align: center; position: relative; padding: 0 10px; } .widget .widget-title::before { content: ""; background: rgba(var(--secondary-color-rgb), 0.15); width: 100%; height: 1px; position: absolute; top: 50%; left: 0; right: 0; } .widget .widget-title > span { background: var(--white-color); padding: 0 20px; position: relative; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { margin-bottom: 20px; line-height: 1.3; } .widget ul li:last-child { margin-bottom: 0; } /* .widget ul ul li { margin-top: 20px; } */ .widget ul li a { color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .widget ul li a:hover { color: var(--primary-color); } section[class*="-section"] { margin-top: 130px; margin-bottom: 130px; } section[class*="-section"] .widget { margin-bottom: 40px; } section[class*="-section"] .widget_text, section[class*="-section"] .section-header { margin-bottom: 60px; max-width: 860px; } section[class*="-section"] .widget .widget-title, section[class*="-section"] .section-header .section-title { margin-top: 0; margin-bottom: 0; padding: 0; text-align: inherit; font-size: 2em; font-family: var(--secondary-font); letter-spacing: 0.1px; line-height: 1.35; color: rgba(var(--font-color-rgb), 0.85); } section[class*="-section"] .widget .widget-title::before { display: none; } section[class*="-section"] .widget .widget-title > span { background: none; padding: 0; } section[class*="-section"] .widget .textwidget, section[class*="-section"] .section-header .section-desc { margin-top: 15px; font-size: 1.15em; letter-spacing: 0.05px; line-height: 1.66; color: rgba(var(--font-color-rgb), 0.9); } section[class*="-section"] .widget .textwidget p, section[class*="-section"] .section-header .section-desc p { margin-top: 20px; margin-bottom: 0; } section[class*="-section"] .widget .textwidget p:first-child, section[class*="-section"] .section-header .section-desc p:first-child { margin-top: 0; } article .post-thumbnail { margin: 0; } article .post-thumbnail a { outline-color: black; } /*================================= BREADCRUMB ==================================*/ .breadcrumb-wrapper #crumbs { font-size: 0.75em; letter-spacing: 0.15px; padding: 0 10px; } /* .breadcrumb-wrapper #crumbs span { display: inline-block; } */ .breadcrumb-wrapper #crumbs > span:first-child a { padding-left: 0; } .breadcrumb-wrapper #crumbs > span:last-child a { padding-right: 0; } .breadcrumb-wrapper a, .breadcrumb-wrapper .separator { /* display: inline-block; */ color: rgba(var(--secondary-color-rgb), 0.67); padding: 10px; line-height: 1.3; } .breadcrumb-wrapper .separator { padding-left: 0; padding-right: 0; } .breadcrumb-wrapper span a:hover, .breadcrumb-wrapper .current a { color: var(--secondary-color); } .breadcrumb-wrapper .current a { cursor: default; pointer-events: none; text-decoration: none; } /*============================== BACK TO TOP ==============================*/ .back-to-top { background: var(--white-color); border: 1px solid var(--primary-color); position: fixed; bottom: 10%; right: 5px; padding: 0; width: 45px; min-height: auto; height: 45px; color: var(--primary-color); z-index: 999; opacity: 0; visibility: hidden; } .back-to-top.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .back-to-top:hover, .back-to-top:focus { background: var(--primary-color); color: var(--white-color); } .back-to-top svg { width: 25px; height: 25px; display: inline-block; font-size: 25px; } /*============================= PAGINATION =============================*/ .navigation.pagination { /* margin-top: 50px; */ padding-top: 60px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.1); } .navigation.pagination .page-numbers { display: inline-block; font-size: 1em; font-family: var(--secondary-font); font-weight: normal; min-width: 30px; text-align: center; min-height: 30px; line-height: 30px; margin: 5px 3px; color: rgba(var(--font-color-rgb), 0.8); letter-spacing: 0.3px; text-decoration: none; } .navigation.pagination .page-numbers.prev { position: relative; padding-left: 25px; font-family: var(--primary-font); text-transform: uppercase; letter-spacing: 0.4px; font-size: 0.85em; /* border-bottom: 1px solid; */ min-height: 20px; line-height: 20px; } .navigation.pagination .page-numbers.next { position: relative; padding-right: 25px; font-family: var(--primary-font); text-transform: uppercase; letter-spacing: 0.4px; font-size: 0.85em; /* border-bottom: 1px solid; */ min-height: 20px; line-height: 20px; } .pagination .page-numbers.prev::before, .pagination .page-numbers.next::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 15px; height: 15px; position: absolute; top: 3px; right: 0; } .pagination .page-numbers.prev::before { right: auto; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .navigation.pagination .page-numbers:first-child { margin-left: 0; } .navigation.pagination .page-numbers:last-child { margin-right: 0; } .navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:not(.dots):hover { color: var(--primary-color); } .navigation.pagination .page-numbers.prev:hover svg, .navigation.pagination .page-numbers.next:hover svg { opacity: 1; filter: alpha(opacity=100); } .post-navigation { margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(var(--secondary-color-rgb), 0.2); } .nav-links::before, .nav-links::after { content: ""; display: table; line-height: 0; } .nav-links::after { clear: both; } .post-navigation .nav-previous { padding-right: 10px; } .post-navigation .nav-previous + .nav-next { padding-left: 10px; } .post-navigation .nav-next { text-align: left; } .post-navigation a { color: var(--font-color); display: inline-block; text-decoration: none; } .post-navigation .nav-next a { text-align: right; } .post-navigation .nav-links article { display: flex; flex-wrap: wrap; align-items: center; text-align: left; } .post-navigation article .post-thumbnail { margin: 0; width: 130px; border-radius: 5px; overflow: hidden; } .post-navigation article .post-thumbnail + .entry-header { width: calc(100% - 130px); padding-left: 20px; } .post-navigation article .entry-title { margin-top: 0; margin-bottom: 0; font-family: var(--primary-font); letter-spacing: 0.05px; font-size: 1em; line-height: 1.65; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .post-navigation a:hover article .entry-title { color: var(--primary-color); } .post-navigation .meta-nav { display: inline-block; font-size: 0.8em; color: var(--font-color); letter-spacing: 0.4px; background: none; border: none; padding: 0 25px 0 0; min-height: auto; min-width: auto; margin-top: 20px; border-bottom: 1px solid var(--font-color); line-height: 1.3; position: relative; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; text-transform: uppercase; } .post-navigation .nav-previous .meta-nav { padding-right: 0; padding-left: 25px; } .post-navigation .meta-nav::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 15px; height: 20px; position: absolute; top: 0; right: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .post-navigation .nav-previous .meta-nav::before { right: auto; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .post-navigation a:hover .meta-nav::before { right: 5px; } .post-navigation .nav-previous a:hover .meta-nav::before { right: auto; left: 5px; } /*=============================== ADDITIONAL POST ===============================*/ .additional-post { overflow: hidden; width: 100%; margin-top: 60px; padding-top: 60px; border-top: 1px solid rgba(var(--secondary-color-rgb), 0.2); } .additional-post .post-title { margin-top: 0; margin-bottom: 0; font-size: 1.5em; font-weight: normal; letter-spacing: 0.05px; line-height: 1.5; color: rgba(var(--font-color-rgb), 0.9); font-family: var(--primary-font); } .additional-post .section-grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .additional-post .section-grid article { margin-top: 40px; margin-left: 15px; margin-right: 15px; width: calc(50% - 30px); } .additional-post .section-grid article .post-thumbnail { margin: 0; padding: 0; text-align: center; border-radius: 5px; overflow: hidden; } .additional-post .section-grid article .post-thumbnail img { width: 100%; } .additional-post .section-grid article .entry-header { position: relative; background: var(--white-color); text-align: center; padding: 30px 10px; z-index: 99; width: calc(100% - 30px); margin: 0 auto; } .additional-post .section-grid article .entry-header::before { content: ""; background: var(--white-color); position: absolute; bottom: 100%; left: 0; width: 100%; height: 15px; } .additional-post .section-grid article .entry-meta > span { display: inline-block; font-size: 0.75em; letter-spacing: 0.75px; color: rgba(var(--font-color-rgb), 0.9); line-height: 1.3; } .additional-post .section-grid article .entry-meta > span.category { text-transform: uppercase; } .additional-post .section-grid article .entry-meta > span a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .additional-post .section-grid article .entry-meta > span a:hover { color: var(--primary-color); } .additional-post .section-grid article .entry-meta > span.category a { position: relative; margin-bottom: 10px; /* margin-right: 20px; padding: 0 3px; */ } .additional-post .section-grid article .entry-meta > span.category a:not(:last-child)::after { content: "+"; color: rgba(var(--font-color-rgb), 0.9); margin-left: 5px; margin-right: 2px; display: inline-block; vertical-align: 1px; } .additional-post .section-grid article .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.15em; letter-spacing: 0.05px; line-height: 1.65; font-weight: normal; font-family: var(--primary-font); } .additional-post .section-grid article .entry-title a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .additional-post .section-grid article .entry-title a:hover { color: var(--primary-color); } .additional-post > .button-wrap { margin-top: 25px; text-align: center; } .additional-post > .button-wrap .btn-readmore { font-size: 0.8em; padding: 15px 27px; } .additional-post > .button-wrap .btn-readmore svg { vertical-align: 0; } /*======================== COMMENTS AREA ========================*/ .comments-area { margin-top: 60px; background: rgba(var(--primary-color-rgb), 0.05); } .comments-area .comments-title, .comment-respond .comment-reply-title { margin-top: 0; margin-bottom: 40px; font-size: 1.1em; letter-spacing: 0.1px; } .comments-area .comments-title { padding: 60px 40px 0; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol.comment-list { padding: 0 40px 60px; } .comments-area ol li ol { padding-left: 40px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); margin-top: 40px; padding-top: 40px; } .comment-list .comment { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2); margin-bottom: 40px; padding-bottom: 40px; } .comment-list .comment:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .comments-area .comment-body .comment-meta { position: relative; padding-left: 70px; } .comments-area .bypostauthor > .comment-body .comment-author::after { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 40px; left: 35px; } .comment-body img.avatar { position: absolute; top: 5px; left: 0; width: 50px; height: 50px; border-radius: 100%; object-fit: cover; } .comment-body b.fn { font-size: 0.9em; margin-bottom: 0; display: block; font-weight: 400; font-family: var(--secondary-font); letter-spacing: 0.3px; color: rgba(var(--font-color-rgb), 0.9); } .comment-author a { color: rgba(var(--font-color-rgb), 0.9); line-height: 1.25em; } .comment-author a:hover { color: var(--primary-color); } .comment-body span.says { display: none; } .comment-body .comment-metadata { font-size: 0.8em; color: var(--font-color); line-height: 1.25; letter-spacing: 0.05px; } .comment-metadata a { color: var(--font-color); } .comment-metadata a:hover { color: var(--primary-color); } .comment-body .comment-awaiting-moderation { font-size: 0.8em; line-height: 1.65; margin-top: 10px; margin-bottom: 0; color: red; letter-spacing: 0.1px; font-style: italic; } .comment-body .reply .comment-reply-link { padding: 0; display: inline-block; text-align: center; position: relative; vertical-align: top; color: var(--font-color); font-size: 0.8em; letter-spacing: 0.4px; line-height: 1.2; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid; } .comment-body .reply .comment-reply-link:hover { color: var(--primary-color); } .comment-body .comment-content { padding-left: 70px; font-weight: 400; font-size: 1em; letter-spacing: 0.05px; } .comment-body .comment-content p { margin-top: 10px; margin-bottom: 15px; } .comments-area .comment-respond { background: var(--white-color); border: 1px solid rgba(var(--primary-color-rgb), 0.1); padding: 60px 40px; } .comment-body .reply { padding-left: 70px; } .comment-respond .comment-reply-title { border-bottom: none; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; } .comment-respond .comment-reply-title small { font-size: 60%; line-height: 1.3; vertical-align: middle; display: inline-block; letter-spacing: 0.5px; } .comment-respond .comment-reply-title a { display: inline-block; margin-left: 10px; color: rgba(var(--font-color-rgb), 0.9); vertical-align: middle; text-transform: uppercase; font-weight: normal; padding-left: 10px; border-left: 1px solid rgba(var(--font-color-rgb), 0.9); } .comment-respond .comment-form p { margin-top: 0; margin-bottom: 20px; } .comment-form p.comment-notes { display: none; width: 100%; } .comment-respond .comment-form p:not(.comment-form-cookies-consent) label { display: none; } .comment-respond .comment-form p.comment-form-cookies-consent { position: relative; width: 100%; } .comment-respond .comment-form p.comment-form-cookies-consent label { font-size: 0.8em; line-height: 1.5; color: rgba(var(--font-color-rgb), 0.9); padding-left: 25px; position: relative; cursor: pointer; display: inline-block; width: auto; letter-spacing: 0.05px; } .comment-respond .comment-form p.comment-form-cookies-consent label:hover { text-decoration: underline; } .comment-respond .comment-form p.comment-form-cookies-consent label::before { content: ""; width: 16px; height: 16px; border: 1px solid var(--secondary-color); background-color: var(--white-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 0; background-position: center; position: absolute; top: 4px; left: 0; font-weight: normal; text-align: center; line-height: 14px; font-size: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"]:checked + label::before { content: ""; border-color: var(--black-color); background-color: var(--black-color); background-size: 10px; } .comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"] { position: absolute; top: 12px; left: 2px; z-index: 1; opacity: 0; } .comment-respond .comment-form textarea, .comment-respond .comment-form input:not([type="checkbox"]) { background: rgba(var(--secondary-color-rgb), 0.03); border-color: rgba(var(--secondary-color-rgb), 0.1); border-radius: 4px; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 0; width: 100%; } .comment-form p.form-submit input[type="submit"] { padding: 15px 30px; font-size: 0.9em; background: var(--primary-color); font-family: var(--primary-font); border: none; border-radius: 5px; letter-spacing: 0.7px; line-height: 1.5; text-transform: uppercase; } .comment-form p.form-submit input[type="submit"]:hover { background: var(--secondary-color); color: var(--white-color); } /*================================ SIDEBARS ===============================*/ #primary, #secondary { margin-top: 100px; margin-bottom: 100px; } .home:not(.blog) #primary, .home:not(.blog) #secondary { margin-top: 0; margin-bottom: 0; } .rightsidebar #primary { float: left; width: calc(100% - 350px); padding-right: 60px; } .rightsidebar #secondary { float: right; width: 350px; } .leftsidebar #primary { float: right; width: calc(100% - 350px); padding-left: 60px; } .leftsidebar #secondary { float: left; width: 350px; } .full-width.centered .site-main { max-width: 850px; margin: 0 auto; } /*=================================== SITE HEADER ===================================*/ .hide-element { opacity: 0; visibility: hidden; } .site-title { margin-top: 0; margin-bottom: 0; font-size: 1.33em; } .site-title a { color: var(--font-color); display: inline-block; text-decoration: none; } .site-description { margin-top: 0; margin-bottom: 0; font-size: 0.78em; color: rgba(var(--font-color-rgb), 0.75); } .header-social .social-list-title { display: inline-block; font-family: var(--cursive-font); font-size: 1em; letter-spacing: 0.3px; } .site-header .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .site-header .social-list li { margin: 5px; font-size: 0.78em; } .site-header .social-list li a { display: inline-block; line-height: 1.3; padding: 5px; color: #4a4c67; text-decoration: none; } .site-header .social-list li a:hover { color: var(--primary-color); } .header-cart a { display: inline-block; padding: 0 10px; line-height: 1.3; position: relative; } .header-cart a svg path { fill: #4a4c67; } .header-cart a:hover svg path { fill: var(--primary-color); } .header-cart a .cart-count, .header-cart a .number { position: absolute; top: -2px; right: 0; width: 16px; height: 16px; background: var(--primary-color); font-size: 0.6666em; color: var(--white-color); text-align: center; line-height: 16px; border-radius: 100%; } .main-navigation ul { margin: 0; padding: 0; list-style: none; } .main-navigation .nav-menu { display: flex; flex-wrap: wrap; } .main-navigation ul li { position: relative; font-family: var(--primary-font); font-size: 0.9em; letter-spacing: 0.4px; display: inline-block; line-height: 1.3; } .main-navigation ul li a { display: inline-block; color: rgba(var(--black-color-light-rgb), 0.9); padding: 25px; text-decoration: none; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a { color: var(--primary-color); } .nav-menu .submenu-toggle { background: none; border: none; min-height: auto; color: rgba(var(--font-color-rgb), 0.8); position: absolute; top: 20px; right: 0px; padding: 0; line-height: 1.15; font-size: 0.7778em; } .main-navigation ul ul { display: block; position: absolute; top: 100%; left: 0; width: 230px; background: var(--white-color); box-shadow: 0 2px 5px rgba(var(--font-color-rgb), 0.1); opacity: 0; clip: rect(1px, 1px, 1px, 1px); z-index: 999; -webkit-transition: opacity 0.35s ease; -moz-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul li:hover > ul, .main-navigation ul li.hover > ul { opacity: 1; filter: alpha(opacity=100); clip: inherit; } .main-navigation ul ul li { font-size: 1em; display: block; width: 100%; margin-right: 0; } .main-navigation ul ul li a { padding: 17px; display: block; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05) } .main-navigation .nav-menu .submenu-toggle { top: 28px; right: 10px; } .main-navigation .nav-menu ul li .submenu-toggle { top: 20px; } .header-search .search-toggle { background: none; border: none; padding: 5px 7px; line-height: 1.3; min-height: auto; color: rgba(var(--black-color-rgb), 0.7); } .header-search .search-toggle svg circle + circle, .header-search .search-toggle svg path { stroke: rgba(var(--black-color-rgb), 0.7); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .header-search .search-toggle:hover svg circle + circle, .header-search .search-toggle:hover svg path { stroke: var(--primary-color); } .header-search .header-search-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(var(--black-color-rgb), 0.8); z-index: 9999; display: none; } .header-search .header-search-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .header-search .header-search-wrap .search-form { max-width: 640px; width: 100%; background: rgba(var(--white-color-rgb), 0.75); display: flex; flex-wrap: wrap; height: 70px; } .header-search .header-search-wrap .search-form label { width: calc(100% - 70px); } .header-search .header-search-wrap .search-form .search-field { height: 70px; background: none; border: none; font-size: 1.3333em; padding-left: 20px; padding-right: 20px; } .header-search .header-search-wrap .search-form .search-submit { width: 70px; height: 70px; padding: 0; font-size: 0; border: none; background-color: transparent; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 25px; } .header-search .header-search-wrap .search-form .search-submit:hover { background-image: url('data:image/svg+xml; utf-8, '); } .header-search .header-search-wrap .close { position: absolute; top: 20px; right: 20px; width: 40px; height: 50px; padding: 0; background: none; border: none; min-height: auto; font-size: 0; } .header-search .header-search-wrap .close::before, .header-search .header-search-wrap .close::after { content: ""; background: var(--white-color); width: 30px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 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; } .header-search .header-search-wrap .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .header-search .header-search-wrap .close:hover::before, .header-search .header-search-wrap .close:hover::after { background: var(--primary-color); } .secondary-menu .toggle-btn, .secondary-menu .close { display: none; } .secondary-menu ul { margin: 0; padding: 0; list-style: none; } .secondary-menu .nav-menu { display: flex; flex-wrap: wrap; } .secondary-menu ul li { position: relative; font-family: var(--secondary-font); font-size: 0.7778em; letter-spacing: 0.5px; display: inline-block; margin-right: 35px; } .secondary-menu ul li:last-child { margin-right: 0; } .secondary-menu ul li a { display: inline-block; color: rgba(var(--font-color-rgb), 0.8); padding: 12px 0; text-decoration: none; } .secondary-menu ul.menu li a { padding: 0 0 0 20px; } .secondary-menu ul li:hover > a, .secondary-menu ul li.current-menu-item > a, .secondary-menu ul li.current_page_item > a, .secondary-menu ul li.current-menu-ancestor > a, .secondary-menu ul li.current_page_ancestor > a { color: var(--primary-color); } .nav-menu .submenu-toggle { background: none; border: none; min-height: auto; color: rgba(var(--font-color-rgb), 0.8); position: absolute; top: 20px; right: 0px; padding: 0; line-height: 1.15; font-size: 0.7778em; } .secondary-menu .nav-menu .submenu-toggle path { fill: rgba(var(--font-color-rgb), 0.8); } .secondary-menu ul ul { display: block; position: absolute; top: 100%; left: 0; width: 230px; background: var(--white-color); box-shadow: 0 2px 5px rgba(var(--font-color-rgb), 0.1); opacity: 0; clip: rect(1px, 1px, 1px, 1px); z-index: 999; -webkit-transition: opacity 0.35s ease; -moz-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .secondary-menu ul ul ul { left: 100%; top: 0; } .secondary-menu ul li:hover > ul, .secondary-menu ul li.hover > ul { opacity: 1; filter: alpha(opacity=100); clip: inherit; } .secondary-menu ul ul li { font-size: 1em; display: block; width: 100%; margin-right: 0; } .secondary-menu ul ul li a { padding: 17px; display: block; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05) } .nav-menu ul .menu-item-has-children > a { padding-right: 35px; } .nav-menu ul .submenu-toggle { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); right: 15px; top: 25px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .toggle-btn { display: inline-block; min-height: auto; width: 40px; height: 40px; background: none; border: none; position: relative; padding: 0; margin-left: 20px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .toggle-btn .toggle-bar { background: #4a4c67; width: 30px; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 5px; overflow: hidden; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .toggle-btn .toggle-bar:first-child { top: -16px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .toggle-btn .toggle-bar:last-child { bottom: -16px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .toggle-btn:hover .toggle-bar { background: var(--primary-color); } .site-header:not(.style-seven):not(.style-three) .secondary-menu > div { position: fixed; top: 0; right: 0; width: 320px; height: 100%; background: var(--white-color); box-shadow: 5px 0 15px rgba(var(--black-color-rgb), 0.15); z-index: 9999; overflow-x: hidden; overflow-y: auto; display: none; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .close { width: 30px; height: 30px; display: block; min-height: auto; margin-top: 32px; margin-left: 20px; margin-right: auto; background: none; border: none; position: relative; color: inherit; } .site-header:not(.style-seven):not(.style-three) .secondary-menu:not(.menu-active) .close { visibility: hidden; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .close::before, .site-header:not(.style-seven):not(.style-three) .secondary-menu .close::after { content: ""; background: var(--primary-color); width: 100%; height: 3px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 5px; -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; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .site-header:not(.style-seven):not(.style-three) .secondary-menu .close:hover::before, .site-header:not(.style-seven):not(.style-three) .secondary-menu .close:hover::after { background: var(--secondary-color); } .site-header:not(.style-seven):not(.style-three) .secondary-menu .nav-menu { display: block; padding-left: 20px; padding-right: 0; margin-top: 40px; width: 320px; height: calc(100% - 100px); overflow: auto; visibility: hidden; text-align: right; } .site-header:not(.style-seven):not(.style-three) .mCSB_container { margin-right: 20px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu.menu-active .nav-menu { visibility: visible; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .nav-menu li { display: block; font-size: 1em; margin-right: 0; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .nav-menu li a { display: block; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); padding: 20px 30px; } .site-header:not(.style-seven):not(.style-three) .secondary-menu ul ul { position: static; opacity: 1; clip: inherit; width: 100%; background: none; box-shadow: none; display: none; -webkit-transition: none; -moz-transition: none; transition: none; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .nav-menu li .submenu-toggle { left: 0; top: 0; display: inline-block; width: 25px; text-align: center; height: 67px; line-height: 67px; font-size: 0.8888em; -webkit-transform: none; -moz-transform: none; transform: none; } .site-header:not(.style-seven):not(.style-three) .secondary-menu .nav-menu li .submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } svg.fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } /*============================== SITE HEADER STYLE ONE ===============================*/ .site-header.style-one { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07); } .home .site-header.style-one { position: relative; z-index: 999; border-bottom: none; } .site-header.style-one .header-main .container { display: flex; flex-wrap: wrap; align-items: center; } .site-header.style-one .header-main .site-branding { flex: initial; padding-top: 20px; padding-bottom: 20px; } .site-header.style-one .header-main .nav-wrap { display: flex; flex-wrap: wrap; align-items: center; flex: 1; justify-content: flex-end; } .site-header.style-one .header-main .nav-wrap > div { display: flex; flex-wrap: wrap; align-items: center; } .site-header.style-one .header-main .nav-wrap .header-left { flex: 1; justify-content: center; } .site-header.style-one .header-main .main-navigation + .header-search { padding-left: 15px; } .site-header.style-one .nav-wrap .main-navigation .nav-menu .submenu-toggle path { fill: rgba(var(--black-color-light-rgb), 0.9); } .site-header.style-one .header-main .btn-transparent { background: var(--white-color); padding: 9px 23px; } .site-header.style-one .header-main .btn-transparent:hover { background: var(--primary-color); } .site-header.style-one .header-main .secondary-menu { display: flex; flex-direction: column; line-height: 1.3; } .site-header.style-one .header-main .secondary-menu .toggle-btn { height: 20px; } /*================================= SITE HEADER STYLE TWO =================================*/ .site-header.style-two { background: var(--white-color); position: relative; z-index: 999; } .site-header.style-two .header-top { background: rgba(var(--primary-color-rgb), 0.1); padding: 5px 0; } .site-header.style-two .header-top .container { display: flex; flex-wrap: wrap; align-items: center; } .site-header.style-two .header-top .header-left { display: flex; flex-wrap: wrap; align-items: center; flex: 1; } .site-header.style-two .header-top .header-block { font-size: 0.78em; letter-spacing: 0.5px; } .site-header.style-two .header-top .header-block + .header-block { margin-left: 30px; } .site-header.style-two .header-top .header-block svg { color: var(--primary-color); margin-right: 5px; font-size: 0.89em; } .site-header.style-two .header-top .header-block a { color: rgba(var(--black-color-rgb), 0.75); } .site-header.style-two .header-top .header-block a:hover { color: var(--primary-color); } .site-header.style-two .header-top .header-right { flex: 1; justify-content: flex-end; display: flex; flex-wrap: wrap; align-items: center; } .site-header.style-two .header-top .header-right .header-social + .header-search { margin-left: 40px; } .site-header.style-two .header-top .header-social + .header-cart, .site-header.style-two .header-top .header-search + .header-cart { border-left: 1px solid rgba(var(--black-color-rgb), 0.2); padding-left: 10px; margin-left: 10px; line-height: 1; } .site-header.style-two .header-top .secondary-menu { display: flex; flex-direction: column; line-height: 1.3; } .site-header.style-two .header-top .secondary-menu .toggle-btn { height: 20px; } .site-header.style-two .header-main { padding: 20px 0; } .site-header.style-two .header-main .container { display: flex; flex-wrap: wrap; align-items: center; } .site-header.style-two .header-main .nav-wrap { display: flex; flex-wrap: wrap; align-items: center; flex: 1; justify-content: flex-end; } .site-header.style-two .nav-wrap .main-navigation .nav-menu .submenu-toggle path { fill: rgba(var(--black-color-light-rgb), 0.9); } .site-header.style-two .header-main .header-left { flex: 1; align-items: center; display: flex; flex-direction: column; } .site-header.style-two .header-main .btn-readmore { padding: 15px 30px; } /*================================ SITE BANNER =================================*/ .site-banner .banner-caption .sub-title { font-size: 1.3em; line-height: 1.27; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.85); text-transform: none; margin-bottom: 10px; } .site-banner .banner-caption .item-title { margin-top: 0; margin-bottom: 0; font-size: 3em; letter-spacing: 0.05px; line-height: 1.33; color: rgba(var(--font-color-rgb), 0.85); } .site-banner .banner-caption .item-title a { display: inline-block; color: rgba(var(--font-color-rgb), 0.85); text-decoration: none; } .site-banner .banner-caption .item-title a:hover { color: var(--primary-color); } .site-banner .button-wrap .btn-readmore { margin: 5px; font-size: 0.9em; } .site-banner .button-wrap .btn-readmore.btn-transparent { color: var(--secondary-color); border-color: var(--secondary-color); } .site-banner .button-wrap .btn-readmore.btn-transparent:hover { background: var(--secondary-color); color: var(--white-color); } .wp-custom-header { position: relative; } .video-control-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: var(--white-color); width: 70px; height: 70px; text-align: center; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: initial; z-index: 9; } .video-control-btn:hover { background: var(--primary-color); } .video-control-btn:hover path { fill: var(--white-color); } .site-banner.video-banner .wp-custom-header { position: relative; height: 0; padding-top: 56.25%; } .site-banner.cta-newsletter-banner.video-banner .wp-custom-header { height: 0; } .site-banner.video-banner .wp-custom-header::before { content: ""; background: rgba(var(--black-color-rgb), 0.01); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .site-banner.video-banner .wp-custom-header video, .site-banner.video-banner .wp-custom-header iframe, .site-banner.video-banner .wp-custom-header img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-banner.video-banner .wp-custom-header button { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 99; margin: 0 auto; width: 40px; height: 40px; min-height: auto; padding: 0; border-radius: 100%; border: none; color: inherit; font-size: 0; background-color: rgba(var(--black-color-rgb), 0.5); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 15px; } .site-banner.video-banner .wp-custom-header button:hover { background-color: rgba(var(--black-color-rgb), 0.75); } .site-banner.video-banner .wp-custom-header button.wp-custom-header-video-pause { background-image: url('data:image/svg+xml; utf-8, '); } /*==================================== STATIC CTA BANNER STYLE ONE ===================================*/ body.static-cta-one .site { overflow: hidden; } .site-banner.static-cta.style-one { background-repeat: no-repeat; background-position: center left; background-size: auto; position: relative; /* z-index: 9; */ margin-bottom: 100px; } .site-banner.static-cta.style-one::after { content: ""; background: rgba(var(--primary-color-rgb), 0.06); position: absolute; top: -35%; right: -20%; border-radius: 100%; width: 1078px; height: 1150px; z-index: -9; } .site-banner.static-cta.style-one .item { padding-top: 80px; padding-bottom: 50px; display: flex; flex-flow: row-reverse wrap; align-items: center; } .site-banner.static-cta.align-left .item { flex-direction: row; } .site-banner.static-cta.style-one .wp-custom-header { flex: 1 0 55%; } .site-banner.static-cta.style-one .banner-caption { flex: 1 0 45%; } .site-banner.static-cta.style-one .wp-custom-header + .banner-caption { padding-right: 54px; } .site-banner.static-cta.style-one.align-left .wp-custom-header + .banner-caption { padding-right: 0; padding-left: 54px; } .site-banner.static-cta .banner-caption .banner-text { font-size: 1.2em; } .site-banner.static-cta .banner-caption .banner-text p { margin-top: 1em; margin-bottom: 0; } .site-banner.static-cta.style-one .button-wrap { margin-top: 60px; } /*===================================== SLIDER BANNER =====================================*/ .site-banner.banner-slider { background: rgba(var(--primary-color-rgb), 0.05); padding-top: 100px; padding-bottom: 100px; } .site-banner.banner-slider .item { background-repeat: no-repeat; background-position: bottom left; display: flex; flex-wrap: wrap; align-items: flex-start; } .site-banner.banner-slider .banner-img { flex: 1 0 45%; margin-top: 60px; } .site-banner.banner-slider .wp-custom-header img { width: 100%; height: 100%; object-fit: cover; } .site-banner.banner-slider .banner-caption { flex: 1 0 55%; background: var(--white-color); padding: 100px 60px; position: relative; } .site-banner.banner-slider .banner-img + .banner-caption::before { content: ""; background: var(--white-color); width: 200px; height: 100%; position: absolute; top: 0; right: 100%; z-index: -1; } .banner-caption .category { display: block; margin-bottom: 10px; font-size: 0.85em; line-height: 1.3; } .banner-caption .category a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); margin: 5px 0; } .banner-caption .category a:hover { color: var(--primary-color); } .banner-caption .category a:not(:last-child)::after { content: ","; margin-right: 5px; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .site-banner.banner-slider .banner-caption .item-title { font-size: 2.22em; } .site-banner.banner-slider .banner-caption .banner-text { margin-top: 15px; font-size: 1.28em; line-height: 1.78; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.9); } .site-banner.banner-slider .banner-caption .button-wrap { margin-top: 20px; } .site-banner .owl-carousel .owl-nav [class*="owl-"], .site-banner .owl-carousel .owl-nav button[class*="owl-"] { width: 60px; height: 60px; border-radius: 0; line-height: 60px; border: 1px solid rgba(var(--secondary-color-rgb), 0.1); } .site-banner .owl-carousel .owl-nav .owl-prev, .site-banner .owl-carousel .owl-nav button.owl-prev { left: -30px; } .site-banner .owl-carousel .owl-nav .owl-next, .site-banner .owl-carousel .owl-nav button.owl-next { right: -30px; } .site-banner .owl-carousel .owl-nav [class*="owl-"]:hover path, .site-banner .owl-carousel .owl-nav button[class*="owl-"]:hover path { stroke: var(--white-color); } /*================================== COURSE LEVEL SECTION ==================================*/ section.course-level-section { margin-bottom: 90px; } .site-banner.static-cta.style-one + .site-content > section[class*="-section"]:first-child { margin-top: 0; } section.course-level-section + section[class*="-section"] { margin-top: 90px; } .course-level-section .container { overflow: hidden; } .course-level-section .section-grid { display: flex; flex-wrap: wrap; margin-left: -45px; margin-right: -45px; } .course-level-section .widget_text { margin-left: 45px; margin-right: 45px; } .course-level-section .widget_bttk_icon_text_widget { width: calc(33.33% - 90px); margin-left: 45px; margin-right: 45px; } .course-level-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: flex; flex-direction: column-reverse; } .course-level-section .widget_bttk_icon_text_widget:nth-child(2n+1) .rtc-itw-inner-holder { margin-top: 40px; } .course-level-section .widget_bttk_icon_text_widget:first-child .rtc-itw-inner-holder { margin-top: 0; } .course-level-section .widget_bttk_icon_text_widget:nth-child(2n) .rtc-itw-inner-holder { margin-top: 20px; } .course-level-section .widget_bttk_icon_text_widget .icon-holder { margin-bottom: 15px; } section.course-level-section .widget_bttk_icon_text_widget .widget-title { font-family: var(--secondary-font); font-size: 1.1em; letter-spacing: 0.1px; margin-bottom: 10px; padding: 0; text-align: inherit; } section.course-level-section .widget_bttk_icon_text_widget .widget-title::before { display: none; } section.course-level-section .widget_bttk_icon_text_widget .widget-title > span { background: none; padding: 0; } section.course-level-section .widget_bttk_icon_text_widget .content { font-size: 1em; } section.course-level-section .widget_bttk_icon_text_widget .content p { margin-top: 0; margin-bottom: 20px; } section.course-level-section .widget_bttk_icon_text_widget .content p:last-child { margin-bottom: 0; } .course-level-section .widget_bttk_icon_text_widget .btn-readmore { margin-top: 25px; padding: 15px 25px; background: transparent; color: var(--primary-color); } .course-level-section .widget_bttk_icon_text_widget .btn-readmore:hover { background: var(--primary-color); color: var(--white-color); } .course-level-section .widget_bttk_icon_text_widget .btn-readmore svg { vertical-align: inherit; } .course-level-section .widget_bttk_icon_text_widget .btn-readmore:hover path { stroke: var(--white-color); } /*================================= ABOUT SECTION =================================*/ .about-section .section-grid { margin-left: auto; margin-right: auto; max-width: 1620px; } section.about-section .widget_blossomtheme_featured_page_widget { margin-bottom: 0; } .about-section .featured-holder-wrap { display: flex; flex-wrap: wrap; } .about-section .right .featured-holder-wrap { flex-direction: row-reverse; } .about-section .centered .featured-holder-wrap { display: block; } .about-section .featured-holder-wrap .img-holder { flex: 1 0 40%; padding-top: 100px; } .about-section .centered .featured-holder-wrap .img-holder { width: 86%; margin: 0 auto; padding-top: 0; } .about-section .featured-holder-wrap .img-holder img { width: 100%; height: 100%; object-fit: cover; } .about-section .featured-holder-wrap .text-holder { flex: 1 0 60%; background: rgba(var(--primary-color-rgb), 0.04); position: relative; padding: 136px 115px 150px 115px; margin-bottom: 60px; } .about-section .featured-holder-wrap .img-holder + .text-holder::after { content: ""; background: rgba(var(--primary-color-rgb), 0.04); position: absolute; top: 0; right: 100%; height: 100%; width: 50%; z-index: -1; } .about-section .right .featured-holder-wrap .img-holder + .text-holder::after { left: 100%; right: auto; } .about-section .centered .featured-holder-wrap .img-holder + .text-holder::after { left: 0; right: 0; top: auto; bottom: 100%; width: 100%; height: 50%; } .about-section .featured-holder-wrap .sub-title { display: block; font-size: 1.4em; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.85); line-height: 1.5; text-transform: none; margin-bottom: 10px; } section.about-section .featured-holder-wrap .widget-title { margin-bottom: 15px; } .about-section .featured-holder-wrap .widget-title::before { display: none; } .about-section .featured-holder-wrap .widget-title > span { background: none; padding: 0; } .about-section .featured-holder-wrap .featured_page_content { font-size: 1em; letter-spacing: 0.05px; } .about-section .featured-holder-wrap .featured_page_content p { margin-top: 20px; margin-bottom: 0px; } .about-section .featured-holder-wrap .btn-readmore { background: none; color: var(--primary-color); font-size: 0.8em; padding: 15px 60px 15px 30px; margin-top: 50px; position: relative; } .about-section .featured-holder-wrap .btn-readmore:hover { background: var(--primary-color); color: var(--white-color); } .about-section .featured-holder-wrap .btn-readmore::after { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 18px; height: 12px; position: absolute; top: 19px; right: 30px; } .about-section .featured-holder-wrap .btn-readmore:hover::after { background-image: url('data:image/svg+xml; utf-8, '); } /*================================= PROMO SECTION =================================*/ section.promo-section { position: relative; } .promo-section::after { content: ""; background-image: url('images/promo-section-bg.png'); background-repeat: no-repeat; background-position: bottom left; background-size: contain; width: 50%; height: 100%; position: absolute; bottom: -100px; left: 0; z-index: -1; } .promo-section .widget_bttk_image_text_widget .widget-title { display: none; } .promo-section .owl-carousel .owl-nav [class*="owl-"], .promo-section .owl-carousel .owl-nav button[class*="owl-"] { left: -55px; background: rgba(var(--primary-color-rgb), 0.1); } .promo-section .owl-carousel .owl-nav .owl-next, .promo-section .owl-carousel .owl-nav button.owl-next { left: auto; right: -55px; } .promo-section .owl-carousel .owl-nav [class*="owl-"]:hover, .promo-section .owl-carousel .owl-nav button[class*="owl-"]:hover { background: var(--primary-color); } /*================================ CTA SECTION ================================*/ section.cta-full-section { margin-top: 0; margin-bottom: 0; } section.cta-full-section .widget_blossomtheme_companion_cta_widget { margin: 0; } .cta-full-section .widget .bttk-cta-bg { position: relative; z-index: 1; } .cta-full-section .widget_blossomtheme_companion_cta_widget > div { padding: 80px 0; } .cta-full-section .widget .bttk-cta-bg::before { content: ""; background: rgba(var(--secondary-color-rgb), 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .cta-full-section .widget .blossomtheme-cta-container { max-width: 1170px; margin: 0 auto; position: relative; } section.cta-full-section .widget_blossomtheme_companion_cta_widget .widget-title { color: var(--white-color); font-size: 2.5em; letter-spacing: 0.05px; line-height: 1.3; } .cta-full-section .widget_blossomtheme_companion_cta_widget .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .text-holder { width: 70%; padding-right: 30px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .left .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .left .text-holder { padding-right: 0; padding-left: 30px; margin-left: auto; text-align: right; } .cta-full-section .widget_blossomtheme_companion_cta_widget .centered .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .centered .text-holder { padding-right: 0; margin: 0 auto; text-align: center; } .cta-full-section .widget_blossomtheme_companion_cta_widget .text-holder p { color: var(--white-color); font-size: 1.2em; line-height: 1.67; letter-spacing: 0.05px; margin-top: 20px; margin-bottom: 0; } .cta-full-section .widget_blossomtheme_companion_cta_widget .button-wrap { position: absolute; top: 50%; right: 0; width: 30%; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .cta-full-section .widget_blossomtheme_companion_cta_widget .left .button-wrap { right: auto; left: 0; text-align: left; } .cta-full-section .widget_blossomtheme_companion_cta_widget .centered .button-wrap { position: static; width: 100%; text-align: center; transform: none; margin-top: 40px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta { padding: 20px 30px; display: inline-block; font-family: var(--primary-font); color: var(--white-color); text-align: center; font-size: 0.9em; letter-spacing: 0.7px; line-height: 1.3; text-decoration: none; border-radius: 5px; background: var(--primary-color); border: 1px solid var(--primary-color); margin: 5px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta:hover { background: none; color: var(--white-color); border-color: var(--white-color); } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta.btn-2 { background: var(--white-color); color: var(--primary-color); border-color: var(--white-color); } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta.btn-2:hover { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); } /*================================ TEST CLIENT WRAP ================================*/ .test-client-wrap { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } .test-client-wrap + section[class*="-section"] { margin-top: 0; } .test-client-wrap::before { content: ""; background: rgba(var(--white-color-rgb), 0.93); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .test-overlay { margin-top: 130px; background: var(--white-color); position: absolute; top: 0; bottom: 0; left: 0; right: 7%; z-index: -1; } /*=============================== TESTIMONIAL SECTION ===============================*/ section.testimonial-section { background-repeat: no-repeat; background-size: cover; margin-top: 0; margin-bottom: 0; padding-top: 130px; padding-bottom: 130px; position: relative; z-index: 9; } .testimonial-section + section[class*="-section"] { margin-top: 0; } section.testimonial-section::before { content: ""; background: rgba(var(--white-color-rgb), 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -9; } section.testimonial-section .widget_text { margin-bottom: 0; padding-bottom: 60px; } section.testimonial-section .widget_bttk_testimonial_widget { margin-bottom: 0; margin-top: 80px; padding-top: 80px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.1); } section.testimonial-section .widget_text + .widget_bttk_testimonial_widget, section.testimonial-section .widget_bttk_testimonial_widget:first-child { border-top: 0; padding-top: 0; } .testimonial-section .bttk-testimonial-inner-holder { display: flex; flex-wrap: wrap; align-items: flex-start; } .testimonial-section .widget_bttk_testimonial_widget:nth-child(2n+1) .bttk-testimonial-inner-holder { flex-direction: row-reverse; } .testimonial-section .bttk-testimonial-inner-holder .img-holder { max-width: 470px; width: 100%; } .testimonial-section .bttk-testimonial-inner-holder .img-holder img { width: 100%; height: 100%; object-fit: cover; } .testimonial-section .bttk-testimonial-inner-holder .img-holder + .text-holder { max-width: calc(100% - 530px); margin-left: 60px; } .testimonial-section .widget_bttk_testimonial_widget:nth-child(2n+1) .img-holder + .text-holder { margin-left: 0; margin-right: 60px; } .testimonial-section .bttk-testimonial-inner-holder .text-holder { position: relative; } .testimonial-section .bttk-testimonial-inner-holder .text-holder::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; width: 24px; height: 16px; position: absolute; top: 5px; left: -35px; } .widget_bttk_testimonial_widget .testimonial-title { margin-bottom: 20px; font-size: 1.3em; letter-spacing: 0.2px; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); line-height: 1.6; } .widget_bttk_testimonial_widget .testimonial-content { letter-spacing: 0.05px; } .widget_bttk_testimonial_widget .testimonial-content p { margin-top: 20px; margin-bottom: 0; } .widget_bttk_testimonial_widget .testimonial-meta { margin-top: 20px; letter-spacing: 0.3px; font-size: 1.1em; line-height: 1.6; color: rgba(var(--font-color-rgb), 0.85); } .widget_bttk_testimonial_widget .testimonial-meta::before { content: "-"; color: var(--primary-color); margin-right: 5px; } .widget_bttk_testimonial_widget .name + .designation::before { content: ","; margin-right: 10px; margin-left: 0; } /*============================== CTA WIDE SECTION ===============================*/ section.cta-wide-section .widget:last-child { margin-bottom: 0; } .cta-wide-section .widget_blossomtheme_companion_cta_widget > div { padding: 100px 80px; } .cta-wide-section .widget_blossomtheme_companion_cta_widget .bttk-cta-bg { position: relative; z-index: 1; } .cta-wide-section .widget_blossomtheme_companion_cta_widget .bttk-cta-bg::before { content: ""; background: rgba(var(--black-color-rgb), 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .cta-wide-section .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .widget-title, .cta-wide-section .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .text-holder p { color: var(--white-color); } .cta-wide-section .widget_blossomtheme_companion_cta_widget .centered { text-align: center; } .cta-wide-section .widget_blossomtheme_companion_cta_widget .right { text-align: right; } section.cta-wide-section .blossomtheme-cta-container .widget-title { font-size: 2.5em; margin-bottom: 0; } section.cta-wide-section .blossomtheme-cta-container .text-holder p { margin-top: 20px; margin-bottom: 0; font-size: 1.2em; color: rgba(var(--font-color-rgb), 0.8); } .cta-wide-section .blossomtheme-cta-container .button-wrap { margin-top: 20px; } .cta-wide-section .blossomtheme-cta-container .btn-cta { padding: 20px 30px; display: inline-block; font-family: var(--primary-font); color: var(--white-color); text-align: center; font-size: 0.9em; letter-spacing: 0.7px; line-height: 1.3; text-decoration: none; border-radius: 5px; background: var(--primary-color); border: 1px solid var(--primary-color); margin: 5px; } .cta-wide-section .blossomtheme-cta-container .btn-cta:hover, .cta-wide-section .blossomtheme-cta-container .btn-cta.btn-2 { background: none; color: var(--primary-color); } .cta-wide-section .blossomtheme-cta-container .btn-cta.btn-2:hover { background: var(--primary-color); color: var(--white-color); } /*============================ CLIENT SECTION =============================*/ section.client-section .widget:last-child { margin-bottom: 0; } section.client-section .blossom-iw-holder { text-align: center; } section.client-section .blossom-iw-holder .widget-title { font-size: 1em; position: relative; font-style: italic; letter-spacing: 0.3px; color: rgba(var(--font-color-rgb), 0.9); z-index: 1; } section.client-section .blossom-iw-holder .widget-title::before { content: ""; display: block; background: rgba(var(--primary-color-rgb), 0.1); width: 100%; height: 1px; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } section.client-section .blossom-iw-holder .widget-title span { display: inline-block; background: var(--white-color); padding: 0 30px; } .client-section .widget_blossom_client_logo_widget .image-holder { width: 25%; } /*================================= BLOG SECTION ==================================*/ .blog-section { position: relative; z-index: 99; } .blog-section::after { content: ""; background-image: url('images/promo-section-bg.png'); background-repeat: no-repeat; background-position: bottom left; background-size: contain; width: 60%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: -1; } .blog-section .section-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 45px 1fr 45px 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: 1fr 45px 1fr; grid-template-rows: repeat(2, 1fr); grid-gap: 45px; text-align: center; } .blog-section .section-grid article:first-child { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; } .blog-section article .post-thumbnail { margin: 0; } .blog-section article .entry-header { position: relative; background: var(--white-color); width: calc(100% - 40px); margin: 0 auto; padding: 15px 20px; } .blog-section article:first-child .entry-header { width: calc(100% - 60px); padding: 10px 35px 35px; } .blog-section article .entry-header::before { content: ""; background: var(--white-color); width: 100%; height: 20px; position: absolute; bottom: 100%; left: 0; right: 0; } .blog-section article:first-child .entry-header::before { height: 30px; } .blog-section article .category { display: block; margin-bottom: 10px; font-size: 0.75em; letter-spacing: 0.75px; line-height: 1.3; } .blog-section article .category a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); margin: 5px 0; } .blog-section article .category a:hover { color: var(--primary-color); } .blog-section article .category a:not(:last-child)::after { content: ","; margin-right: 5px; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .blog-section article .entry-title { margin-top: 0; margin-bottom: 0; font-family: var(--primary-font); font-size: 1.15em; letter-spacing: 0.05px; line-height: 1.45; } .blog-section article:first-child .entry-title { font-size: 1.5em; } .blog-section article .entry-title a { text-decoration: none; color: rgba(var(--font-color-rgb), 0.9); } .blog-section article .entry-title a:hover { color: var(--primary-color); } .blog-section .container > .button-wrap { text-align: center; margin-top: 60px; } .blog-section .container > .button-wrap .btn-readmore { background: var(--white-color); font-size: 0.89em; padding: 16px 35px; line-height: 1.5; } .blog-section .container > .button-wrap .btn-readmore:hover { background: var(--primary-color); } .blog-section .container > .button-wrap .btn-readmore svg { vertical-align: 0; } /*=============================== SHOP SECTION ===============================*/ section.shop-section { margin-top: 0; margin-bottom: 0; padding-top: 130px; padding-bottom: 130px; background: rgba(var(--secondary-color-rgb), 0.03); overflow: hidden; } .shop-section .section-grid { padding-left: 4%; padding-right: 4%; display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .shop-section .section-grid article { width: calc(25% - 40px); margin-left: 20px; margin-right: 20px; position: relative; overflow: hidden; } .shop-section .section-grid article .onsale { position: absolute; top: 20px; left: -45px; font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.5px; background: var(--primary-color); line-height: 1.3; color: var(--white-color); padding: 3px 40px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); width: 150px; text-align: center; } .shop-section article .post-thumbnail { margin: 0; } .shop-section article .entry-header { margin-top: 25px; } .shop-section article .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1em; letter-spacing: 0.3px; line-height: 1.5; } .shop-section article .entry-header .entry-title a { display: inline-block; text-decoration: none; color: rgba(var(--font-color-rgb), 0.9); } .shop-section article .entry-header .entry-title a:hover { color: var(--primary-color); } .shop-section article .price { margin-top: 5px; margin-bottom: 0; } .shop-section article .price .woocommerce-Price-amount { font-size: 1.15em; color: rgba(var(--font-color-rgb), 0.85); letter-spacing: 0.05px; } .shop-section article .price del { opacity: 0.7; filter: alpha(opacity=70); margin-right: 20px; } .shop-section article .price ins { background: none; } .shop-section .button-wrap { text-align: center; margin-top: 60px; } .shop-section .button-wrap .btn-readmore { font-size: 0.8em; padding: 16px 35px; } .shop-section .button-wrap .btn-readmore svg { vertical-align: 0; } /*================================== FOOTER NEWSLETTER SECTION ==================================*/ section.footer-newsletter-section { margin-top: 0; margin-bottom: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper { padding-top: 80px; padding-bottom: 80px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .container { display: flex; flex-wrap: wrap; align-items: center; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { flex: 1; margin: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 2.5em; line-height: 1.16; letter-spacing: 0.05px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; font-size: 1.15em; line-height: 1.65; letter-spacing: 0.05px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 + span { margin-top: 15px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form { flex: 1; display: flex; flex-wrap: wrap; max-width: 800px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder + form { padding-left: 60px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form > input { flex: 2; margin: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form input:first-child { border-radius: 5px 0 0 5px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"] { border-radius: 0 5px 5px 0; flex: 1; font-size: 0.9em; font-family: var(--primary-font); padding: 10px 14px; } /*============================== WIDGET COMMON CSS ===============================*/ .widget-area .widget:last-child { margin-bottom: 0; } .widget_categories ul, .widget_meta ul, .widget_archive ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_nav_menu ul, .widget_pages ul { background: rgba(var(--primary-color-rgb), 0.05); padding: 30px; } .widget_categories ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_nav_menu ul ul, .widget_pages ul ul { margin-top: 25px; padding: 0 0 0 20px; background: none; } .widget_categories ul li, .widget_meta ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_nav_menu ul li, .widget_pages ul li { margin-bottom: 25px; font-family: var(--secondary-font); font-size: 0.8em; letter-spacing: 0.3px; } .widget_categories ul li:last-child, .widget_meta ul li:last-child, .widget_archive ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child, .widget_nav_menu ul li:last-child, .widget_pages ul li:last-child { margin-bottom: 0; } .widget_categories ul ul li, .widget_meta ul ul li, .widget_archive ul ul li, .widget_recent_comments ul ul li, .widget_recent_entries ul ul li, .widget_nav_menu ul ul li, .widget_pages ul ul li { font-size: 1em; } .widget_recent_entries .post-date { display: block; margin-top: 9px; font-size: 0.8em; color: var(--primary-color); font-style: italic; } .widget_rss ul li { font-size: 0.9em; line-height: 1.7; } /*=============================== WIDGET INSTAGRAM ===============================*/ .widget_btif_instagram_widget .profile-link { display: block; margin-top: 20px; text-align: center; background: var(--black-color); border: 1px solid var(--black-color); color: var(--white-color); font-size: 0.7778em; padding: 10px; text-decoration: none; line-height: 1.5; } .widget_btif_instagram_widget .profile-link:hover { background: none; color: var(--black-color); } .widget_btif_instagram_widget .profile-link .insta-icon { display: inline-block; line-height: 1; margin-right: 10px; padding-top: 5px; } .widget_btif_instagram_widget ul li .instagram-meta .fa-comment { float: none; } /*================================== WIDGET ADVERTISEMENT ==================================*/ .widget_bttk_advertisement_widget .icon-holder { text-align: center; } /*================================== WIDGET POST CATEGORY SLIDER ==================================*/ .widget_bttk_posts_category_slider_widget .carousel-title .cat-links { font-size: 0.8em; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a { display: inline-block; margin: 0; line-height: 1.3; color: rgba(var(--font-color-rgb), 0.7); } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover { color: var(--primary-color); } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:not(:last-child)::after { content: ","; margin-right: 8px; } .widget_bttk_posts_category_slider_widget .carousel-title .title { font-family: var(--primary-font); font-size: 0.9em; line-height: 1.5; margin-top: 5px; margin-bottom: 0; } .widget_bttk_posts_category_slider_widget .carousel-title .title a { display: inline-block; color: var(--font-color); text-decoration: none; } .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover { color: var(--primary-color); } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] { top: 30%; } /*=============================== WIDGET TAG CLOUD ===============================*/ .tagcloud a { display: inline-block; position: relative; font-size: 0.8em !important; color: rgba(var(--font-color-rgb), 0.9); text-transform: uppercase; letter-spacing: 0.75px; font-family: var(--primary-font); padding: 0 14px; margin-bottom: 15px; text-decoration: none; } .tagcloud a:hover { color: var(--primary-color); } .tagcloud a::before { content: ""; background: var(--primary-color); width: 5px; height: 5px; border-radius: 100%; position: absolute; top: 13px; left: -2px; } /*================================= WIDGET CALENDAR =================================*/ .calendar_wrap { position: relative; } .calendar_wrap table { padding: 0 10px; background: none; text-align: center; margin-bottom: 0; border: 1px solid rgba(var(--secondary-color-rgb), 0.05); } .calendar_wrap table caption { background: var(--secondary-color); color: var(--white-color); font-size: 0.85em; font-family: var(--secondary-font); letter-spacing: 0.4px; padding: 10px 60px; line-height: 1.55; } .calendar_wrap table th { border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.2); font-family: var(--primary-font); font-size: 0.8em; padding-left: 0; padding-right: 0; } .calendar_wrap table td { padding-left: 0; padding-right: 0; font-size: 0.8em; } .calendar_wrap table td a { display: block; text-decoration: none; } .calendar_wrap table td#today { background: rgba(var(--primary-color-rgb), 0.2); color: var(--primary-color); } .calendar_wrap .wp-calendar-nav > span { position: absolute; top: 14px; left: 30px; width: 20px; height: 20px; white-space: nowrap; font-size: 0; } .calendar_wrap .wp-calendar-nav > span.pad { display: none; } .calendar_wrap .wp-calendar-nav > span.wp-calendar-nav-next { left: auto; right: 30px; } .calendar_wrap .wp-calendar-nav > span a { display: block; width: 100%; height: 100%; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-position: center; } .calendar_wrap .wp-calendar-nav > span.wp-calendar-nav-next a { background-image: url('data:image/svg+xml; utf-8, '); } .calendar_wrap .wp-calendar-nav > span a:hover { opacity: 0.7; filter: alpha(opacity=70); } /*=============================== WIDGET CTA ===============================*/ .widget-area .widget_blossomtheme_companion_cta_widget > div, .site-footer .widget_blossomtheme_companion_cta_widget > div { padding: 40px 20px; } .widget-area .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg, .site-footer .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg { position: relative; z-index: 1; } .widget-area .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg::before, .site-footer .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg::before { content: ""; background: rgba(var(--black-color-rgb), 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .widget-area .right .blossomtheme-cta-container, .widget-area .right .blossomtheme-cta-container .widget-title, .site-footer .right .blossomtheme-cta-container, .site-footer .right .blossomtheme-cta-container .widget-title { text-align: right; } .widget-area .centered .blossomtheme-cta-container, .widget-area .centered .blossomtheme-cta-container .widget-title, .site-footer .centered .blossomtheme-cta-container, .site-footer .centered .blossomtheme-cta-container .widget-title { text-align: center; } .widget-area .widget_blossomtheme_companion_cta_widget .widget-title, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title { background: none; padding: 0; font-size: 1.3333em; letter-spacing: 0; text-transform: none; } .widget-area .widget_blossomtheme_companion_cta_widget .widget-title::before, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title::before { display: none; } .widget-area .widget_blossomtheme_companion_cta_widget .widget-title span, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title span { background: none; padding: 0; } .widget-area .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .widget-title, .widget-area .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .text-holder, .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .widget-title, .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .text-holder { color: var(--white-color); } .widget-area .widget_blossomtheme_companion_cta_widget .text-holder p, .site-footer .widget_blossomtheme_companion_cta_widget .text-holder p { margin-top: 0; font-size: 0.8888em; line-height: 1.5; } .widget-area .widget_blossomtheme_companion_cta_widget .btn-cta, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta { display: inline-block; font-size: 0.9em; color: var(--white-color); letter-spacing: 0.5px; background: var(--primary-color); border: 1px solid var(--primary-color); padding: 12px 25px; text-decoration: none; margin: 3px; } .widget-area .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta, .widget-area .widget_blossomtheme_companion_cta_widget .btn-cta:hover, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:hover { background: none; color: var(--primary-color); } .widget-area .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta:hover, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta:hover { background: var(--primary-color); color: var(--white-color); } /*============================== WIDGET CONTACT SOCIAL LINKS ==============================*/ .bttk-contact-widget-wrap p { font-size: 1em; margin-top: 0; margin-bottom: 25px; } .widget_bttk_contact_social_links ul.contact-list li { position: relative; margin-bottom: 20px; padding-left: 40px; } .widget_bttk_contact_social_links ul.contact-list li svg { position: absolute; top: 5px; left: 0; color: var(--primary-color); font-size: 1em; font-weight: normal; } .widget_bttk_contact_social_links ul.contact-list li svg.fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .widget_bttk_contact_social_links ul.social-networks { margin-top: 30px; } .widget_bttk_contact_social_links ul.social-networks li { display: inline-block; vertical-align: middle; margin-right: 1%; margin-bottom: 10px; } .widget_bttk_contact_social_links ul.social-networks li a { width: 45px; height: 45px; display: inline-block; line-height: 45px; text-align: center; border: 1px solid rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); } .widget_bttk_contact_social_links ul.social-networks li a:hover { background: var(--primary-color); border-color: var(--primary-color); color: var(--white-color); } /*=============================== WIDGET CUSTOM CATEGORIES ===============================*/ .widget .blossomthemes-custom-categories-meta-wrap li { margin-bottom: 60px; height: 120px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; background-size: cover !important; } .widget .blossomthemes-custom-categories-meta-wrap li:last-child { margin-bottom: 60px; } .widget .blossomthemes-custom-categories-meta-wrap li::after { display: none; } .widget_bttk_custom_categories ul li a { width: auto; height: auto; background: var(--white-color); padding: 15px 30px; display: flex; flex-wrap: wrap; align-items: center; top: 30px; } .widget_bttk_custom_categories ul li .cat-title { float: none; font-family: var(--secondary-font); font-weight: normal; text-transform: none; font-size: 1em; letter-spacing: 0.3px; padding-right: 10px; } .widget_bttk_custom_categories ul li .post-count { float: none; width: auto; height: auto; background: var(--primary-color); line-height: 1.5; color: var(--white-color); padding: 3px 10px; font-size: 0.8em; letter-spacing: 0.05px; } .widget_bttk_custom_categories ul li a:hover .post-count, .widget_bttk_custom_categories ul li a:hover:focus .post-count { width: auto; background: var(--secondary-color); } /*============================= WIDGET FEATURED PAGE ==============================*/ .widget-area .widget_blossomtheme_featured_page_widget .right, .site-footer .widget_blossomtheme_featured_page_widget .right { text-align: right; } .widget-area .widget_blossomtheme_featured_page_widget .centered, .site-footer .widget_blossomtheme_featured_page_widget .centered { text-align: center; } .widget-area .widget_blossomtheme_featured_page_widget .img-holder, .site-footer .widget_blossomtheme_featured_page_widget .img-holder { margin-bottom: 20px; } .widget-area .widget_blossomtheme_featured_page_widget .sub-title, .site-footer .widget_blossomtheme_featured_page_widget .sub-title { margin-bottom: 5px; } .widget-area .widget_blossomtheme_featured_page_widget .widget-title, .site-footer .widget_blossomtheme_featured_page_widget .widget-title { text-align: inherit; padding: 0; } .widget-area .widget_blossomtheme_featured_page_widget .widget-title::before, .site-footer .widget_blossomtheme_featured_page_widget .widget-title::before { display: none; } .widget-area .widget_blossomtheme_featured_page_widget .widget-title span, .site-footer .widget_blossomtheme_featured_page_widget .widget-title span { background: none; padding: 0; } .widget-area .widget-featured-holder .btn-readmore, .site-footer .widget-featured-holder .btn-readmore { display: inline-block; margin-top: 10px; font-size: 0.9em; position: relative; letter-spacing: 0; padding: 15px 20px; } /*========================== WIDGET ICON TEXT ==========================*/ .widget-area .widget_bttk_icon_text_widget .rtc-itw-inner-holder, .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: flex; flex: 1; flex-direction: column; } .widget-area .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder, .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder { font-size: 3em; line-height: 1; color: var(--primary-color); } .widget-area .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder, .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { order: 2; margin-top: 40px; } .widget-area .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title, .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title { background: none; } .widget-area .widget_bttk_icon_text_widget .text-holder .widget-title, .site-footer .widget_bttk_icon_text_widget .text-holder .widget-title { padding: 0; margin-bottom: 0; text-align: left; } .widget-area .widget_bttk_icon_text_widget .text-holder .widget-title::before, .site-footer .widget_bttk_icon_text_widget .text-holder .widget-title::before { display: none; } .widget-area .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title span, .site-footer .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title span { padding-right: 0; } .widget-area .widget_bttk_icon_text_widget .text-holder .widget-title span, .site-footer .widget_bttk_icon_text_widget .text-holder .widget-title span { background: none; padding: 0; } .widget-area .widget_bttk_icon_text_widget .content p, .site-footer .widget_bttk_icon_text_widget .content p { margin-top: 15px; margin-bottom: 0; } .widget-area .widget_bttk_icon_text_widget .text-holder .btn-readmore, .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore { margin-top: 25px; display: inline-block; color: var(--white-color); font-size: 0.9em; letter-spacing: 1px; background: var(--primary-color); border: none; padding: 10px 20px; text-decoration: none; } .widget-area .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover, .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover { background: var(--secondary-color); color: var(--white-color); } /*=============================== WIDGET POPULAR & RECENT POST ================================*/ .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li { margin-bottom: 30px; } .widget_bttk_popular_post ul.style-one li .post-thumbnail, .widget_bttk_pro_recent_post ul.style-one li .post-thumbnail { width: 105px; height: auto; border-radius: 5px; } .widget_bttk_popular_post .style-three li .entry-header .cat-links, .widget_bttk_popular_post .style-two li .entry-header .cat-links, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links { font-size: 0.8em; margin-bottom: 10px; } .widget_bttk_popular_post .style-three li .entry-header .cat-links a, .widget_bttk_popular_post .style-two li .entry-header .cat-links a, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a { color: rgba(var(--font-color-rgb), 0.7); } .widget_bttk_popular_post .style-three li .entry-header .cat-links a:hover, .widget_bttk_popular_post .style-two li .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a:hover { color: var(--primary-color); } .widget_bttk_popular_post .style-three li .entry-header .cat-links a:not(:last-child)::after, .widget_bttk_popular_post .style-two li .entry-header .cat-links a:not(:last-child)::after, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a:not(:last-child)::after, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a:not(:last-child)::after { content: ","; display: inline-block; } .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title { font-family: var(--primary-color); font-weight: normal; font-size: 0.9em; } .widget_bttk_popular_post ul.style-two li .entry-header .entry-title, .widget_bttk_pro_recent_post ul.style-two li .entry-header .entry-title, .widget_bttk_popular_post ul.style-three li .entry-header .entry-title, .widget_bttk_pro_recent_post ul.style-three li .entry-header .entry-title { font-size: 1em; } .widget_bttk_popular_post ul li .entry-header .entry-meta, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta { margin-top: 5px; font-size: 0.8em; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span { font-size: 1em; letter-spacing: 0; margin-top: 5px; display: inline-block; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a { color: rgba(var(--font-color-rgb), 0.7); } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a:hover, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a:hover { color: var(--primary-color); } /*============================ WIDGET SOCIAL LINKS =============================*/ .widget_bttk_social_links .social-networks { display: flex; flex-wrap: wrap; justify-content: center; } .widget_bttk_social_links ul .bttk-social-icon-wrap { margin: 0; padding: 5px; float: none; font-size: 1em; } .widget_bttk_social_links ul .bttk-social-icon-wrap a { width: 43px; height: 43px; line-height: 43px; background: none; border: 1px solid rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); } .widget_bttk_social_links ul .bttk-social-icon-wrap a:hover { background: var(--primary-color); color: var(--white-color); } /*============================ WIDGET STAT COUNTER ============================*/ .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder { position: relative; padding-left: 70px; display: flex; flex-direction: column-reverse; } .widget_blossomthemes_stat_counter_widget .widget-title, .widget-area .widget_blossomthemes_stat_counter_widget .widget-title { background: none; padding: 0; font-size: 1em; margin-bottom: 0; text-align: left; } .widget_blossomthemes_stat_counter_widget .widget-title span, .widget-area .widget_blossomthemes_stat_counter_widget .widget-title span { padding: 0; } .widget-area .widget_blossomthemes_stat_counter_widget .widget-title::before { display: none; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .icon-holder { font-size: 3em; position: absolute; top: 5px; left: 0; line-height: 1; color: var(--primary-color); } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder .hs-counter { font-size: 2.5em; font-family: var(--secondary-font); line-height: 1; } /*========================== WIDGET TEAM ==========================*/ .widget_bttk_description_widget .bttk-team-holder-modal { display: none !important; } .widget_bttk_description_widget .bttk-team-inner-holder { text-align: center; } .widget_bttk_description_widget .image-holder { margin-bottom: 30px; } .widget_bttk_description_widget .name { display: block; font-weight: 700; line-height: 1.5; } .widget_bttk_description_widget .designation { display: block; font-size: 0.8em; color: rgba(var(--black-color-rgb), 0.6); margin-top: 0; } .widget_bttk_description_widget .description { margin-top: 15px; } .widget_bttk_description_widget .description p { margin-top: 0; margin-bottom: 20px; } .widget_bttk_description_widget .description p:last-child { margin-bottom: 0; } .widget_bttk_description_widget .social-profile { margin-top: 20px; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .widget_bttk_description_widget .social-profile li { margin-right: 5px; margin-bottom: 0; margin-top: 5px; padding-bottom: 0; border-bottom: none; } .widget_bttk_description_widget .social-profile li a { display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 40px; background: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 100%; color: var(--white-color); } .widget_bttk_description_widget .social-profile li a:hover { background: none; color: var(--primary-color); } /*============================= WIDGET TESTIMONIAL =============================*/ .widget_bttk_testimonial_widget .widget-title { display: none; } .widget-area .widget_bttk_testimonial_widget .bttk-testimonial-holder, .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-holder { padding-top: 60px; } .widget-area .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder, .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder { border: 3px solid rgba(var(--font-color-rgb), 0.05); border-radius: 5px; text-align: center; padding: 80px 20px 20px 20px; position: relative; } .widget-area .widget_bttk_testimonial_widget .img-holder, .site-footer .widget_bttk_testimonial_widget .img-holder { width: 150px; border-radius: 5px; overflow: hidden; position: absolute; top: -60px; left: 0; border: 2px solid rgba(var(--font-color-rgb), 0.05); padding: 4px; background: var(--white-color); right: 0; margin: 0 auto; } .widget-area .widget_bttk_testimonial_widget .img-holder img, .site-footer .widget_bttk_testimonial_widget .img-holder img { border-radius: 3px; } .widget-area .widget_bttk_testimonial_widget .testimonial-title, .site-footer .widget_bttk_testimonial_widget .testimonial-title { font-size: 1em; } .widget-area .widget_bttk_testimonial_widget .widget-title, .site-footer .widget_bttk_testimonial_widget .widget-title, .widget-area .widget_bttk_testimonial_widget .testimonial-meta::before, .site-footer .widget_bttk_testimonial_widget .testimonial-meta::before, .widget-area .widget_bttk_testimonial_widget .name + .designation::before, .site-footer .widget_bttk_testimonial_widget .name + .designation::before { display: none; } .widget-area .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .name, .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .name { display: block; font-weight: 700; line-height: 1.4; } .widget-area .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation, .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation { font-size: 0.8em; color: rgba(var(--black-color-rgb), 0.6); } .widget-area .widget_bttk_testimonial_widget .testimonial-content, .site-footer .widget_bttk_testimonial_widget .testimonial-content { margin-top: 15px; } .widget-area .widget_bttk_testimonial_widget .testimonial-content p, .site-footer .widget_bttk_testimonial_widget .testimonial-content p { margin-top: 0; margin-bottom: 20px; } .widget-area .widget_bttk_testimonial_widget .testimonial-content p:last-child, .site-footer .widget_bttk_testimonial_widget .testimonial-content p:last-child { margin-bottom: 0; } /*=============================== WIDGET SEARCH ===============================*/ .widget_search .search-form { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .widget_search .search-form label { width: calc(100% - 50px); } .widget_search .search-form .search-field { border-radius: 5px 0 0 5px; height: 50px; border-color: rgba(var(--primary-color-rgb), 0.3); } .widget_search .search-form .search-submit { width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 0 5px 5px 0; border: none; box-shadow: none; background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; font-size: 0; white-space: nowrap; overflow: hidden; } .widget_search .search-form .search-submit:hover, .widget_search .search-form .search-submit:active, .widget_search .search-form .search-submit:focus { background-color: var(--secondary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; } /*============================== WIDGET TEXT ==============================*/ .widget-area .widget_text .textwidget, .site-footer .widget_text .textwidget { font-size: 0.9em; } .widget_text .textwidget p { margin-top: 0; margin-bottom: 20px; } /*=================================== WIDGET CLIENT LOGO ===================================*/ .widget_blossom_client_logo_widget .blossom-inner-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .widget_blossom_client_logo_widget .image-holder { width: 50%; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .widget_blossom_client_logo_widget .image-holder a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .widget_blossom_client_logo_widget .image-holder:not(.black-white) a:hover { opacity: 0.75; filter: alpha(opacity=75); } .widget_blossom_client_logo_widget .black-white img { -webkit-filter: grayscale(100); -moz-filter: grayscale(100); filter: grayscale(100); } .widget_blossom_client_logo_widget .black-white:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } /*=================================== WIDGET IMAGE TEXT ===================================*/ .widget_bttk_image_text_widget ul .bttk-itw-inner-holder { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .widget_bttk_image_text_widget ul li .btn-readmore { background: var(--white-color); padding: 10px 20px; text-transform: none; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); font-size: 0.9em; font-weight: 400; position: absolute; top: auto; bottom: auto; left: auto; right: auto; margin: auto; width: auto; display: table; line-height: 1.3; letter-spacing: 0.1px; max-width: calc(100% - 60px); border-radius: 0; border: none; font-style: italic; -webkit-transform: none; -moz-transform: none; transform: none; } .widget_bttk_image_text_widget ul li .btn-readmore:hover { background: var(--primary-color); color: var(--white-color); } /*=================================== WIDGET AUTHOR BIO ===================================*/ .bttk-author-bio-holder .image-holder { width: 190px; height: 190px; border-radius: 100%; overflow: hidden; margin: 0 auto 20px auto; } .bttk-author-bio-holder .image-holder img { width: 100%; height: 100%; object-fit: cover; } .bttk-author-bio-holder .text-holder .title-holder { margin-top: 0; margin-bottom: 10px; font-size: 1em; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); letter-spacing: 0.3px; line-height: 1.5; } .bttk-author-bio-holder .author-bio-content { font-size: 1em; letter-spacing: 0.05px; line-height: 1.85; color: var(--font-color); } .bttk-author-bio-holder .author-bio-content p { margin-top: 0; margin-bottom: 20px; } .bttk-author-bio-holder .text-signature { display: inline-block; margin-bottom: 25px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg); } .bttk-author-bio-holder .text-signature img { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); transform: rotate(5deg); } .bttk-author-bio-holder .readmore { line-height: 1.3; color: var(--white-color); background: var(--primary-color); display: block; font-size: 0.8em; letter-spacing: 0.1px; text-decoration: none; padding: 12px 30px; } .bttk-author-bio-holder .readmore:hover { background: var(--secondary-color); } .bttk-author-bio-holder .author-socicons li { margin: 5px 3px; font-size: 0.9em; } .bttk-author-bio-holder .author-socicons li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(var(--primary-color-rgb), 0.15); color: var(--primary-color); } .bttk-author-bio-holder .author-socicons li a:hover { background: var(--primary-color); color: var(--white-color); } /*=============================== WIDGET EMAIL NEWSLETTER ===============================*/ .widget-area .widget .blossomthemes-email-newsletter-wrapper, .site-footer .widget .blossomthemes-email-newsletter-wrapper { padding: 60px 30px; border-radius: 5px; } .widget-area .blossomthemes-email-newsletter-wrapper .img-holder, .site-footer .blossomthemes-email-newsletter-wrapper .img-holder { margin-bottom: 20px; } .widget-area .widget .blossomthemes-email-newsletter-wrapper .text-holder, .site-footer .widget .blossomthemes-email-newsletter-wrapper .text-holder { margin-bottom: 20px; } .widget-area .widget .blossomthemes-email-newsletter-wrapper .text-holder h3, .site-footer .widget .blossomthemes-email-newsletter-wrapper .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 1.5em; line-height: 1.47; letter-spacing: 0.05px; font-family: var(--primary-font); } .widget-area .widget .blossomthemes-email-newsletter-wrapper .text-holder span, .site-footer .widget .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; margin-top: 10px; font-size: 1em; letter-spacing: 0.05px; } .widget-area .widget .blossomthemes-email-newsletter-wrapper form, .site-footer .widget .blossomthemes-email-newsletter-wrapper form { flex-direction: column; } .widget-area .blossomthemes-email-newsletter-wrapper form input[type="text"], .widget-area .blossomthemes-email-newsletter-wrapper form input[type="submit"], .site-footer .blossomthemes-email-newsletter-wrapper form input[type="text"], .site-footer .blossomthemes-email-newsletter-wrapper form input[type="submit"] { margin-top: 15px; border-radius: 5px; } /*=============================== INSTAGRAM SECTION ===============================*/ .instagram-section { display: flex; flex-direction: column-reverse; margin-top: 30px; margin-bottom: 60px; align-items: center; } .instagram-section .btif-instagram-feed { display: flex; flex-direction: column; align-items: center; } .instagram-section .profile-link { display: inline-block; font-size: 1.15em; letter-spacing: 0.05px; line-height: 1.65; color: rgba(var(--font-color-rgb), 0.9); margin-bottom: 30px; } .instagram-section .profile-link:hover { color: var(--primary-color); } .instagram-section .profile-link .insta-icon { color: var(--primary-color); margin-right: 10px; } /*============================== FOOTER TOP ==============================*/ .footer-top { margin-top: 80px; /* margin-bottom: 40px; */ overflow: hidden; } .grid:not(.column-1) { display: flex; flex-wrap: wrap; margin-left: -1.5%; margin-right: -1.5%; } .grid:not(.column-1) .col { margin-left: 1.5%; margin-right: 1.5%; } .grid.column-1 .col { text-align: center; } .grid.column-2 .col { width: 47%; } .grid.column-3 .col { width: 30.33%; } .grid.column-4 .col { width: 22%; } /*============================= FOOTER BOTTOM =============================*/ .footer-bottom { /* border-top: 1px solid rgba(var(--black-color-rgb), 0.05); */ padding: 40px 0; font-size: 0.8em; letter-spacing: 0.4px; line-height: 1.5; } .footer-bottom .container { display: flex; flex-wrap: wrap; align-items: center; } .footer-bottom .site-info { flex: 1; } .footer-bottom .site-info a { display: inline-block; color: var(--primary-color); } .footer-bottom .social-wrap { flex: 1; display: flex; flex-direction: column; align-items: flex-end; } .footer-bottom .social-wrap ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; } .footer-bottom .social-wrap .social-list { margin-left: -10px; margin-right: -10px; } .footer-bottom .social-wrap .social-list li { display: inline-block; margin: 5px 10px; } .footer-bottom .social-wrap .social-list li a { color: var(--font-color); font-size: 1.25em; display: inline-block; text-align: center; padding-left: 5px; padding-right: 5px; } .footer-bottom .social-wrap .social-list li a:hover { color: var(--primary-color); } .footer-bottom .social-wrap .nav-menu li { display: inline-block; line-height: 1.5; margin-top: 5px; position: relative; } .footer-bottom .social-wrap .nav-menu > li:not(:first-child)::before { content: "|"; margin: 0 5px; } .footer-bottom .social-wrap .nav-menu li a { display: inline-block; color: var(--font-color); letter-spacing: 0.4px; } .footer-bottom .social-wrap .nav-menu > li.menu-item-has-children > a { padding-right: 15px; } .footer-bottom .social-wrap .nav-menu li a:hover { color: var(--primary-color); } .footer-bottom .social-wrap .nav-menu > li > .submenu-toggle { top: 6px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .footer-bottom .social-wrap .nav-menu li .sub-menu { display: block; padding-top: 10px; padding-bottom: 10px; text-align: right; position: absolute; bottom: 100%; right: 0; width: 200px; background: var(--white-color); z-index: 99; box-shadow: 0px -4px 10px 5px rgba(var(--black-color-rgb), 0.05); opacity: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-transition: opacity 0.35s ease; -moz-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .footer-bottom .social-wrap .nav-menu ul .sub-menu { right: 100%; bottom: 0; } .footer-bottom .social-wrap .nav-menu li:hover > .sub-menu, .footer-bottom .social-wrap .nav-menu li.hover > .sub-menu { opacity: 1; filter: alpha(opacity=100); clip: inherit; } .footer-bottom .social-wrap .nav-menu ul li { display: block; margin-top: 0; } .footer-bottom .social-wrap .nav-menu ul li a { display: block; padding: 5px 15px; text-decoration: none; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .footer-bottom .social-wrap .nav-menu ul > li:last-child > a { border-bottom: none; } .footer-bottom .social-wrap .nav-menu ul li .submenu-toggle { top: 11px; right: auto; left: 15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } /*==================================== BLOG LISTING ====================================*/ .page-header { position: relative; z-index: 99; } .page-header:not(.has-feature-post) { padding-bottom: 60px; } .page-header::before { content: ""; background: rgba(var(--primary-color-rgb), 0.04); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -99; } .page-header.has-feature-post::before { height: 55%; } .page-header > .container { padding-top: 60px; } .sub-title { margin-bottom: 25px; display: block; font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.75px; color: rgba(var(--font-color-rgb), 0.9); } .post-count { display: block; font-size: 1em; letter-spacing: 0.05px; } .page-header .page-title { margin-top: 0; margin-bottom: 0; font-size: 2.5em; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.85); max-width: 800px; } .page.full-width.centered .page-header .page-title { max-width: 850px; margin-left: auto; margin-right: auto; } .page-header .page-content { margin-top: 30px; font-size: 1.15em; color: rgba(var(--font-color-rgb), 0.9); line-height: 1.65; max-width: 800px; } .page-header .page-content p { margin-top: 20px; margin-bottom: 0; } .site-main article .category { display: block; margin-bottom: 10px; font-size: 0.75em; letter-spacing: 0.75px; line-height: 1.3; } .site-main article .category a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); margin: 5px 0; text-decoration: none; } .site-main article .category a:hover { color: var(--primary-color); } article .entry-title a { word-break: break-word; } .site-main article .entry-title a { text-decoration: none; color: rgba(var(--font-color-rgb), 0.9); } .site-main article .entry-title a:hover { color: var(--primary-color); } .site-main article .entry-meta, .site-main article .entry-footer { display: flex; flex-wrap: wrap; align-items: center; } .grid-layout .site-main article .entry-meta { justify-content: center; } .site-main article .entry-meta > span, .site-main article .entry-footer > span { position: relative; padding-right: 15px; margin-right: 15px; } .site-main article .entry-meta > span:last-child, .site-main article .entry-footer > span:last-child { margin-right: 0; padding-right: 0; } .site-main article .entry-meta > span:not(:last-child)::after, .site-main article .entry-footer > span:not(:last-child)::after { content: ""; background: var(--primary-color); width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: -2px; } .byline { font-size: 0.89em; letter-spacing: 0.3px; } .byline > span a { display: flex; flex-wrap: wrap; align-items: center; color: rgba(var(--font-color-rgb), 0.9); } .byline > span a:hover { color: var(--primary-color); } .byline img { width: 57px; height: 57px; object-fit: cover; border-radius: 100%; /* border: 1px solid rgba(var(--primary-color-rgb), 0.5); */ margin-right: 10px; vertical-align: middle; } .byline .fn { display: inline-block; vertical-align: middle; font-weight: normal; text-decoration: none; } .posted-on, .post-read-time { font-size: 0.89em; letter-spacing: 0.3px; color: rgba(var(--font-color-rgb), 0.9); } .posted-on a { color: rgba(var(--font-color-rgb), 0.9); } .posted-on a:hover { color: var(--primary-color); } .site-main article .entry-content { margin-top: 0; } .site-main article .entry-content p + figure { margin-top: 2em; } .site-main article .entry-content p { margin-top: 1.5em; margin-bottom: 0; } .site-main article .entry-content h1 + p, .site-main article .entry-content h2 + p, .site-main article .entry-content h3 + p, .site-main article .entry-content h4 + p, .site-main article .entry-content h5 + p, .site-main article .entry-content h6 + p { margin-top: 0; } .site-main article .entry-footer { margin-top: 20px; } /*====================================== ARCHIVE PAGE ======================================*/ .archive .page-header:not(.has-feature-post), .search .page-header:not(.has-feature-post) { padding-bottom: 0; } .archive .page-header .page-title, .search .page-header .search-form { margin-bottom: 60px; } .archive.category .page-header .page-title::before, .archive.category .page-header .page-title::after { content: '"'; } .archive .page-header .post-count, .search .page-header .post-count { margin-bottom: 30px; } .page-header .author-section { margin-top: 0; border-top: none; padding-top: 0; max-width: 930px; } .page-header .author-section .author-img { width: 170px; height: 170px; } .page-header .author-section .author-img + .author-content-wrap { width: calc(100% - 170px); padding-left: 60px; } .page-header .author-section .author-name { font-family: var(--secondary-font); letter-spacing: 0.1px; font-size: 1.5em; color: rgba(var(--font-color-rgb), 0.85); } .archive.author .post-count { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); max-width: 930px; } /*================================= SEARCH PAGE =================================*/ .search .page-header .search-form { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; max-width: 970px; } .search .page-header .search-form label { width: calc(100% - 80px); } .search .page-header .search-form .search-field { padding-left: 25px; padding-right: 25px; border-radius: 5px 0 0 5px; height: 100%; border-color: rgba(var(--primary-color-rgb), 0.3); font-family: var(--primary-font); font-size: 1.5em; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.9); } .search .page-header .search-form .search-submit { width: 80px; height: 80px; padding: 0; text-align: center; border-radius: 0 5px 5px 0; border: none; box-shadow: none; background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 30px; background-position: center; font-size: 0; white-space: nowrap; overflow: hidden; } .search .page-header .search-form .search-submit:hover, .search .page-header .search-form .search-submit:active, .search .page-header .search-form .search-submit:focus { background-color: var(--secondary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 30px; background-position: center; } .site-main article .category a:not(:last-child)::after { content: "+"; margin-right: 3px; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; margin-left: 7px; vertical-align: 1.5px; font-size: 1em; } /*================================== CLASSIC LAYOUT ==================================*/ .blog-classic-layout .site-main article { margin-bottom: 75px; } .blog-classic-layout .site-main article .post-thumbnail { margin-bottom: 30px; } .blog-classic-layout .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.3em; } /*===================================== SINGLE POST =====================================*/ .single-post .site-header { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07); } .single .site-main article .entry-header { background: var(--white-color); position: relative; padding: 15px 60px 0; width: 92%; margin: 0 auto; } .single.rightsidebar .site-main article .entry-header, .single.leftsidebar .site-main article .entry-header { padding-left: 40px; padding-right: 40px; } .single .site-main article .entry-header::before { content: ""; background: var(--white-color); width: 100%; height: 40px; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; } .single .site-main article .category { display: block; margin-bottom: 10px; font-size: 0.75em; letter-spacing: 0.75px; line-height: 1.3; } .single .site-main article .category a { display: inline-block; color: rgba(var(--font-color-rgb), 0.9); margin: 5px 0; } .single .site-main article .category a:hover { color: var(--primary-color); } .single .site-main article .category a:not(:last-child)::after { content: "+"; margin-right: 3px; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; margin-left: 7px; vertical-align: 1.5px; font-size: 1em; } .single .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-size: 2.5em; letter-spacing: 0.05px; line-height: 1.35; } .single.rightsidebar .site-main article .entry-title, .single.leftsidebar .site-main article .entry-title { font-size: 2.2em; } .single .site-main article .entry-title a { text-decoration: none; color: rgba(var(--font-color-rgb), 0.9); } .single .site-main article .entry-title a:hover { color: var(--primary-color); } .single .site-main article .entry-meta { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; } .single .site-main article .entry-meta > span { font-size: 0.85em; letter-spacing: 0.3px; color: rgba(var(--font-color-rgb), 0.9); display: inline-block; position: relative; line-height: 1.3; padding-right: 15px; margin-right: 15px; } .single .site-main article .entry-meta > span a { color: rgba(var(--font-color-rgb), 0.9); display: inline-block; } .single .site-main article .entry-meta > span.byline a { display: flex; flex-wrap: wrap; align-items: center; } .single .site-main article .entry-meta > span a:hover { color: var(--primary-color); } .single .site-main article .entry-meta > span.byline img { width: 57px; height: 57px; object-fit: cover; border-radius: 100%; margin-right: 15px; } .single .site-main article .entry-meta > span.byline .fn { font-weight: normal; } .single .site-main article .entry-meta > span:not(:last-child)::after { content: ""; background: var(--primary-color); width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .single .site-main .has-meta .content-wrap { position: relative; } .single .site-main .has-meta .article-meta { position: absolute; top: 0; left: 0; width: 70px; height: 100%; text-align: center; } .single.full-width.centered .site-main .has-meta .article-meta { left: -80px; } .single.rightsidebar .site-main .has-meta .article-meta { left: -100px; } .single.leftsidebar .site-main .has-meta .article-meta { left: auto; right: -100px; } .single .site-main .has-sticky-meta .article-meta-inner { -webkit-position: sticky; position: sticky; top: 50px; } .article-meta .byline { display: block; line-height: 1.3; margin-bottom: 10px; } .single:not(.style-one) .site-content .article-meta .byline { margin-bottom: 20px; } .article-meta .byline a { color: rgba(var(--font-color-rgb), 0.9); } .article-meta .byline a:hover { color: var(--primary-color); } .article-meta .byline img { margin: 0 auto 10px; } .article-meta .comment-box { display: block; margin-top: 20px; line-height: 1.3; font-size: 0.78em; } .article-meta .comment-box svg { margin-bottom: 5px; overflow: visible; } .article-meta .comment-box a { display: block; color: rgba(var(--font-color-rgb), 0.9); text-decoration: none; } .article-meta .comment-box a:hover { color: var(--primary-color); } .single:not(.style-one) .site-content .article-meta .post-share { background: rgba(var(--primary-color-rgb), 0.03); padding-top: 20px; display: block; } .single .site-main .article-meta .social-networks { margin: 0; padding: 0; list-style: none; position: relative; } .single.style-one .site-main .article-meta .social-networks::after { content: ""; background: rgba(var(--secondary-color-rgb), 0.6); width: 4px; height: 4px; border-radius: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; box-shadow: 6px 0px rgba(var(--secondary-color-rgb), 0.6), -6px 0px rgba(var(--secondary-color-rgb), 0.6); } .single .site-main .article-meta .social-networks li { margin-bottom: 20px; display: inline-block; } .single .site-main .article-meta .social-networks li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #44576B; } .single .site-main .article-meta .social-networks li a:hover { color: var(--primary-color); } .single .site-main article .entry-content { margin-top: 30px; } .single .site-main article .entry-content, .single .site-main article .entry-footer, .single .content-area .author-section, .single .content-area .post-navigation, .single .content-area .additional-post, .single .content-area .comments-area { max-width: 700px; margin-left: auto; margin-right: auto; } .single .site-main article .entry-content p:first-child { margin-top: 0; } .dropcap { float: left; font-size: 3.3em; line-height: 0.8; margin-right: 10px; margin-bottom: 5px; margin-top: 10px; color: var(--secondary-color); } .highlight { background: rgba(var(--primary-color-rgb), 0.1); } .site-main .entry-content table { margin-top: 1.3em; } .site-main .entry-content ul { margin: 1.3em 0 1.5em 1.5em; padding: 0; list-style: none; } .site-main .entry-content ul > li { position: relative; margin-bottom: 10px; padding-left: 1em; } .site-main .entry-content ul > li::before { content: ""; background: var(--primary-color); width: 6px; height: 6px; position: absolute; top: 15px; left: 0; border-radius: 100%; } .site-main .entry-content ol { margin: 1.3em 0 1.5em 1.5em; padding: 0; list-style: none; counter-reset: olCount; } .site-main .entry-content ol > li { margin-bottom: 10px; position: relative; counter-increment: olCount; padding-left: 1.5em; font-size: 1em; } .site-main .entry-content ol > li::before { content: counter(olCount)"."; position: absolute; top: 0; left: 0; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.8); letter-spacing: 0.1px; font-size: 0.9em; letter-spacing: 0.3px; } .site-main .entry-content ul ul, .site-main .entry-content ul ol, .site-main .entry-content ol ol, .site-main .entry-content ol ul { margin-top: 10px; margin-bottom: 0; } .single .site-main .cat-tags { display: block; } .single .site-main .cat-tags .tag-title { font-size: 1em; letter-spacing: 0.3px; display: inline-block; vertical-align: middle; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.9); line-height: 1.3; } .single .site-main .cat-tags a { display: inline-block; vertical-align: middle; position: relative; color: rgba(var(--font-color-rgb), 0.9); text-transform: uppercase; font-size: 0.75em; line-height: 1.5; text-decoration: none; margin-left: 20px; padding: 0 3px; letter-spacing: 0.75px; } .single .site-main .cat-tags a:hover { color: var(--primary-color); } .single .site-main .cat-tags a:not(:last-child)::before { content: ""; width: 4px; height: 4px; background: var(--primary-color); border-radius: 100%; position: absolute; top: 10px; right: -15px; } .author-signature { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.1); max-width: 700px; margin-left: auto; margin-right: auto; } .author-signature.center { text-align: center; } .author-signature.right { text-align: right; } .author-signature .social-list { margin: 15px 0 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .entry-content .author-signature .social-list { margin: 15px 0 0 0; } .author-signature.center .social-list { justify-content: center; } .author-signature.right .social-list { justify-content: flex-end; } .author-signature .social-list li { margin: 5px; } .entry-content .author-signature .social-list li { padding-left: 0; } .entry-content .author-signature .social-list li::before { display: none; } .author-signature .social-list li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: rgba(var(--primary-color-rgb), 0.1); color: var(--secondary-color); font-size: 0.8em; } .author-signature .social-list li a:hover { background: var(--primary-color); color: var(--white-color); } /*=============================== SINGLE POST STYLE ONE ===============================*/ .single.style-one .site-main article .post-thumbnail { margin-bottom: 40px; } .single.style-one .site-main article .entry-header { background: none; padding: 0; width: 100%; } .single.style-one .site-main article .entry-header::before { display: none; } .single.style-one .site-main .has-meta .article-meta { left: -120px; } .single.style-one.full-width.centered .site-main .has-meta .article-meta { left: -100px; } .single.style-one .site-main article .entry-content, .single.style-one .site-main article .entry-footer, .single.style-one .content-area .author-section, .single.style-one .content-area .post-navigation, .single.style-one .content-area .additional-post, .single.style-one .content-area .comments-area { max-width: 100%; } /*================================ AUTHOR SECTION ================================*/ .author-section { margin-top: 60px; border-top: 1px solid rgba(var(--secondary-color-rgb), 0.2); padding: 60px 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-start; } .author-section .author-img { margin: 0; width: 115px; height: 115px; overflow: hidden; border-radius: 100%; } .author-section .author-img img { width: 100%; height: 100%; object-fit: cover; } .author-section .author-img + .author-content-wrap { width: calc(100% - 115px); padding-left: 30px; } .author-section .author-title-wrap { display: flex; flex-wrap: wrap; align-items: center; } .author-section .author-name-holder { flex: 1; } .author-section .subtitle { display: block; font-size: 0.8em; font-family: var(--secondary-font); font-style: italic; letter-spacing: 0.3px; color: rgba(var(--font-color-rgb), 0.85); line-height: 1.5; margin-bottom: 5px; } .author-section .author-name { margin-top: 0; margin-bottom: 0; font-family: var(--primary-font); font-size: 1.4em; letter-spacing: 0.05px; color: rgba(var(--font-color-rgb), 0.9); } .author-section .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .author-section .social-list li { font-size: 0.8em; margin: 5px; } .author-section .social-list li a { display: inline-block; padding: 5px; line-height: 1; color: var(--secondary-color); } .author-section .social-list li a:hover { color: var(--primary-color); } .author-section .author-content { margin-top: 30px; font-size: 1em; letter-spacing: 0.05px; } .author-section .author-content p { margin-top: 0; margin-bottom: 20px; } .author-section .author-content p:last-child { margin-bottom: 0; } /*=================================== ERROR 404 PAGE ===================================*/ .error404 .site-header { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.07); } .not-found .page-header { display: flex; flex-wrap: wrap; align-items: flex-end; } .content-area .not-found .page-header { margin-bottom: 30px; border-bottom: none; } .not-found .page-header:not(.has-feature-post) { padding-bottom: 0; margin-bottom: 30px; } .not-found.error-404 .page-header { margin-bottom: 80px; } .not-found .page-header::before { display: none; } .search-no-results .not-found .page-header .page-title { font-size: 2em; } .not-found .header-title-wrap { flex: 1; padding-right: 40px; } .not-found .page-header .sub-title { margin-bottom: 10px; text-transform: none; font-size: 1em; letter-spacing: 0.15px; color: rgba(var(--font-color-rgb), 0.9); } .content-area .not-found .page-header .page-content { margin-top: 15px; font-size: 1.15em; } .content-area .not-found .page-header .page-content p { margin-top: 15px; } .not-found .page-header .btn-readmore { font-size: 0.9em; padding: 25px 45px; } .not-found .error-img { margin: 0 auto; text-align: center; max-width: 970px; } .not-found .error-404-search { max-width: 770px; margin: 0 auto; background: var(--white-color); position: relative; padding: 10px 80px 50px; border-radius: 0 0 5px 5px; border: 1px solid rgba(var(--primary-color-rgb), 0.08); border-top: none; } .not-found .error-404-search::before { content: ""; background: var(--white-color); width: 100%; height: 40px; position: absolute; bottom: 100%; left: 0; right: 0; border: 1px solid rgba(var(--primary-color-rgb), 0.08); border-bottom: none; border-radius: 5px 5px 0 0; } .not-found .error-search-title { font-size: 0.75em; letter-spacing: 0.75px; color: rgba(var(--font-color-rgb), 0.9); margin-bottom: 20px; } .not-found .search-form { display: -webkit-box; display: flex; flex: 1; flex-wrap: wrap; } .search-no-results .not-found .search-form { display: none; } .not-found .search-form label { width: calc(100% - 70px); } .not-found .search-form .search-field { padding-left: 25px; padding-right: 25px; border-radius: 5px 0 0 5px; height: 100%; border-color: rgba(var(--primary-color-rgb), 0.3); font-family: var(--primary-font); font-size: 0.85em; letter-spacing: 0.55px; color: rgba(var(--font-color-rgb), 0.9); } .not-found .search-form .search-submit { width: 70px; height: 70px; padding: 0; text-align: center; border-radius: 0 5px 5px 0; border: none; box-shadow: none; background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 30px; background-position: center; font-size: 0; white-space: nowrap; overflow: hidden; } .not-found .search-form .search-submit:hover, .not-found .search-form .search-submit:active, .not-found .search-form .search-submit:focus { background-color: var(--secondary-color); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 30px; background-position: center; } .error404 .additional-post { border-top: 0; padding-top: 0; margin-top: 100px; } .error404 .additional-post .post-title { font-size: 2em; font-family: var(--secondary-font); letter-spacing: 0.1px; } .error404 .additional-post .section-grid { margin-left: -20px; margin-right: -20px; } .error404 .additional-post .section-grid article { margin-top: 60px; margin-left: 20px; margin-right: 20px; width: calc(33.33% - 40px); } .error404 .additional-post .section-grid article .post-thumbnail { border-radius: 0; } .error404 .additional-post .section-grid article .entry-header { padding-left: 40px; padding-right: 40px; width: 90%; } .error404 .additional-post .section-grid article .entry-header::before { height: 20px; } .wp-block-gallery, .blocks-gallery-grid { margin-top: 1.5em; } iframe { width: 100%; } .content-area .page-header { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05); } .content-area .page-header::before { display: none; } .content-area .page-header .page-content { font-size: 1em; margin-top: 20px; } /*======================================= PAGE TEMPLATE PORTFOLIO =======================================*/ .page-template-blossom-portfolio .page-header .page-title { max-width: 100%; text-align: center; } .portfolio-holder { margin-top: 60px; margin-bottom: 90px; } .portfolio-sorting .button { font-size: 1em; } .portfolio-sorting .button.is-checked, .portfolio-sorting .button:hover { color: var(--primary-color); border-bottom: 1px solid; line-height: 1; min-height: auto; } .portfolio-item .portfolio-text-holder { font-weight: normal; font-size: 1em; } .portfolio-item .portfolio-cat a { font-size: 0.9em; } .portfolio-text-holder .portfolio-img-title { font-weight: normal; font-size: 1.3em; line-height: 1.3; } /*====================================== SINGLE PORTFOLIO PAGE ======================================*/ .single-blossom-portfolio .site-content { margin-bottom: 80px; } .single-blossom-portfolio .portfolio-holder { margin-top: 80px; margin-bottom: 0; } .single-blossom-portfolio .portfolio-holder .entry-header .category a { display: inline-block; color: var(--secondary-color); } .single-blossom-portfolio .portfolio-holder .entry-header .category a:hover { color: var(--primary-color); } .single-blossom-portfolio .portfolio-holder .entry-header .category a:not(:last-child)::after { content: ","; margin-right: 10px; } /*====================================== RESPONSIVE STYLESHEET ======================================*/ @media screen and (max-width: 1650px) { /*================================= ABOUT SECTION =================================*/ .about-section .section-grid { padding: 0 7.8%; } } @media screen and (max-width: 1450px) { /*==================================== STATIC CTA BANNER STYLE ONE ===================================*/ .site-banner.static-cta.style-one::after { top: -35%; right: -45%; } /*================================= ABOUT SECTION =================================*/ .about-section .featured-holder-wrap .text-holder { padding: 80px; } /*=================================== TESTIMONIAL SECTION ===================================*/ .test-overlay { right: 2%; } /*=============================== SINGLE POST STYLE ONE ===============================*/ .single.style-one .site-main .has-meta .article-meta { left: -95px; } } @media screen and (max-width: 1366px) { /*=============================== SITE HEADER STYLE ONE ================================*/ .site-header.style-one .header-main .main-navigation + .header-search { padding-left: 0; } .site-header.style-one .header-main .btn-transparent { padding-left: 18px; padding-right: 18px; font-size: 0.9em; } /*================================== SITE HEADER STYLE TWO ==================================*/ .site-header.style-two .header-main .btn-readmore { padding: 12px 20px; font-size: 0.9em; } /*==================================== STATIC CTA BANNER STYLE ONE ===================================*/ .site-banner.static-cta.style-one::after { right: -47%; top: -30%; } /*================================= ABOUT SECTION =================================*/ .about-section .section-grid { padding-left: 3%; padding-right: 3%; } /*================================= PROMO SECTION =================================*/ .promo-section::after { left: -6%; } /*================================= BLOG SECTION ==================================*/ .blog-section::after { left: -8%; } /*=================================== SINGLE POST ===================================*/ .single.rightsidebar .site-main .has-meta .article-meta { left: -55px; } .single.leftsidebar .site-main .has-meta .article-meta { right: -55px; } /*=============================== SINGLE POST STYLE ONE ===============================*/ .single.style-one .site-main .has-meta .content-wrap { padding-left: 80px; } .single.style-one.full-width.centered .site-main .has-meta .content-wrap { padding-left: 0; } .single.style-one.full-width.centered .site-main .has-meta .article-meta { left: -80px; } } @media screen and (max-width: 1280px) { /*============================= PROMO SECTION =============================*/ .promo-section .owl-carousel .owl-nav [class*="owl-"], .promo-section .owl-carousel .owl-nav button[class*="owl-"] { left: -43px; width: 40px; height: 40px; line-height: 40px; } .promo-section .owl-carousel .owl-nav .owl-next, .promo-section .owl-carousel .owl-nav button.owl-next { right: -43px; left: auto; } /*==================================== ABOUT SECTION ====================================*/ .about-section .featured-holder-wrap .text-holder { padding: 60px; } /*===================================== SINGLE POST =====================================*/ .single.rightsidebar .site-main .has-meta .content-wrap { padding-left: 40px; } .single.leftsidebar .site-main .has-meta .content-wrap { padding-right: 40px; } .single.rightsidebar .site-main .has-meta .article-meta { left: -45px; } .single.leftsidebar .site-main .has-meta .article-meta { right: -45px; } } @media screen and (max-width: 1260px) { /*===================================== SLIDER BANNER =====================================*/ .site-banner.banner-slider .banner-caption { padding: 60px 40px; } .site-banner.banner-slider .banner-caption .item-title { font-size: 2em; } .site-banner.banner-slider .banner-caption .banner-text { font-size: 1.15em; } .site-banner .owl-carousel .owl-nav .owl-prev, .site-banner .owl-carousel .owl-nav button.owl-prev { left: 0; } .site-banner .owl-carousel .owl-nav .owl-next, .site-banner .owl-carousel .owl-nav button.owl-next { right: 0; } /*============================= PROMO SECTION =============================*/ .promo-section .owl-carousel .owl-nav [class*="owl-"], .promo-section .owl-carousel .owl-nav button[class*="owl-"] { left: -1%; } .promo-section .owl-carousel .owl-nav .owl-next, .promo-section .owl-carousel .owl-nav button.owl-next { right: -1%; left: auto; } /*=================================== TESTIMONIAL SECTION ===================================*/ .test-overlay { right: 0; } /*===================================== SINGLE POST =====================================*/ .single.rightsidebar .site-main .has-meta .content-wrap { padding-left: 90px; } .single.leftsidebar .site-main .has-meta .content-wrap { padding-right: 90px; } .single.rightsidebar .site-main .has-meta .article-meta { left: 0; } .single.leftsidebar .site-main .has-meta .article-meta { right: 0; } } @media screen and (max-width: 1199px) { .container { max-width: 1000px; } /*================================ SIDEBARS ===============================*/ .rightsidebar #primary { width: calc(100% - 320px); padding-right: 60px; } .rightsidebar #secondary, .leftsidebar #secondary { width: 320px; } .leftsidebar #primary { width: calc(100% - 320px); padding-left: 60px; } /*==================================== SITE HEADER STYLE ONE =====================================*/ .site-header.style-one .header-main .main-navigation .nav-menu > li > .submenu-toggle { right: 5px; } /*================================== SITE HEADER STYLE TWO ===================================*/ .site-header.style-two .header-top .header-right .header-social + .header-search { margin-left: 20px; } .site-header.style-two .header-main .main-navigation .nav-menu > li { font-size: 0.85em; } .site-header.style-two .header-main .main-navigation .nav-menu > li > .submenu-toggle { right: 5px; } .main-navigation ul li a { padding-left: 20px; padding-right: 20px; } .main-navigation .nav-menu .submenu-toggle { font-size: 0.7em; } .main-navigation .nav-menu > li > .submenu-toggle { right: 5px; } .site-banner.static-cta .button-wrap .btn-readmore { padding: 12px 15px; } /*================================== ABOUT SECTION ==================================*/ .about-section .featured-holder-wrap .text-holder { padding: 60px 40px; } /*================================ FOOTER NEWSLETTER SECTION ================================*/ .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { flex: 1 1 40%; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2em; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder + form { padding-left: 40px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form { flex: 1 1 55%; } } @media screen and (min-width: 1025px) { .mobile-header { display: none; } .main-navigation .nav-menu .submenu-toggle { pointer-events: none; display: none; } .main-navigation .nav-menu .submenu-toggle { pointer-events: none; display: none; } .main-navigation .nav-menu li.menu-item-has-children::before { position: absolute; content: ''; top: 31px; right: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M5,0l5,5H0Z' transform='translate(10 5) rotate(180)' fill='%23171717'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; padding: 0; line-height: 1.15; height: 10px; width: 13px; font-size: 0.7778em; } .main-navigation .nav-menu li ul.sub-menu li.menu-item-has-children::before { top: 25px; transform: rotate(270deg); -webkit-transform: rotate(270deg); } .site-header:not(.style-seven):not(.style-three) .main-navigation > div, .site-header:not(.style-seven):not(.style-three) .main-navigation ul .sub-menu { display: block !important; } .site-header:not(.style-seven):not(.style-three) .main-navigation ul .sub-menu { height: auto !important; } .main-navigation .toggle-btn { display: none; } } @media screen and (max-width: 1024px) { .container { max-width: 768px; padding: 0 15px; } section[class*="-section"] { margin-top: 100px; margin-bottom: 100px; } /*================================ SIDEBARS ===============================*/ .rightsidebar #primary { float: none; width: 100%; padding-right: 0; } .rightsidebar #secondary { float: none; width: 100%; } .leftsidebar #primary { float: none; width: 100%; padding-left: 0; } .leftsidebar #secondary { float: none; width: 100%; } /*================================ SITE HEADER ================================*/ .site-header { display: none; } .mobile-header { padding: 20px 0; position: relative; } .mobile-header .container { display: flex; flex-wrap: wrap; align-items: center; } .mobile-header .site-branding { flex: 1; padding-right: 20px; } .mobile-header .mbl-header-right { display: flex; flex-wrap: wrap; align-items: center; } .mobile-header .header-search { margin-left: 10px; } .mobile-header .header-search .header-search-inner { padding-left: 15px; padding-right: 15px; } .mobile-header .mbl-header-right .toggle-btn + .header-cart { margin-left: 10px; } .mobile-header .toggle-btn { padding: 0; width: 30px; height: 30px; background: none; border: none; position: relative; min-height: auto; color: rgba(var(--black-color-rgb), 0.78); font-size: 0.89em; font-family: var(--primary-font); text-transform: uppercase; letter-spacing: 0.8px; } .mobile-header .toggle-btn:hover, .mobile-header .toggle-btn:focus { color: var(--primary-color); } .mobile-header .toggle-btn .toggle-bar { width: 25px; height: 2px; background: #44576B; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .mobile-header .toggle-btn .toggle-bar:nth-child(2) { top: -16px; } .mobile-header .toggle-btn .toggle-bar:last-child { bottom: -16px; } .mobile-header .toggle-btn:hover .toggle-bar, .mobile-header .toggle-btn:focus .toggle-bar { background: var(--primary-color); } .mobile-header .mobile-header-popup { position: fixed; top: 0; left: 0; background: var(--white-color); width: 320px; box-shadow: 10px 0 20px rgba(var(--black-color-rgb), 0.1); height: 100%; z-index: 9999; overflow-y: auto; overflow-x: hidden; display: none; } .mobile-header-popup .mbl-header-inner { width: 320px; padding-top: 32px; } .mobile-header .mbl-header-top { display: flex; flex-wrap: wrap; align-items: center; padding: 20px; } .mobile-header-popup .close { margin: 0 0 20px auto; padding: 0; display: block; width: 25px; height: 25px; min-height: auto; color: inherit; position: relative; right: 10px; background: none; border: none; cursor: pointer; } .mobile-header-popup .close::before, .mobile-header-popup .close::after { content: ""; background: rgba(var(--black-color-rgb), 0.7); width: 100%; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .mobile-header-popup .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-header-popup .close:hover::before, .mobile-header-popup .close:hover::after { background: var(--primary-color); } .mobile-header .mbl-header-top .header-right { display: flex; flex-wrap: wrap; flex: 1; justify-content: flex-end; } .mobile-header .header-search .search-toggle:hover svg path, .mobile-header .header-cart a:hover svg path { fill: var(--primary-color); } .mobile-header .main-navigation .nav-menu { display: block; } .mobile-header .main-navigation ul li { display: block; font-size: 0.9em; } .mobile-header .main-navigation ul li a { display: block; padding: 15px 20px; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.05); } .mobile-header .main-navigation .submenu-toggle path { fill: rgba(var(--black-color-light-rgb), 0.9); } .mobile-header .main-navigation ul .sub-menu { position: static; width: 100%; background: none; box-shadow: none; display: none; opacity: 1; filter: alpha(opacity=100); -webkit-transition: none; -moz-transition: none; transition: none; } .mobile-header .main-navigation ul .sub-menu li { font-size: 1em; } .mobile-header .main-navigation ul li.menu-item-has-children > a { padding-right: 50px; } .main-navigation .nav-menu > li > .submenu-toggle { right: 15px; } .mobile-header .main-navigation .submenu-toggle { height: 55px; width: 30px; top: 0; right: 15px; -webkit-transform: none; -moz-transform: none; transform: none; } .mobile-header .main-navigation .nav-menu ul li .submenu-toggle { top: 0; } .mobile-header .main-navigation .submenu-toggle.active { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } .mobile-header .secondary-menu { display: none; } .mobile-header .mbl-header-bottom { padding: 20px; } .mobile-header .button-wrap { margin-top: 25px; padding-left: 20px; padding-right: 20px; } .mobile-header .button-wrap .btn-readmore { display: block; padding: 15px 20px; min-height: auto; text-align: center; } .mobile-header .header-social { margin-top: 10px; } .mobile-header .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .mobile-header .social-list li { margin: 5px; font-size: 0.9em; } .mobile-header .social-list li a { display: inline-block; line-height: 1.3; padding: 5px 7px; color: rgba(var(--black-color-rgb), 0.7); text-decoration: none; } .mobile-header .social-list li a:hover { color: var(--primary-color); } .mobile-header .header-center { display: flex; flex-wrap: wrap; align-items: center; margin: 20px -10px 0; } .mobile-header .header-block { margin: 10px 0; font-size: 0.9em; letter-spacing: 0.5px; } .mobile-header .header-block svg { color: var(--secondary-color); margin-right: 10px; } .mobile-header .header-block svg.fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .mobile-header .header-block a { color: var(--secondary-color); } .mobile-header .header-block a:hover { color: var(--primary-color); } .mobile-header nav .toggle-btn { display: none; } /*================================= STATIC CTA BANNER STYLE ONE =================================*/ .site-banner.static-cta.style-one::after { width: 800px; height: 800px; } .site-banner.static-cta.style-one .item { padding-top: 40px; padding-bottom: 20px; } .site-banner.static-cta.style-one .wp-custom-header { flex: 1 0 50%; } .site-banner.static-cta.style-one .banner-caption { flex: 1 0 50%; } .site-banner.static-cta.style-one .wp-custom-header + .banner-caption { padding-right: 40px; } .site-banner.static-cta.style-one.align-left .wp-custom-header + .banner-caption { padding-right: 0; padding-left: 40px; } .site-banner .banner-caption .sub-title { font-size: 1.1em; } .site-banner .banner-caption .item-title { font-size: 1.9em; } .site-banner.static-cta .banner-caption .banner-text { font-size: 1em; } .site-banner.static-cta.style-one .button-wrap { margin-top: 40px; } /*===================================== SLIDER BANNER =====================================*/ .site-banner.banner-slider { padding-top: 60px; padding-bottom: 60px; } .site-banner.banner-slider .banner-caption { padding: 40px 20px; } .site-banner.banner-slider .banner-caption .item-title { font-size: 1.5em; } .site-banner.banner-slider .banner-caption .banner-text { font-size: 1em; line-height: 1.65; } .site-banner.banner-slider .button-wrap .btn-readmore { padding: 15px 20px; } .site-banner .owl-carousel .owl-nav [class*="owl-"], .site-banner .owl-carousel .owl-nav button[class*="owl-"] { width: 40px; height: 40px; line-height: 40px; } .site-banner .owl-carousel .owl-nav .owl-prev, .site-banner .owl-carousel .owl-nav button.owl-prev { left: -15px; } .site-banner .owl-carousel .owl-nav .owl-next, .site-banner .owl-carousel .owl-nav button.owl-next { right: -15px; } /*================================ COURSE LEVEL SECTION ================================*/ section.course-level-section { margin-bottom: 50px; } .course-level-section .section-grid { margin-left: 15px; margin-right: 15px; } .course-level-section .widget_text { margin-left: 15px; margin-right: 15px; } .course-level-section .widget_bttk_icon_text_widget { margin-left: 15px; margin-right: 15px; width: calc(33.33% - 30px); } /*================================= ABOUT SECTION =================================*/ .about-section .featured-holder-wrap, .about-section .right .featured-holder-wrap { flex-direction: column; } .about-section .featured-holder-wrap .img-holder { padding-top: 0; flex: auto; width: 90%; padding-top: auto; margin-right: auto; } .about-section .right .featured-holder-wrap .img-holder { margin-right: auto; margin-left: auto; } .about-section .featured-holder-wrap .text-holder { flex: auto; width: 100%; padding: 60px 10%; margin-bottom: 0; margin-left: 0; margin-right: 0; } .about-section .centered .featured-holder-wrap .text-holder { width: 100%; } .about-section .right .featured-holder-wrap .text-holder { margin-left: 0; margin-right: 0; } .about-section .featured-holder-wrap .img-holder + .text-holder::after, .about-section .right .featured-holder-wrap .img-holder + .text-holder::after { left: 0; right: 0; top: -80px; width: auto; height: 80px; } /*=========================== CTA FULL SECTION ===========================*/ section.cta-full-section { margin-top: 0; margin-bottom: 0; } .cta-full-section .widget .blossomtheme-cta-container { max-width: 768px; padding-left: 15px; padding-right: 15px; } .cta-full-section .widget_blossomtheme_companion_cta_widget > div { padding-top: 60px; padding-bottom: 60px; } section.cta-full-section .widget_blossomtheme_companion_cta_widget .widget-title { font-size: 2em; } .cta-full-section .widget_blossomtheme_companion_cta_widget .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .text-holder { width: 65%; } .cta-full-section .widget_blossomtheme_companion_cta_widget .text-holder p { font-size: 1.1em; } .cta-full-section .widget_blossomtheme_companion_cta_widget .left .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .left .text-holder { padding-left: 0; text-align: left; } .cta-full-section .widget_blossomtheme_companion_cta_widget .button-wrap { width: 35%; right: 15px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta { padding: 15px 20px; font-size: 0.85em; } /*================================ TESTIMONIAL SECTION ================================*/ section.testimonial-section { margin: 0; padding: 100px 0; } .test-overlay { margin-top: 100px; } .testimonial-section .bttk-testimonial-inner-holder .img-holder { max-width: 40%; } .testimonial-section .bttk-testimonial-inner-holder .img-holder + .text-holder { max-width: calc(60% - 40px); margin-left: 40px; } .testimonial-section .widget_bttk_testimonial_widget:nth-child(2n+1) .img-holder + .text-holder { margin-right: 40px; } .testimonial-section .bttk-testimonial-inner-holder .text-holder::before { left: 0; z-index: -1; } .widget_bttk_testimonial_widget .testimonial-title { font-size: 1.2em; } .widget_bttk_testimonial_widget .testimonial-meta { font-size: 1em; } /*=============================== CTA WIDE SECTION ===============================*/ .cta-wide-section .widget_blossomtheme_companion_cta_widget > div { padding: 80px 60px; } section.cta-wide-section .blossomtheme-cta-container .widget-title { font-size: 2em; } /*=============================== BLOG SECTION ===============================*/ .blog-section .section-grid { grid-gap: 20px; } .blog-section article .entry-header { padding-left: 10px; padding-right: 10px; } /*================================ SHOP SECTION ================================*/ section.shop-section { padding-top: 100px; padding-bottom: 100px; } /*================================== FOOTER NEWSLETTER SECTION ==================================*/ section.footer-newsletter-section { margin-top: 0; margin-bottom: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .container { flex-direction: column; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { flex: auto; width: 100%; margin-bottom: 20px; text-align: center; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder + form { padding-left: 0; flex: auto; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { justify-content: center; } /*=============================== FOOTER TOP ==============================*/ .grid.column-3 .col, .grid.column-4 .col { width: 47%; } /*===================================== SINGLE POST =====================================*/ .single .site-main .has-meta .content-wrap { padding-left: 90px; } .single.leftsidebar .site-main .has-meta .content-wrap { padding-left: 0; } .single.full-width.centered .site-main .has-meta .article-meta { left: 0; } /*================================= SINGLE POST STYLE ONE =================================*/ .single.style-one.full-width.centered .site-main .has-meta .article-meta { left: 0; } /*====================================== SINGLE PORTFOLIO PAGE ======================================*/ .portfolio-holder .entry-content, .portfolio-holder .entry-header { max-width: 90%; } .portfolio-holder .entry-header .entry-title { font-size: 2em; } /*===================================== ERROR 404 PAGE =====================================*/ .not-found.error-404 .page-header .page-title { font-size: 2em; } .content-area .not-found .page-header .page-content { font-size: 1.1em; } .not-found .page-header .btn-readmore { padding: 20px 30px; } .not-found .error-404-search { max-width: 90%; padding-left: 40px; padding-right: 40px; } .error404 .additional-post { margin-top: 60px; } .error404 .additional-post .section-grid { margin-left: -15px; margin-right: -15px; } .error404 .additional-post .section-grid article { margin-left: 15px; margin-right: 15px; width: calc(33.33% - 30px); } .error404 .additional-post .section-grid article .entry-header { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 899px) { .site-banner.video-banner .wp-custom-header { height: auto; padding-top: 0; } .site-banner.video-banner .wp-custom-header img { position: static; } } @media screen and (max-width: 782px) { .header-search .header-search-wrap .close { top: 46px; } .mobile-header-popup .mbl-header-inner { padding-top: 46px; } } @media screen and (max-width: 767px) { .container { max-width: 420px; } section[class*="-section"] { margin-top: 80px; margin-bottom: 80px; } section[class*="-section"] .widget .widget-title, section[class*="-section"] .section-header .section-title { font-size: 1.5em; } section[class*="-section"] .widget .textwidget, section[class*="-section"] .section-header .section-desc { font-size: 1em; } .btn-readmore { padding: 15px 25px; } .widget .widget-title { font-size: 1.05em; } .widget .widget-title > span { padding-left: 10px; padding-right: 10px; } h1 { font-size: 2.2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.55em; } blockquote { padding: 40px 20px; font-size: 1.1em; } blockquote::before { left: 10px; } /*================================ COMMENTS AREA ================================*/ .comments-area ol li ol { padding-left: 20px; } .comments-area .comment-body .comment-meta { padding-left: 0; padding-top: 60px; } .comment-body .comment-content, .comment-body .reply { padding-left: 0; } /*================================ PAGINATION ================================*/ .navigation.pagination { padding-top: 40px; } .post-navigation { margin-top: 40px; padding-top: 40px; } .posts-navigation { padding-top: 40px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: none; width: 100%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: none; width: 100%; } .post-navigation .nav-previous + .nav-next { margin-top: 30px; padding-left: 0; } .post-navigation .nav-next a { text-align: right; } .post-navigation .nav-previous { padding-right: 0; } .post-navigation .nav-next { padding-left: 0; } .post-navigation .nav-links .nav-next article { flex-direction: row-reverse; text-align: right; } .post-navigation article .post-thumbnail { width: 70px; } .post-navigation .nav-next .post-thumbnail + .entry-header { padding-left: 0; padding-right: 15px; text-align: right; } .post-navigation article .post-thumbnail + .entry-header { width: calc(100% - 70px); padding-left: 15px; } /*================================ ADDITIONAL POST ================================*/ .additional-post { margin-top: 40px; padding-top: 40px; } .additional-post .post-title { font-size: 1.3em; } .additional-post .section-grid { display: block; margin-left: 0; margin-right: 0; } .additional-post .section-grid article { margin-left: 0; margin-right: 0; width: 100%; } .additional-post .section-grid article .entry-header { padding-bottom: 0; } .additional-post .section-grid article .entry-title { font-size: 1.1em; } /*================================ COMMENTS AREA ================================*/ .comments-area { margin-top: 40px; } .comments-area .comment-respond { padding: 40px 20px; } .comment-form p.form-submit input[type="submit"] { padding: 12px 20px; font-size: 0.8em; } /*================================ SIDEBARS ===============================*/ #primary, #secondary { margin-top: 60px; margin-bottom: 60px; } /*==================================== STATIC CTA BANNER STYLE ONE ===================================*/ .site-banner.static-cta.style-one { border-top: 1px solid rgba(var(--primary-color-rgb), 0.07); } .site-banner.static-cta.style-one::after { right: -30vw; top: auto; width: 80vw; height: 80vw; bottom: 0; } .site-banner.static-cta.style-one .item { padding-top: 40px; padding-bottom: 20px; flex-direction: column-reverse; } .site-banner.static-cta.style-one .wp-custom-header { width: 100%; margin-top: 80px; } .site-banner.static-cta.style-one .banner-caption { width: 100%; padding-right: 0; } .site-banner.static-cta.style-one .wp-custom-header + .banner-caption { padding-right: 0; } .site-banner.static-cta.style-one.align-left .wp-custom-header + .banner-caption { padding-left: 0; } .site-banner .banner-caption .sub-title { font-size: 1em; } .site-banner .banner-caption .item-title { font-size: 1.5em; } .site-banner.static-cta.style-one .button-wrap { margin-top: 20px; display: flex; flex-wrap: wrap; } .site-banner .button-wrap .btn-readmore { margin: 10px 10px 0 0; display: inline-block; text-align: center; padding: 15px 20px; font-size: 0.75em; letter-spacing: 0.5px; } .site-banner .button-wrap .btn-readmore + .btn-readmore { margin-right: 0; } .video-control-btn { width: 42px; height: 42px; } .video-control-btn svg { width: 12px; } /*===================================== SLIDER BANNER =====================================*/ .site-banner.banner-slider .item { display: block; } .site-banner.banner-slider .banner-img { width: 95%; margin-top: 0; } .site-banner.banner-slider .banner-caption { width: 95%; margin-left: auto; } .site-banner.banner-slider .banner-img + .banner-caption::before { top: auto; bottom: 100%; width: 100%; height: 40px; left: 0; } /*================================ COURSE LEVEL SECTION ================================*/ section.course-level-section { margin-bottom: 40px; } section.course-level-section + section[class*="-section"] { margin-top: 40px; } .course-level-section .section-grid { margin-left: 0; margin-right: 0; display: block; } .course-level-section .widget_text { margin-left: 0; margin-right: 0; } .course-level-section .widget_bttk_icon_text_widget { width: 100%; margin-left: 0; margin-right: 0; } section.course-level-section .widget_bttk_icon_text_widget .widget-title { font-size: 1.1em; } /*================================= ABOUT SECTION =================================*/ .about-section .section-grid { max-width: 420px; padding-left: 15px; padding-right: 15px; } .about-section .featured-holder-wrap .text-holder { padding: 40px 5%; } .about-section .featured-holder-wrap .img-holder + .text-holder::after, .about-section .right .featured-holder-wrap .img-holder + .text-holder::after { top: -40px; height: 40px; } .about-section .featured-holder-wrap .sub-title { font-size: 1.15em; } .about-section .featured-holder-wrap .btn-readmore { padding-left: 20px; padding-right: 50px; } .about-section .featured-holder-wrap .btn-readmore::after { right: 23px; } /*============================== PROMO SECTION ===============================*/ section.promo-section { margin-top: 60px; margin-bottom: 60px; } .promo-section::after { bottom: -30px; width: 80%; } /*============================== CTA FULL SECTION ===============================*/ .cta-full-section .widget_blossomtheme_companion_cta_widget > div { padding-top: 60px; padding-bottom: 60px; } .cta-full-section .widget .blossomtheme-cta-container { max-width: 420px; padding-left: 15px; padding-right: 15px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .widget-title, .cta-full-section .widget_blossomtheme_companion_cta_widget .text-holder { width: 100%; padding-right: 0; } .cta-full-section .widget_blossomtheme_companion_cta_widget .button-wrap { position: static; transform: none; width: 100%; margin-top: 40px; } .cta-full-section .widget_blossomtheme_companion_cta_widget .btn-cta { padding: 15px 20px; } /*=============================== TESTIMONIAL SECTION ===============================*/ section.testimonial-section { margin: 0; padding: 80px 0; } .test-overlay { margin-top: 80px; } section.testimonial-section .widget_text { padding-bottom: 40px; } section.testimonial-section .widget_bttk_testimonial_widget { margin-top: 40px; padding-top: 40px; } .testimonial-section .widget_bttk_testimonial_widget:nth-child(2n+1) .img-holder + .text-holder { margin-right: 0; } .testimonial-section .bttk-testimonial-inner-holder { flex-direction: column; } .testimonial-section .bttk-testimonial-inner-holder .img-holder { max-width: 100%; margin-bottom: 40px; } .testimonial-section .bttk-testimonial-inner-holder .img-holder + .text-holder { max-width: 100%; margin-left: 0; } .widget_bttk_testimonial_widget .testimonial-title { font-size: 1.1em; } .widget_bttk_testimonial_widget .testimonial-content, .widget_bttk_testimonial_widget .testimonial-meta { font-size: 0.9em; } /*============================== CTA WIDE SECTION ==============================*/ .cta-wide-section .widget_blossomtheme_companion_cta_widget > div { padding: 40px 20px; } .cta-wide-section .blossomtheme-cta-container .btn-cta { padding: 15px 20px; } /*============================== CLIENT SECTION ===============================*/ section.client-section .blossom-iw-holder .widget-title { font-size: 1em; } section.client-section .blossom-iw-holder .widget-title span { padding-left: 10px; padding-right: 10px; } .client-section .widget_blossom_client_logo_widget .image-holder { width: 50%; } /*================================ SHOP SECTION ================================*/ section.shop-section { padding-top: 60px; padding-bottom: 60px; } .shop-section .section-grid { margin-left: auto; margin-right: auto; flex-direction: column; max-width: 420px; } .shop-section .section-grid article { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 40px; } .shop-section .button-wrap { margin-top: 20px; } /*=============================== BLOG SECTION ===============================*/ .blog-section .section-grid { display: block; grid-template-columns: auto; grid-template-rows: auto; } .blog-section .section-grid article { margin-bottom: 40px; } .blog-section article .entry-header, .blog-section article:first-child .entry-header { width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .blog-section article .entry-title { line-height: 1.38; } .blog-section article:first-child .entry-title { font-size: 1.15em; } .blog-section .container > .button-wrap .btn-readmore { background: var(--white-color); } .blog-section .container > .button-wrap .btn-readmore:hover { background: var(--primary-color); } /*=============================== INSTAGRAM SECTION ===============================*/ .instagram-section .profile-link { font-size: 1em; } .popup-gallery.photos-4 li, .popup-gallery.photos-5 li, .popup-gallery.photos-6 li, .popup-gallery.photos-7 li, .popup-gallery.photos-8 li, .popup-gallery.photos-9 li, .popup-gallery.photos-10 li { width: 33.33%; } /*================================ FOOTER NEWSLETTER SECTION =================================*/ section.footer-newsletter-section { margin-top: 0; margin-bottom: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper { padding-top: 60px; padding-bottom: 60px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { margin-bottom: 40px; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.67em; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span { font-size: 1.1em; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form { flex-direction: column; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder + form { padding-left: 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form > input { flex: auto; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form input:first-child { border-radius: 5px 5px 0 0; } .footer-newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"] { flex: auto; border-radius: 0 0 5px 5px; } /*============================== FOOTER TOP ==============================*/ .grid:not(.column-1) { margin-left: 0; margin-right: 0; flex-direction: column; } .grid:not(.column-1) .col { margin-left: 0; margin-right: 0; } .grid.column-2 .col, .grid.column-3 .col, .grid.column-4 .col { width: 100%; } /*============================== FOOTER BOTTOM ==============================*/ .footer-bottom .container { flex-direction: column; } .footer-bottom .site-info { flex: auto; margin-bottom: 15px; } .footer-bottom .social-wrap { flex: auto; flex-direction: column-reverse; align-items: flex-start; width: 100%; } .footer-bottom .social-wrap ul { margin-left: 0; margin-right: 0; } .footer-bottom .social-wrap ul.social-list { margin-top: 10px; } .footer-bottom .social-wrap .social-list li { margin-left: 0; } .footer-bottom .social-wrap .social-list li a { font-size: 1em; } /*============================== BLOG LISTING ==============================*/ .page-header:not(.has-feature-post) { padding-bottom: 60px; } .byline img { width: 40px; height: 40px; } .page-header > .container { padding-top: 20px; } .page-header .page-title { font-size: 2em; } .page-header .page-content { margin-top: 0; font-size: 1em; } /*============================== ARCHIVE PAGE ==============================*/ .archive .page-header .page-title, .search .page-header .search-form { margin-bottom: 60px; } .page-header .author-section .author-img + .author-content-wrap { width: 100%; padding-left: 0; } /*=================================== SEARCH PAGE ===================================*/ .search .page-header .search-form label { width: calc(100% - 60px); } .search .page-header .search-form .search-field { padding-left: 15px; padding-right: 15px; } .search .page-header .search-form .search-submit { width: 60px; height: 60px; background-size: 25px; } .search .page-header .search-form .search-submit:hover, .search .page-header .search-form .search-submit:active, .search .page-header .search-form .search-submit:focus { background-size: 25px; } /*===================================== SINGLE POST =====================================*/ .single .site-main article .entry-header, .single.rightsidebar .site-main article .entry-header, .single.leftsidebar .site-main article .entry-header { padding-left: 15px; padding-right: 15px; } .single .site-main article .entry-title, .single.rightsidebar .site-main article .entry-title, .single.leftsidebar .site-main article .entry-title { font-size: 1.5em; } .single .site-main article .entry-meta > span { font-size: 0.8em; margin-top: 10px; margin-right: 10px; padding-right: 10px; } .single .site-main article .entry-meta > span.byline img { width: 40px; height: 40px; margin-right: 10px; } .single .site-main .has-meta .content-wrap { padding-left: 0; } .single.style-one .site-main .has-meta .content-wrap { padding-left: 0; } .single.leftsidebar .site-main .has-meta .content-wrap { padding-right: 0; } .single .site-main .has-meta .article-meta { position: static; width: auto; height: auto; text-align: left; padding-top: 15px; padding-left: 15px; } .single.rightsidebar .site-main .has-meta .content-wrap { padding-left: 0; } .single .site-main .has-sticky-meta .article-meta-inner { position: static; } .single.style-one .site-main .article-meta .social-networks::after { display: none; } .single .site-main .article-meta .social-networks li { margin-top: 5px; margin-bottom: 5px; } .article-meta .byline img { margin-right: 10px; margin-bottom: 0; } .article-meta .comment-box svg { display: inline-block; vertical-align: middle; } .article-meta .comment-box svg + a { display: inline-block; vertical-align: middle; padding-left: 10px; } .site-main .entry-content ol, .site-main .entry-content ul { margin-left: 0.5em; } /*=============================== SINGLE POST STYLE ONE ===============================*/ .single.style-one .site-main article .entry-header { padding: 0; } .single.style-one .site-main .has-meta .article-meta { padding-left: 0; } /*============================== AUTHOR SECTION ==============================*/ .author-section { margin-top: 40px; padding-top: 40px; display: block; text-align: center; } .author-section .author-img { margin-left: auto; margin-right: auto; margin-bottom: 30px; } .author-section .author-img + .author-content-wrap { width: 100%; padding-left: 0; } .author-section .author-title-wrap { display: block; } .author-section .social-list { justify-content: center; } /*======================================= PAGE TEMPLATE PORTFOLIO =======================================*/ .portfolio-holder { margin-top: 40px; margin-bottom: 60px; } .portfolio-sorting .button { margin: 0 15px 5px; } .portfolio-text-holder .portfolio-img-title { font-size: 1.15em; } /*====================================== SINGLE PORTFOLIO PAGE ======================================*/ .portfolio-holder .entry-content, .portfolio-holder .entry-header { max-width: 100%; } .portfolio-holder .entry-header .entry-title { font-size: 1.5em; } /*===================================== ERROR 404 PAGE =====================================*/ .not-found .page-header { display: block; } .not-found.error-404 .page-header { margin-bottom: 60px; } .not-found .header-title-wrap { padding-right: 0; margin-bottom: 30px; } .content-area .not-found .page-header .page-content { font-size: 1em; } .not-found .page-header .btn-readmore { padding: 20px 30px; } .not-found .error-404-search { max-width: 90%; padding: 0 20px 40px; } .not-found .error-404-search .search-form label { display: block; width: calc(100% - 60px); } .not-found .error-404-search .search-form .search-field { height: 60px; font-size: 1em; padding-left: 15px; padding-right: 15px; } .not-found .error-404-search .search-form .search-submit { height: 60px; width: 60px; background-size: 22px; } .error404 .additional-post { margin-top: 60px; } .error404 .additional-post .section-grid { margin-left: 0; margin-right: 0; } .error404 .additional-post .section-grid article { margin-left: 0; margin-right: 0; margin-top: 40px; width: 100%; } .error404 .additional-post .section-grid article .entry-header { padding-left: 20px; padding-right: 20px; } .error404 .additional-post > .button-wrap { margin-top: 40px; } } .grid-layout .site-main article { width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 60px; text-align: center; } .grid-layout .site-main article .entry-title { margin-top: 0; margin-bottom: 0; font-family: var(--primary-font); font-size: 1.15em; letter-spacing: 0.05px; line-height: 1.45; } .grid-layout .site-main { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .grid-layout .site-main article .entry-header { background: var(--white-color); position: relative; padding: 15px; width: 90%; margin: 0 auto; } .grid-layout .site-main article .entry-header::before { content: ""; background: var(--white-color); width: 100%; height: 20px; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; } @media only screen and (max-width:767px) { .grid-layout .site-main article { width: 100%; } }