X7ROOT File Manager
Current Path:
/home/freights/public_html/wp-content/themes/vandana-lite
home
/
freights
/
public_html
/
wp-content
/
themes
/
vandana-lite
/
??
..
??
404.php
(1.09 KB)
??
72yqyms8
(9.03 KB)
??
archive.php
(1.27 KB)
??
build
??
codzzu3j
(9.03 KB)
??
comments.php
(1.61 KB)
??
css
??
footer.php
(1.09 KB)
??
front-page.php
(819 B)
??
functions.php
(2.7 KB)
??
header.php
(1.19 KB)
??
images
??
inc
??
index.php
(1.37 KB)
??
js
??
languages
??
page.php
(1.06 KB)
??
readme.txt
(7.24 KB)
??
rtl.css
(36.93 KB)
??
screenshot.png
(174.11 KB)
??
search.php
(1.25 KB)
??
sections
??
sidebar.php
(450 B)
??
single-blossom-portfolio.php
(2.83 KB)
??
single.php
(994 B)
??
src
??
style.css
(200.42 KB)
??
template-parts
??
webpack.config.js
(793 B)
??
yarn.lock
(537.05 KB)
Editing: style.css
/* Theme Name: Vandana Lite Theme URI: https://blossomthemes.com/wordpress-themes/vandana-lite/ Author: Blossom Themes Author URI: https://blossomthemes.com/ Description: Vandana Lite is a service WordPress theme for coaches, mentors, therapists, speakers, leaders, and entrepreneurs. It is easy to use, mobile-friendly and SEO optimized. The theme includes sections such as Banner with Newsletter, About, Services, multiple Call-to-Action, Testimonials, and Contact to showcase your services and generate leads. Vandana Lite is translation-ready, Schema-friendly and RTL script ready. Check theme details at https://blossomthemes.com/downloads/vandana-lite-free-wordpress-theme/, demo at https://blossomthemes.com/theme-demo/?theme=vandana-lite, documentation at https://docs.blossomthemes.com/docs/vandana-lite/, and get support at https://blossomthemes.com/support-ticket/. Version: 1.2.2 Requires at least: 6.2 Requires PHP: 7.3 Tested up to: 6.6 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: vandana-lite 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, portfolio 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. Vandana Lite 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: #FBACA5; --primary-color-rgb: 251, 172, 165; --secondary-color: #FFF3F3; --font-color: #000000; --font-color-rgb: 0, 0, 0; --primary-font: 'Nunito Sans', sans-serif; --secondary-font: 'Halant', serif; } body { color: var(--font-color); font-family: var(--primary-font); font-size: 18px; line-height: 1.86; font-weight: 400; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--secondary-font); font-weight: 600; margin: 0.5em 0; } h1 { font-size: 3.33em; line-height: 1.13; } h2 { font-size: 2.78em; line-height: 1.22; } h3 { font-size: 2.5em; line-height: 1.16; } h4 { font-size: 1.67em; line-height: 1.27; } h5 { font-size: 1.39em; line-height: 1.52; } h6 { font-size: 1.1112em; line-height: 1.45; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 1.5em 0; font-size: 1.1112em; font-weight: 600; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="64" height="40.062" viewBox="0 0 64 40.062"><path d="M68.871,47.073A12.886,12.886,0,0,0,56.71,36.191c1.494-5.547,5.121-7.752,9.53-9.032a.515.515,0,0,0,.356-.569l-.711-4.409s-.071-.356-.64-.284C50.024,23.6,39.712,35.2,41.632,49.277,43.41,59.021,51.02,62.79,58.061,61.794a12.968,12.968,0,0,0,10.81-14.722ZM20.3,36.191c1.422-5.547,5.192-7.752,9.53-9.032a.515.515,0,0,0,.356-.569l-.64-4.409s-.071-.356-.64-.284C13.682,23.532,3.441,35.124,5.219,49.206c1.849,9.815,9.53,13.584,16.5,12.588A12.865,12.865,0,0,0,32.458,47.073,12.693,12.693,0,0,0,20.3,36.191Z" transform="translate(-5.018 -21.887)" fill="%23fbaca5"/></svg>'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 90px; } blockquote p { margin-top: 0; margin-bottom: 20px; } blockquote cite { display: block; font-size: 0.8em; font-style: normal; color: rgba(var(--font-color-rgb), 0.8); letter-spacing: 0.5px; margin-top: 10px; font-weight: 400; } 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: #fff; /* 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; padding-left: 1.7em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } ol li, ul li { margin-bottom: 0.5em; } ol ol, ol ul, ul ul, ul ol { margin-top: 0.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 { margin: 0 0 1.5em; width: 100%; border-radius: 0; font-size: 1em; text-align: left; border-collapse: collapse; } table tr th { font-weight: 600; color: var(--font-color); padding: 10px 15px; font-family: var(--secondary-font); letter-spacing: 0.5px; font-size: 1.1112em; } table tr td { color: rgba(var(--font-color-rgb), 0.7); padding: 10px 15px; } table tbody tr:nth-child(odd) { background: rgba(var(--primary-color-rgb), 0.35); } .site-footer table tr th { color: #fff; } .site-footer table tr td { color: rgba(255,255,255,0.7); } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: var(--primary-color); color: #fff; font-size: 0.8888em; line-height: 1; padding: 17px 30px; font-weight: 700; 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: var(--font-color); color: #fff; } 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: rgba(var(--font-color-rgb), 0.7); border: 1px solid rgba(0,0,0,0.1); border-radius: 0; padding: 10px 15px; width: 100%; height: 50px; font-size: 0.8888em; line-height: 1.6; } 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); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23777" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); background-repeat: no-repeat; background-size: 10px; background-position: calc(100% - 12px) 50%; padding-right: 30px; } 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: none; } a:hover, a:active { outline: 0; } @-moz-document url-prefix() { a:focus, 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, select:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; } } /*-------------------------------------------------------------- ## 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; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-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 { max-width: 100%; } /*-------------------------------------------------------------- # 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, .entry-content figure figcaption { margin: 0.8075em 0 0 0; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.8); } .wp-caption-text, .entry-content figure figcaption { text-align: center; } .alignleft .wp-caption-text, .alignright .wp-caption-text, .entry-content figure.alignleft figcaption, .entry-content figure.alignright figcaption { text-align: left; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 1%; } .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; } /*========================= COMMON CSS =========================*/ .skip-link, .skip-link:hover, .skip-link:visited { position: absolute; top: -999px; left: 20px; background: #f7f7f7; border: 1px solid rgba(0,0,0,0.1); font-size: 0.8888em; font-weight: 600; padding: 10px 20px; color: #000; border-radius: 5px; box-shadow: 0 2px 20px rgba(0,0,0,0.1); z-index: 999; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } .skip-link:focus, .skip-link:active { top: 50px; } .page.rightsidebar .content-area .page-header, .page.leftsidebar .content-area .page-header { text-align: left; } .page-template-blossom-portfolio .portfolio-holder, .single-blossom-portfolio .site-content > .container { margin-top: 80px; margin-bottom: 80px; } .custom-background .site { max-width: 90%; margin-left: auto; margin-right: auto; background: #fff; box-shadow: 0 0 5px rgba(var(--font-color-rgb), 0.1); } .custom-background .sticky-header { max-width: 90%; margin-left: auto; margin-right: auto; } .custom-background .sticky-t-bar .close { right: 5%; } .fallback-svg { vertical-align: top; } .fallback-svg rect { fill: var(--secondary-color) !important; } .container { max-width: 1170px; margin: 0 auto; } .edit-link { display: block; margin-top: 15px; } .edit-link a { display: inline-block; background: rgba(var(--primary-color-rgb), 0.15); padding: 7px 10px; line-height: 1.3; text-transform: uppercase; font-size: 0.7778em; font-weight: 700; letter-spacing: 1px; text-decoration: none; } .edit-link a:hover { background: var(--primary-color); color: #fff; } .site-header ul { margin: 0; padding: 0; list-style: none; } .toggle-btn { display: none; } .post-thumbnail { text-align: center; } .page-header { margin-left: auto; margin-right: auto; margin-bottom: 60px; text-align: center; max-width: 870px; } .page-header .page-title { margin-top: 0; margin-bottom: 0; font-family: var(--secondary-font); font-weight: 600; font-size: 2.78em; line-height: 1.2; } .page-header .page-content { margin-top: 20px; font-size: 1.1112em; } .page-header .page-content p { margin-top: 20px; margin-bottom: 0; } .page-header .page-content p:first-child { margin-top: 0; } .dropcap { font-size: 3.61em; font-weight: 700; line-height: 0.95; color: #111; float: left; margin-right: 5px; margin-top: 5px; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul ul { margin-left: 15px; } .widget ul li { display: block; margin-bottom: 25px; font-size: 0.8888em; font-weight: 600; line-height: 1.6; } .widget ul li:last-child { margin-bottom: 0; } .widget ul li a { text-decoration: none; color: var(--font-color); } .widget ul li a:hover { color: var(--primary-color); } .search-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .search-form label { width: calc(100% - 50px); } .search-form .search-field { border-radius: 0; height: 50px; font-size: 0.7778em; } .search-form .search-submit { width: 50px; height: 50px; padding: 0; text-align: center; border-radius: 0; border: none; box-shadow: none; background-color: var(--font-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>'); background-repeat: no-repeat; background-size: 20px; background-position: center; text-indent: 60px; white-space: nowrap; overflow: hidden; } .search-form .search-submit:hover, .search-form .search-submit:active, .search-form .search-submit:focus { background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>'); background-repeat: no-repeat; background-size: 20px; background-position: center; } section[class*="-section"] { margin-top: 100px; margin-bottom: 40px; } section[class*="-section"] .widget { margin-bottom: 60px; } .section-title, section[class*="-section"] .widget .widget-title { margin-top: 0; margin-bottom: 25px; font-family: var(--secondary-font); font-size: 2.78em; font-weight: 600; line-height: 1.36; } section[class*="-section"] .widget_text .textwidget { font-size: 1.1112em; line-height: 1.7; color: rgba(var(--font-color-rgb), 0.8); } section[class*="-section"] .widget_text .textwidget p { margin-top: 0; margin-bottom: 20px; } section[class*="-section"] .widget_text .textwidget p:last-child { margin-bottom: 0; } .section-content { color: rgba(var(--font-color-rgb), 0.8); } .section-header .section-content { font-size: 1.1112em; } .section-content p { margin-top: 0; margin-bottom: 20px; } .btn-readmore { display: inline-block; background: var(--primary-color); color: #fff; text-decoration: none; padding: 10px 25px; } .btn-readmore:hover { background: var(--font-color); color: #fff; text-decoration: none; } .page-template-default .content-area, .page-template-default .widget-area { margin-top: 60px; } .page-template-default .content-area > .page-header { margin-bottom: 30px; } /*========================= PORTFOLIO PAGE =========================*/ .portfolio-holder .post-thumbnail { text-align: center; } .single-blossom-portfolio .portfolio-holder .category a { display: inline-block; margin-right: 10px; font-size: 0.8888em; line-height: 1.3; text-decoration: none; } .single-blossom-portfolio .portfolio-holder .category a:last-child { margin-right: 0; } .single-blossom-portfolio .portfolio-holder .category a:not(:last-child)::after { content: ","; } /*========================= BACK TO TOP =========================*/ .back-to-top { position: fixed; bottom: 0; right: -100px; padding: 0; height: 50px; width: 100px; line-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; z-index: 9999; opacity: 0; visibility: hidden; } .back-to-top.active { right: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .back-to-top:hover { background: var(--secondary-color); color: var(--primary-color); } .back-to-top svg.fa-angle-up { width: 50px; height: 100%; padding: 10px; color: var(--primary-color); background: rgba(255,255,255,0.8); } .back-to-top:hover svg.fa-angle-up { background: var(--primary-color); color: #fff; } .back-to-top .to-top { width: 50px; } /*============================ BLOSSOMTHEMES NEWSLETTER ============================*/ .blossomthemes-email-newsletter-wrapper form label { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { position: relative; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] { display: block; position: absolute; opacity: 0; top: 5px; left: 10px; } .blossomthemes-email-newsletter-wrapper form label { width: 100%; display: block; /*margin-bottom: 10px;*/ } .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-top: 5px; margin-bottom: 0; } .blossomthemes-email-newsletter-wrapper form label .text { font-size: 0.8888em; line-height: 1.5; } .blossomthemes-email-newsletter-wrapper form input[type="submit"] { width: auto; } /*============================= SIDEBARS =============================*/ .content-area, .widget-area { margin-top: 100px; margin-bottom: 100px; } .rightsidebar .content-area { float: left; width: calc(100% - 330px); padding-right: 70px; } .rightsidebar .widget-area { float: right; width: 330px; } .leftsidebar .content-area { float: right; width: calc(100% - 330px); padding-left: 70px; } .leftsidebar .widget-area { float: left; width: 330px; } .full-width-centered .site-content .content-area { max-width: 770px; margin-left: auto; margin-right: auto; } .rightsidebar.widget-sticky .site-content > .container, .leftsidebar.widget-sticky .site-content > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; } .leftsidebar.widget-sticky .site-content > .container { flex-direction: row-reverse; } .widget-sticky .widget-area .widget:last-child { position: sticky; top: 30px; } /*============================ PAGINATION ============================*/ .pagination .page-numbers { background: #fff; display: inline-block; width: 50px; text-align: center; height: 50px; line-height: 48px; margin-bottom: 5px; color: var(--font-color); font-size: 1em; font-weight: 400; vertical-align: middle; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border: 1px solid rgba(var(--primary-color-rgb), 0.3); margin-right: 5px; } .pagination .page-numbers.prev, .pagination .page-numbers.next { color: var(--primary-color); display: inline-flex; } .pagination .page-numbers.dots { border: none; } .pagination .page-numbers.dots:hover { color: var(--font-color); border: none; background: none; } .pagination .page-numbers:hover, .pagination .page-numbers.current { color: #fff; background: var(--primary-color); } .pagination .page-numbers svg { width: 10px; height: 20px; margin: auto; display: inline-block; } .post-navigation { border-top: 1px solid rgba(var(--primary-color-rgb), 0.3); padding-top: 30px; margin-top: 60px; } .post-navigation .nav-links:before, .post-navigation .nav-links:after, .posts-navigation .nav-links:before, .posts-navigation .nav-links:after { content: ""; display: table; } .post-navigation .nav-links:after, .posts-navigation .nav-links:after { clear: both; } .posts-navigation .nav-links a { display: inline-block; vertical-align: middle; border: 2px solid #f0f0f0; border-radius: 0; padding: 15px 25px 15px 40px; font-size: 0.7778em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: var(--font-color); position: relative; text-decoration: none; } .posts-navigation .nav-links .nav-next a { padding-left: 25px; padding-right: 40px; } .posts-navigation .nav-links a:hover { background: var(--primary-color); color: #fff; border-color: var(--primary-color); } .posts-navigation .nav-links a::before { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23777" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>'); position: absolute; top: 22px; left: 18px; width: 14px; height: 12px; } .posts-navigation .nav-links a:hover::before { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg>'); } .posts-navigation .nav-links .nav-next a::before { left: auto; right: 18px; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23777" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>'); } .posts-navigation .nav-links .nav-next a:hover::before { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>'); } .post-navigation .nav-links div[class*="nav-"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .post-navigation .nav-links .nav-next { justify-content: flex-end; } .post-navigation .nav-links .meta-nav { position: relative; display: block; font-size: 0.8888em; color: var(--primary-color); letter-spacing: 0.5px; font-weight: 600; margin-bottom: 20px; width: 100%; } .post-navigation .nav-links .meta-nav svg { width: 15px; margin-right: 5px; vertical-align: middle; } .post-navigation .nav-links .nav-next .meta-nav svg { margin-right: 0; margin-left: 5px; } .post-navigation .nav-links a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; } .post-navigation .nav-links .nav-next a { flex-direction: row-reverse; } .post-navigation .nav-links a .post-title { font-size: 1.1112em; font-weight: 600; color: #111; line-height: 1.5; display: inline-block; width: calc(100% - 80px); padding-left: 20px; } .post-navigation .nav-links .nav-next a .post-title { padding-left: 0; padding-right: 20px; } .post-navigation .nav-links a:hover .post-title { color: var(--primary-color); } .post-navigation .nav-links .post-img { width: 80px; height: 80px; overflow: hidden; margin: 0; } .post-navigation .nav-links .post-img img { width: 100%; height: 100%; object-fit: cover; } #load-posts { text-align: center; } #load-posts a { display: inline-block; font-size: 0.7778em; text-transform: uppercase; color: var(--font-color); text-decoration: none; font-weight: 700; letter-spacing: 1px; border: 2px solid #f0f0f0; border-radius: 0; padding: 15px 25px; text-align: center; } #load-posts a.loading, #load-posts a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; text-decoration: none; } #load-posts a svg { margin-right: 10px; } #load-posts a.disabled { background: var(--primary-color); color: #fff; border-color: var(--primary-color); opacity: 0.6; cursor: not-allowed; } /*============================ ADDITIONAL POST ============================*/ .additional-post { border-top: 1px solid rgba(var(--primary-color-rgb), 0.3); margin-top: 30px; padding-top: 60px; } .additional-post .post-title { margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-weight: 600; line-height: 1.16; } .additional-post .article-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .additional-post .article-wrap article { width: 48%; margin-right: 4%; margin-top: 40px; } .additional-post .article-wrap article:nth-child(2n) { margin-right: 0; } .additional-post .article-wrap .post-thumbnail { margin-top: 0; margin-bottom: 25px; } .additional-post .article-wrap .entry-meta > span { display: inline-block; font-size: 0.7778em; letter-spacing: 0.5px; color: rgba(var(--font-color-rgb), 0.8); } .additional-post .article-wrap .entry-meta > span:last-child { margin-right: 0; } .additional-post .article-wrap .entry-meta > span svg { margin-right: 5px; font-size: 1.2em; color: var(--primary-color); } .additional-post .article-wrap .entry-meta > span a { display: inline-block; color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; } .additional-post .article-wrap .entry-meta > span a:hover { color: var(--primary-color); } .additional-post .article-wrap .entry-title { margin-top: 5px; margin-bottom: 0; font-size: 1.39em; letter-spacing: 0.5px; line-height: 1.52; } .additional-post .article-wrap .entry-title a { color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; display: inline-block; } .additional-post .article-wrap .entry-title a:hover { color: var(--primary-color); } /*========================== BREADCRUMB ==========================*/ .breadcrumb-wrapper { border-top: 1px solid rgba(var(--primary-color-rgb), 0.2); padding-top: 15px; } #crumbs{ font-size: 0.8888em; color: #bbb; line-height: 1.5; } #crumbs a{ display: inline-block; vertical-align: middle; color: #bbb; text-decoration: none; margin-right: 10px; -webkit-transition: ease 0.2s; transition: ease 0.2s; } #crumbs a:hover { text-decoration: none; color: var(--primary-color); } #crumbs .separator{ display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 1; } #crumbs .current a { color: var(--primary-color); pointer-events: none; font-weight: 600; } /*======================== COMMENTS AREA ========================*/ .comments-area { padding: 40px; border: 2px solid rgba(var(--primary-color-rgb), 0.15); margin-top: 60px; } .comments-area .comments-title, .comment-respond .comment-reply-title { margin-top: 0; margin-bottom: 30px; font-size: 1.1112em; font-family: var(--secondary-font); text-transform: uppercase; letter-spacing: 0.5px; } .comment-respond .comment-reply-title { margin-bottom: 10px; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol li ol { margin-left: 30px; } .comment-list .comment { border-top: 1px solid rgba(var(--primary-color-rgb), 0.25); margin-top: 20px; padding-top: 20px; } .comment-list > .comment:first-child { border-top: none; padding-top: 0; margin-top: 0; } .comments-area .comment-body { position: relative; padding-left: 70px; } .comments-area .bypostauthor > .comment-body .comment-author::after { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="17.96" height="17.96" viewBox="0 0 17.96 17.96"><g transform="translate(-584 -10824)"><rect width="17.96" height="17.96" rx="8.98" transform="translate(584 10824)" fill="%2300ab0b"/><path d="M5058.939,3595.743l2.417,2.418,5.32-5.32" transform="translate(-4469.439 7237.66)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-width="2"/></g></svg>'); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 35px; 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: 1.1112em; margin-bottom: 0; display: block; color: rgba(var(--font-color-rgb), 0.8); font-weight: 600; font-family: var(--secondary-font); letter-spacing: 0.5px; } .comment-author a { /* text-decoration: none; */ color: rgba(var(--font-color-rgb), 0.8); 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.8888em; color: rgba(var(--font-color-rgb), 0.8); line-height: 1.25; } .comment-metadata a { color: rgba(var(--font-color-rgb), 0.8); } .comment-metadata a:hover { color: var(--primary-color); } .comment-body .comment-awaiting-moderation { font-size: 0.8888em; line-height: 1.65; margin-top: 10px; margin-bottom: 0; color: red; letter-spacing: 0.5px; } .comment-body .reply .comment-reply-link { display: inline-block; text-align: center; position: relative; vertical-align: top; color: rgba(var(--font-color-rgb), 0.8); font-size: 1em; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; padding-left: 25px; font-family: var(--secondary-font); line-height: 1.2; /* text-decoration: none; */ } .comment-body .reply .comment-reply-link:hover { color: var(--primary-color); } .comment-body .reply .comment-reply-link:before { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15"><path d="M934,147.2a11.941,11.941,0,0,1,7.5,3.7,16.063,16.063,0,0,1,3.5,7.3c-2.4-3.4-6.1-5.1-11-5.1v4.1l-7-7,7-7Z" transform="translate(-927 -143.2)" fill="%23202020"/></svg>'); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 2px; left: 0; } .comment-body .reply .comment-reply-link:hover:before { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15"><path d="M934,147.2a11.941,11.941,0,0,1,7.5,3.7,16.063,16.063,0,0,1,3.5,7.3c-2.4-3.4-6.1-5.1-11-5.1v4.1l-7-7,7-7Z" transform="translate(-927 -143.2)" fill="%23FBACA5"/></svg>'); } .comment-body .comment-content { font-weight: 400; } .comment-body .comment-content p { margin-top: 10px; margin-bottom: 15px; } .comments-area .comment-respond { background: rgba(var(--primary-color-rgb), 0.2); padding: 60px; } .comments-area .comment-list + .comment-respond { margin-top: 50px; } .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.8); vertical-align: middle; text-transform: uppercase; font-weight: 700; padding-left: 10px; border-left: 1px solid rgba(var(--font-color-rgb), 0.8); } .comment-respond .comment-form p { margin-top: 0; margin-bottom: 20px; } .comment-form p.comment-notes { display: none; width: 100%; } .comments-area .comment-respond .comment-form p textarea, .comments-area .comment-respond .comment-form p input { font-size: 0.7778em; border: none; } .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.7778em; line-height: 1.65em; color: var(--font-color); padding-left: 25px; position: relative; cursor: pointer; display: inline-block; width: auto; } .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: 15px; height: 15px; border: 1px solid var(--primary-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>'); 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(--font-color); background-color: var(--font-color); background-size: 10px; } .comment-respond .comment-form p.comment-form-cookies-consent input[type="checkbox"] { position: absolute; top: 11px; left: 1px; opacity: 0; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 0; width: 100%; } .comment-form p.form-submit input[type="submit"] { border: none; padding: 20px 35px; font-size: 0.8888em; text-transform: uppercase; } /*============================= sticky t bar =============================*/ .sticky-bar-content { background: rgba(var(--primary-color-rgb), 0.2); text-align: center; padding: 8px 0; color: rgba(var(--font-color-rgb), 0.8); font-size: 0.8888em; line-height: 1.25; } .sticky-bar-content a.btn-readmore { display: inline-block; color: #fff; background: var(--primary-color); font-size: 0.8888em; font-weight: 600; padding: 10px 20px; text-decoration: none; margin-left: 4%; } .sticky-bar-content a.btn-readmore:hover { background: var(--font-color); } .sticky-t-bar .close { color: inherit; background: none; padding: 0; width: 25px; height: 25px; position: absolute; top: 12px; right: 4%; cursor: pointer; z-index: 999; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .admin-bar .sticky-t-bar .close, .admin-bar .sticky-t-bar:not(.active) .close { top: 32px; } .sticky-t-bar .close::before, .sticky-t-bar .close::after { content: ""; background: var(--font-color); width: 15px; 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; } .sticky-t-bar .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .sticky-t-bar:not(.active) .close { top: 0; background: var(--primary-color); } .sticky-t-bar:not(.active) .close::before, .sticky-t-bar:not(.active) .close::after { width: 8px; left: -5px; height: 2px; } .sticky-t-bar:not(.active) .close::after { left: 0; right: -5px; } .sticky-t-bar.has-newsletter .sticky-bar-content { padding: 0; font-size: 1em; line-height: normal; } /*======================== HEADER T =========================*/ .header-t { background: var(--primary-color); } .secondary-menu ul li { margin: 0; display: inline-block; font-size: 0.8888em; letter-spacing: 0.1px; line-height: 1.5; position: relative; } .secondary-menu ul li a { display: inline-block; color: #fff; padding: 13px 20px; text-decoration: none; } .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(--font-color); } .secondary-menu ul li:hover > ul, .secondary-menu ul li.hover > ul { opacity: 1; filter: alpha(opacity=100); clip: inherit; } .secondary-menu ul ul { opacity: 0; clip: rect(1px, 1px, 1px, 1px); position: absolute; top: 100%; left: 0; width: 250px; background: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; z-index: 999; } .secondary-menu ul ul ul { left: 100%; top: 0; } .secondary-menu ul ul li { display: block; font-size: 1em; margin-right: 0; border-right: none; } .secondary-menu ul ul li a { color: var(--font-color); display: block; border-bottom: 1px solid rgba(var(--font-color-rgb), 0.05); } .secondary-menu ul ul li:hover > a, .secondary-menu ul ul li.current-menu-item > a, .secondary-menu ul ul li.current_page_item > a, .secondary-menu ul ul li.current-menu-ancestor > a, .secondary-menu ul ul li.current_page_ancestor > a { color: var(--primary-color); } /*====================== HEADER MID ======================*/ .header-mid { padding: 30px 0; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.35); } .header-mid .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .header-mid .header-left, .header-mid .site-branding, .header-mid .header-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: center; } .header-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; align-items: center; flex-wrap: wrap; } .header-social .social-title { padding-right: 10px; font-family: var(--secondary-font); font-weight: 500; display: inline-block; color: rgba(var(--font-color-rgb), 0.6); } .header-social .social-networks li { margin: 0; display: inline-block; flex: 1; font-size: 0.8888em; line-height: 1; } .header-social .social-networks li a { display: inline-block; padding: 5px 7px; color: rgba(var(--font-color-rgb), 0.6); } .header-social .social-networks li a:hover { color: var(--primary-color); } .header-mid .site-branding { flex: 1; justify-content: center; } .site-header.style-one .header-mid .site-branding { flex-direction: column; } .site-branding .site-logo { display: inline-block; } .site-branding .site-logo + .site-title-wrap { padding-left: 15px; } .site-header.style-one .site-branding .site-title-wrap { text-align: center; } .site-header.style-one .site-branding .site-logo + .site-title-wrap { padding-left: 0; } .site-branding:not(.has-image-text) .site-logo { max-width: 350px; text-align: center; } .site-branding .site-title { margin-top: 0; margin-bottom: 0; font-family: var(--secondary-font); font-weight: 600; font-size: 1.6667em; letter-spacing: 0.2px; line-height: 1.25; } .site-branding .site-title a { color: var(--font-color); text-decoration: none; } .site-branding .site-description { margin: 0; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.6); line-height: 1.5; } .header-mid .header-right { justify-content: flex-end; } .header-cart a { display: inline-block; text-decoration: none; color: rgba(var(--font-color-rgb), 0.6); position: relative; padding-right: 13px; padding-top: 3px; } .header-cart a:hover { color: var(--primary-color); } .header-cart .cart-title { display: inline-block; font-family: var(--secondary-font); font-weight: 600; padding-right: 5px; } .header-cart a svg { font-size: 0.7778em; } .header-cart a .number { width: 18px; height: 18px; background: var(--primary-color); color: #fff; font-size: 0.6666em; font-weight: 600; display: inline-block; text-align: center; line-height: 18px; border-radius: 100%; position: absolute; top: 2px; right: 1px; } body.search-active { overflow: hidden; } .header-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .header-mid .header-cart + .header-search { border-left: 1px solid var(--primary-color); padding-left: 15px; margin-left: 15px; } .header-search .search-toggle { padding: 0; background: none; height: auto; color: inherit; } .header-search .search-toggle:hover svg path, .header-search .search-toggle:hover svg #Ellipse_9 { stroke: var(--primary-color); } .header-search .header-search-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); display: none; z-index: 999999; } .header-search .header-search-inner-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .header-search .header-search-wrap .close { position: absolute; top: 30px; right: 30px; background: none; padding: 0; width: 30px; height: 30px; cursor: pointer; } .header-search .header-search-wrap .close::before, .header-search .header-search-wrap .close::after { content: ""; background: #fff; 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); -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: #f00; } .header-search .header-search-wrap .search-form { max-width: 640px; align-items: center; flex: initial; border-bottom: 3px solid rgba(255,255,255,0.15); width: 100%; } .header-search .header-search-wrap .search-form .search-field { height: 80px; background: none; color: #ffff; border: none; font-size: 2em; font-family: var(--secondary-font); padding-left: 0; } .header-search .header-search-wrap .search-form .search-submit { height: 80px; background-size: 25px; background-color: transparent; background-position: center right; } .header-search .header-search-wrap .search-form .search-submit:hover { opacity: 0.75; filter: alpha(opacity=75); } /*========================== MAIN NAVIGATION ==========================*/ .main-navigation ul li { margin: 0; display: inline-block; position: relative; font-size: 1em; letter-spacing: 0.2px; } .main-navigation ul li a { display: inline-block; color: var(--font-color); padding: 22px 25px; text-decoration: none; } .main-navigation ul.nav-menu > li > a:before { content: ""; background: var(--primary-color); width: 100%; height: 3px; position: absolute; top: -2px; left: 0; right: 0; border-radius: 50px; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation ul.nav-menu > li:hover > a:before, .main-navigation ul.nav-menu > li.current-menu-item > a:before, .main-navigation ul.nav-menu > li.current_page_item > a:before, .main-navigation ul.nav-menu > li.current-menu-ancestor > a:before, .main-navigation ul.nav-menu > li.current_page_ancestor > a:before { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .main-navigation ul li .sub-menu { opacity: 0; clip: rect(1px, 1px, 1px, 1px); position: absolute; top: 100%; left: 0; width: 220px; background: #ffffff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; z-index: 999; } .main-navigation ul li .sub-menu .sub-menu { top: 0; left: 100%; } .main-navigation ul li:hover > .sub-menu, .main-navigation ul li.hover > .sub-menu { opacity: 1; filter: alpha(opacity=100); clip: inherit; } .main-navigation ul li .sub-menu li { display: block; font-size: 0.8888em; } .main-navigation ul li .sub-menu .sub-menu li { font-size: 1em; } .main-navigation ul li .sub-menu li a { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 15px; line-height: 1.6; } .main-navigation ul ul > li:hover > a, .main-navigation ul ul > li.current-menu-item > a, .main-navigation ul ul > li.current_page_item > a, .main-navigation ul ul > li.current-menu-ancestor > a, .main-navigation ul ul > li.current_page_ancestor > a { color: var(--primary-color); } svg.fa-phone { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .menu-active { position: relative; /* overflow: hidden; */ } .menu-active .site::before { background: rgba(var(--font-color-rgb), 0.5); height: 100%; z-index: 9999; position: absolute; top: 0; left: 0; width: 100%; content: ""; } @media screen and (min-width: 1025px) { .cover-modal .close { display: none; } .menu-item-has-children .submenu-toggle { background: none; color: inherit; padding: 0; border: none; width: auto; font-weight: normal; position: absolute; top: 35px; right: 10px; font-size: 10px; display: none; } .menu-item-has-children > a { position: relative; } .menu-item-has-children > a::after { background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); color: inherit; padding: 0; border: none; font-weight: normal; position: absolute; top: 35px; right: 10px; font-size: 10px; pointer-events: none; content: ""; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center; } .sub-menu .menu-item-has-children > a::after { top: 23px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .secondary-menu .menu-item-has-children > a::after { top: 22px; right: 7px; } .secondary-menu .nav-menu > .menu-item-has-children > a::after { background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); } .secondary-menu li.menu-item-has-children:hover > a::after, .secondary-menu li.menu-item-has-children.current-menu-item > a::after, .secondary-menu li.menu-item-has-children.current_page_item > a::after, .secondary-menu li.menu-item-has-children.current-menu-ancestor > a::after, .secondary-menu li.menu-item-has-children.current_page_ancestor > a::after { background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FBACA5" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); } .secondary-menu .nav-menu > li.menu-item-has-children:hover > a::after, .secondary-menu .nav-menu > li.menu-item-has-children.current-menu-item > a::after, .secondary-menu .nav-menu > li.menu-item-has-children.current_page_item > a::after, .secondary-menu .nav-menu > li.menu-item-has-children.current-menu-ancestor > a::after, .secondary-menu .nav-menu > li.menu-item-has-children.current_page_ancestor > a::after { background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>'); } } /*======================== SITE BANNER ========================*/ .site-banner .item { position: relative; } .site-banner .banner-caption { position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; justify-content: center; } .site-banner .banner-caption .container { width: 100%; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper { max-width: 420px; margin-left: auto; /* background: rgba(255,255,255,0.9) !important; */ border-radius: 7px; overflow: hidden; padding: 50px 40px; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper.bg-img.has-overlay::before { display: none; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder { margin-bottom: 0; text-align: left; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper h3 { margin-top: 0; margin-bottom: 10px; font-family: var(--secondary-font); font-weight: 600; /* color: rgba(var(--font-color-rgb), 0.8); */ } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; margin-bottom: 20px; line-height: 1.5; font-size: 0.8888em; /* color: #444; */ border-color: #999; } .site-banner .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="text"] { /*margin-bottom: 15px;*/ border: 1px solid rgba(var(--font-color-rgb), 0.05); background: var(--secondary-color); } .site-banner .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-top: 4px; } .site-banner .blossomthemes-email-newsletter-wrapper form label .text { font-size: 0.7778em; } /*========================= SITE BANNER STYLE ONE =========================*/ .site-banner { position: relative; } .site-banner.slider-one { background: rgba(var(--primary-color-rgb), 0.35); } .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] { background: #fff; color: var(--primary-color); display: inline-block; line-height: 56px; position: absolute; top: 50%; left: 0; padding: 0; font-size: 1em; width: 50px; height: 50px; font-weight: normal; z-index: 99; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .owl-carousel .owl-stage-outer + .owl-nav .owl-next { left: auto; right: 0; } .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"]:hover { background: var(--primary-color); color: #fff; } .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] svg { width: 15px; height: 20px; } .owl-carousel .owl-stage-outer + .owl-nav .owl-prev svg { margin-left: -5px; } .site-banner[class*="slider-"] .item .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .site-banner[class*="slider-"] .item .banner-caption { position: static; display: block; flex: inherit; } .site-banner[class*="slider-"] .item .banner-caption .title { margin-top: 0; margin-bottom: 0; font-size: 2.78em; line-height: 1.36; } .site-banner[class*="slider-"] .item .banner-caption .title a { color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; } .site-banner[class*="slider-"] .item .banner-caption .title a:hover { color: var(--primary-color); } .site-banner[class*="slider-"] .item .banner-caption .banner-desc { margin-top: 5px; } .site-banner[class*="slider-"] .item .banner-caption .button-wrap { margin-top: 40px; } .site-banner[class*="slider-"] .item .banner-caption .btn-readmore { margin-right: 10px; margin-top: 10px; border: 2px solid var(--primary-color); padding: 8px 30px; font-weight: 600; } .site-banner[class*="slider-"] .item .banner-caption .btn-readmore:hover, .site-banner[class*="slider-"] .item .banner-caption .btn-readmore + .btn-readmore { background: none; color: rgba(var(--font-color-rgb), 0.8); } .site-banner[class*="slider-"] .item .banner-caption .btn-readmore + .btn-readmore:hover { background: var(--primary-color); color: #fff; } .slider-one .item .slider-img { width: 580px; } .slider-one .item .slider-img + .banner-caption { width: calc(100% - 589px); padding-left: 6%; } .slider-one .item .banner-caption { padding-top: 60px; padding-bottom: 60px; } .slider-one.caption-left .item .container { flex-direction: row-reverse; } .slider-one.caption-left .item .banner-caption { padding-left: 0; padding-right: 6%; } .site-banner.caption-centered .item .banner-caption { text-align: center; } /*============================ STATIC CTA STYLE ONE & TWO ============================*/ .fancybox-container { z-index: 99999 !important; } .site-banner.video-banner .wp-custom-header .wp-custom-header-video-button { position: absolute; bottom: 20px; left: 20px; z-index: 99; padding: 0; width: 40px; height: 40px; border-radius: 100%; color: var(--primary-color); text-indent: 50px; white-space: nowrap; overflow: hidden; background-color: #fff; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FBACA5" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zM48 453.5v-395c0-4.6 5.1-7.5 9.1-5.2l334.2 197.5c3.9 2.3 3.9 8 0 10.3L57.1 458.7c-4 2.3-9.1-.6-9.1-5.2z"></path></svg>'); background-repeat: no-repeat; background-position: center; background-size: 15px; } .site-banner.video-banner .wp-custom-header .wp-custom-header-video-button:hover { background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zM48 453.5v-395c0-4.6 5.1-7.5 9.1-5.2l334.2 197.5c3.9 2.3 3.9 8 0 10.3L57.1 458.7c-4 2.3-9.1-.6-9.1-5.2z"></path></svg>'); } .site-banner.video-banner .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause { background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M192 79v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6zM448 79v352c0 26.5-21.5 48-48 48h-96c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6h-84c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6z"></path></svg>'); } .site-banner.video-banner .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:hover { background-color: #fff; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FBACA5" d="M192 79v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6zM448 79v352c0 26.5-21.5 48-48 48h-96c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6h-84c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6z"></path></svg>'); } .static-cta .item .banner-caption .title { margin-top: 0; margin-bottom: 0; font-size: 2.78em; line-height: 1.36; } .site-banner .banner-caption .btn-readmore { margin-top: 30px; } /*=========================== STATIC CTA STYLE THREE ============================*/ .site-banner.video-banner .wp-custom-header { position: relative; height: 0; padding-top: 56.25%; } .site-banner.video-banner .wp-custom-header #wp-custom-header-video { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .static-cta.style-three .banner-caption { padding-top: 40px; padding-bottom: 40px; } .static-cta.style-three .banner-caption.has-overlay { background: rgba(var(--font-color-rgb), 0.45); } .static-cta.style-three.caption-left .banner-caption { right: auto; left: 0; } .static-cta.style-three.caption-left .banner-caption .blossomthemes-email-newsletter-wrapper { margin-left: 0; margin-right: auto; } .static-cta.style-three .banner-caption .title, .static-cta.style-three .banner-caption .video-popup-btn, .static-cta.style-three.caption-right .banner-caption .button-wrap { max-width: 540px; } .static-cta.style-three .banner-caption .title { color: #fff; } .static-cta.style-three .banner-caption .video-popup-btn { margin-top: 30px; } .static-cta.style-three .video-popup-btn a { width: auto; display: inline-block; background: none; color: #fff; text-decoration: none; } .static-cta.style-three .video-popup-btn a:hover { background: none; color: var(--primary-color); } .static-cta.style-three .banner-caption .video-popup-btn a svg { background: var(--secondary-color); border-radius: 100%; color: var(--primary-color); vertical-align: middle; width: 60px; height: 60px; padding: 20px; border: 1px solid var(--primary-color); position: relative; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .static-cta.style-three .video-popup-btn a:hover svg { background: var(--primary-color); color: #fff; } .static-cta.style-three .banner-caption .video-popup-btn a span { padding-right: 0; position: relative; padding-left: 45px; display: inline-block; vertical-align: middle; } .static-cta.style-three .banner-caption .video-popup-btn a span::before { content: ""; background: var(--primary-color); width: 25px; height: 2px; position: absolute; top: 13px; left: 10px; } .static-cta.style-three.caption-centered .banner-caption { align-items: center; left: 0; } .static-cta.style-three.caption-centered .banner-caption .blossomthemes-email-newsletter-wrapper { margin-left: auto; margin-right: auto; } .static-cta.style-three.caption-centered .banner-caption .title, .static-cta.style-three.caption-centered .banner-caption .video-popup-btn, .static-cta.style-three.caption-centered .banner-caption .button-wrap { margin-left: auto; margin-right: auto; } .static-cta.style-three.caption-right .banner-caption .title, .static-cta.style-three.caption-right .banner-caption .video-popup-btn, .static-cta.style-three.caption-right .banner-caption .button-wrap { margin-left: auto; } .site-banner .banner-caption-inner { max-width: 400px; } .site-banner.caption-centered .banner-caption-inner { margin-left: auto; margin-right: auto; } .site-banner.caption-right .banner-caption-inner { margin-left: auto; } /*======================= CLIENT SECTION =======================*/ section.client-section { margin-top: 80px; margin-bottom: 5px; } .client-section .widget { text-align: center; } section.client-section .widget .widget-title { margin-top: 0; margin-bottom: 15px; font-family: var(--secondary-font); font-weight: 600; font-size: 1.1112em; color: rgba(var(--font-color-rgb), 0.8); } .client-section .widget_blossom_client_logo_widget .image-holder { width: auto; max-width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-direction: column; justify-content: center; align-items: center; } /*========================= PROMO SECTION =========================*/ section.promo-section { margin-top: 0; margin-bottom: 0; padding: 80px 0 20px 0; background: rgba(var(--primary-color-rgb), 0.15); border-top: 1px solid rgba(var(--primary-color-rgb), 0.5); } .promo-section .widget { text-align: center; } .promo-section .widget .widget-title { margin-top: 0; margin-bottom: 30px; font-family: var(--secondary-font); font-weight: 600; font-size: 1.1112em; color: rgba(var(--font-color-rgb), 0.8); } .promo-section .widget .bttk-itw-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .promo-section .widget .bttk-itw-holder li { width: 33.33%; padding: 30px 15px; margin: 0; } .promo-section .widget .itw-inner-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 0; padding-top: 100%; } .promo-section .widget .itw-inner-wrap a:not(.btn-readmore) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .promo-section .widget .itw-inner-wrap img { width: 100%; height: 100%; object-fit: cover; } .promo-section .widget_bttk_image_text_widget ul li .btn-readmore { background: #fff; padding: 15px 30px; text-transform: none; font-family: var(--secondary-font); color: rgba(var(--font-color-rgb), 0.8); font-size: 1em; font-weight: 600; position: relative; top: auto; bottom: 0; left: auto; right: auto; margin: 0 auto; width: auto; display: table; line-height: 1.5; letter-spacing: 0.5px; max-width: calc(100% - 60px); -webkit-transform: none; -moz-transform: none; transform: none; } .promo-section .widget_bttk_image_text_widget ul li .btn-readmore::before { content: ""; border: 1px solid #fff; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .promo-section .widget_bttk_image_text_widget ul li:hover .btn-readmore { background: var(--primary-color); color: #fff; } .promo-section .widget_bttk_image_text_widget ul li:hover .btn-readmore::before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 0; visibility: hidden; } .promo-section .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] { background: rgba(255,255,255,0.75); color: var(--font-color); border-radius: 100%; width: 40px; height: 40px; line-height: 46px; top: 45%; } .promo-section .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"]:hover { background: var(--primary-color); color: #fff; } /*=========================== ABOUT SECTION ===========================*/ section.about-section { margin-bottom: 80px; } .about-section .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; flex-direction: row-reverse; } .about-section .section-img { width: 42%; margin: 0; display: inline-block; } .about-section .section-content-wrap { width: 57%; padding-right: 10%; display: inline-block; } .about-section .section-content { margin-bottom: 40px; } .about-section .about-counter-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; text-align: center; } .about-section .about-counter-wrap .about-counter { width: 20%; margin-right: 2.5%; margin-bottom: 40px; margin-left: 2.5%; } .about-counter .counter-num { width: 100px; height: 100px; margin: 0 auto; text-align: center; background-color: var(--primary-color); background-image: url('images/white-spots.png'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; justify-content: center; align-items: center; font-family: var(--secondary-font); font-weight: 600; font-size: 1.67em; } .about-counter .counter-title { display: block; margin-top: 10px; font-family: var(--secondary-font); font-weight: 600; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.7); line-height: 1.31; } .about-section .section-img a { display: block; position: relative; } /*========================== CTA SECTION ==========================*/ section.cta-section { margin-top: 0; margin-bottom: 0; text-align: center; } section.cta-section .widget { margin-bottom: 0; position: relative; } section.cta-section .widget:not(.widget_blossomtheme_companion_cta_widget) .widget-title { text-align: center; } section.cta-section .widget > div { padding: 0; margin-right: 50%; min-height: 525px; flex: 1; flex-direction: column; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cta-section .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg::before { display: none; } section.cta-section .widget .blossomtheme-cta-container { position: relative; top: 0; left: 100%; background-color: var(--secondary-color); background-image: url(images/flower-bg.png); background-size: cover; background-repeat: no-repeat; padding: 10% 30% 10% 10%; min-height: 525px; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; justify-content: center; flex-direction: column; } section.cta-section .widget .widget-title { margin-top: 0; margin-bottom: 20px; font-family: var(--secondary-font); font-weight: 600; line-height: 1.16; font-size: 2.5em; text-align: left; color: var(--font-color); } section.cta-section .widget .text-holder { font-size: 1.1112em; font-weight: 500; line-height: 1.7; color: rgba(var(--font-color-rgb), 0.8); } section.cta-section .widget .text-holder p { margin-top: 20px; margin-bottom: 0; } section.cta-section .widget .text-holder p:first-child { margin-top: 0; } .cta-section .widget .button-wrap { margin-top: 20px; } .cta-section .widget .button-wrap .btn-cta { background: var(--primary-color); color: #fff; font-size: 0.8em; letter-spacing: 0.5px; font-weight: 600; padding: 10px 30px; display: inline-block; margin: 5px; text-decoration: none; border: 2px solid var(--primary-color); } .cta-section .widget .button-wrap .btn-cta:hover, .cta-section .widget .button-wrap .btn-cta.btn-2 { background: none; color: rgba(var(--font-color-rgb), 0.8); } .cta-section .widget .button-wrap .btn-cta.btn-2:hover { background: var(--primary-color); color: #fff; } section.cta-section.style-one .widget .centered .widget-title, section.cta-section.style-one .widget .centered .text-holder { text-align: center; } section.cta-section .widget .right .blossomtheme-cta-container, section.cta-section .widget .right .widget-title { text-align: right; } /*========================== SERVICE SECTION ==========================*/ section.service-section { margin-bottom: 100px; } section.service-section .widget_text { text-align: center; max-width: 850px; margin-left: auto; margin-right: auto; } section.service-section .widget_text .widget-title { margin-bottom: 20px; } section.service-section .widget_bttk_icon_text_widget { margin-bottom: 80px; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; flex-direction: row; max-width: 980px; margin: 0 auto; text-align: left; } .home .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder, .page-template-service .service-section .widget:nth-child(2n) .rtc-itw-inner-holder { flex-direction: row-reverse; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { order: inherit; width: 43%; margin-right: 10%; padding-left: 30px; position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .service-section.style-one .rtc-itw-inner-holder .text-holder::after { content: ""; -webkit-mask-image: url(images/vector-bg.svg); -moz-mask-image: url(images/vector-bg.svg); mask-image: url(images/vector-bg.svg); -webkit-mask-repeat: no-repeat; -moz-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; -moz-mask-position: center; mask-position: center; -webkit-mask-size: cover; -moz-mask-size: cover; mask-size: cover; background-color: rgba(var(--primary-color-rgb), 0.15); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .home .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder .text-holder, .page-template-service .service-section .widget:nth-child(2n) .rtc-itw-inner-holder .text-holder { margin-right: 0; margin-left: 10%; } .service-section .section-grid { counter-reset: section; } section.service-section .widget_bttk_icon_text_widget .text-holder::before { content: counter(section); counter-increment: section; font-size: 1.1112em; color: var(--primary-color); font-weight: 600; font-family: var(--secondary-font); width: 35px; height: 35px; text-align: center; line-height: 35px; border: 2px dotted var(--primary-color); border-radius: 100%; margin-bottom: 15px; } section.service-section .rtc-itw-inner-holder .widget-title { font-size: 1.39em; letter-spacing: 0.5px; line-height: 1.52; margin-bottom: 0; text-align: left; } section.service-section .rtc-itw-inner-holder .content { color: rgba(var(--font-color-rgb), 0.8); } section.service-section .rtc-itw-inner-holder .content p { margin-top: 15px; margin-bottom: 0; } .service-section .rtc-itw-inner-holder .text-holder .btn-readmore { margin-top: 20px; padding: 0 40px 0 0; background: none; color: var(--primary-color); font-size: 0.8888em; font-weight: 600; line-height: 1.5; position: relative; } .service-section .rtc-itw-inner-holder .text-holder .btn-readmore:hover { padding-right: 30px; background: none; color: var(--primary-color); } .service-section .rtc-itw-inner-holder .text-holder .btn-readmore::after { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FBACA5" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>'); position: absolute; top: 0; right: 0; width: 22px; height: 25px; background-repeat: no-repeat; background-size: cover; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder { background: rgba(var(--primary-color-rgb), 0.1); width: 47%; min-height: 303px; font-size: 5em; text-align: center; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--primary-color); } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder img { width: 100%; height: 100%; object-fit: cover; } section.service-section .button-wrap { margin-top: 80px; text-align: center; } /*========================== TESTIMONIAL SECTION ==========================*/ section.testimonial-section { margin-bottom: 100px; } section.testimonial-section .section-header { text-align: center; max-width: 850px; margin: 0 auto 60px auto; } section.testimonial-section .section-header .section-title { margin-bottom: 0; } section.testimonial-section .section-header .section-content { margin-top: 20px; } section.testimonial-section .section-header .section-content p:last-child { margin-bottom: 0; } .testimonial-section .section-grid { background-color: rgba(var(--primary-color-rgb), 0.3); /* background-image: url('images/flower-bg.png'); */ background-repeat: no-repeat; background-size: cover; padding: 100px; text-align: center; position: relative; } .testimonial-section .section-grid .widget { margin-bottom: 0; } .testimonial-section .widget_bttk_testimonial_widget .bttk-testimonial-holder { padding: 0; } .testimonial-section .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder { border: none; border-radius: 0; padding: 5px 0 0 0; } .testimonial-section .section-grid .img-holder { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto 40px auto; position: relative; padding: 2px; border: 1px dashed var(--primary-color); top: 0; background: none; overflow: visible; } .testimonial-section .section-grid .img-holder::before { content: ""; border: 1px dashed var(--primary-color); position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border-radius: 100%; } .testimonial-section .section-grid .img-holder img { border-radius: 100%; width: 100%; height: 100%; object-fit: cover; } .testimonial-section .section-grid .text-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-direction: column-reverse; max-width: 850px; margin-left: auto; margin-right: auto; } .testimonial-section .section-grid .testimonial-content { font-size: 1.1112em; line-height: 1.7; letter-spacing: 0.15px; color: rgba(var(--font-color-rgb), 0.8); position: relative; padding-bottom: 30px; margin-top: 0; } .testimonial-section .section-grid .testimonial-content::after { content: ""; background-color: var(--primary-color); background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="13.961" height="11.658" viewBox="0 0 13.961 11.658"> <g id="Group_184" data-name="Group 184" transform="translate(0 0)"> <path id="Path_3947" data-name="Path 3947" d="M4.469,13.142a3.7,3.7,0,0,0-1.022-.149,3.212,3.212,0,0,0-1.282.263c.322-1.179,1.1-3.215,2.638-3.444a.366.366,0,0,0,.3-.263l.337-1.205a.366.366,0,0,0-.3-.461,2.559,2.559,0,0,0-.345-.023c-1.851,0-3.683,1.932-4.457,4.7-.454,1.623-.587,4.062.531,5.6a3.339,3.339,0,0,0,2.713,1.364h.014a3.248,3.248,0,0,0,.876-6.375Z" transform="translate(0 -7.858)" fill="%23fff"/> <path id="Path_3948" data-name="Path 3948" d="M55.047,14.676a3.256,3.256,0,0,0-1.953-1.534,3.7,3.7,0,0,0-1.022-.149,3.213,3.213,0,0,0-1.282.263c.322-1.179,1.1-3.215,2.638-3.444a.366.366,0,0,0,.3-.263l.337-1.205a.366.366,0,0,0-.3-.461,2.555,2.555,0,0,0-.345-.023c-1.851,0-3.683,1.932-4.457,4.7-.454,1.623-.587,4.062.531,5.6A3.338,3.338,0,0,0,52.2,19.517h.015a3.248,3.248,0,0,0,2.828-4.841Z" transform="translate(-41.505 -7.858)" fill="%23fff"/> </g> </svg>'); background-repeat: no-repeat; background-position: center; border-radius: 100%; width: 25px; height: 25px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } .testimonial-section .section-grid .widget_bttk_testimonial_widget .testimonial-content p { margin-top: 0; margin-bottom: 20px; } .testimonial-section .section-grid .testimonial-meta { margin-top: 20px; position: relative; padding-top: 10px; } .testimonial-section .section-grid .testimonial-meta::before { content: ""; border-top: 3px dotted rgba(var(--primary-color-rgb), 0.67); width: 60px; height: 3px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; } .testimonial-section .section-grid .widget_bttk_testimonial_widget .name { display: block; font-size: 1.39em; font-family: var(--secondary-font); font-weight: 600; line-height: 1.52; } .testimonial-section .section-grid .widget_bttk_testimonial_widget .designation { display: block; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.5); line-height: 1.5; } .testimonial-section .section-grid .owl-carousel .owl-dots { position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; z-index: 99; } .testimonial-section .section-grid .owl-carousel .owl-dots .owl-dot { padding: 0; width: 10px; height: 10px; border-radius: 100%; margin: 4px; background: rgba(var(--primary-color-rgb), 0.4); } .testimonial-section .section-grid .owl-carousel .owl-dots .owl-dot:hover, .testimonial-section .section-grid .owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); } .owl-carousel button[data-action="stop"], .owl-carousel button[data-action="start"] { display: none; } .testimonial-section .button-wrap { text-align: center; margin-top: 40px; width: 100%; } /*=================================== TESTIMONIAL SECTION STYLE ONE ===================================*/ .testimonial-section.style-one .testimonial-wrap { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .testimonial-section.style-one .widget_bttk_testimonial_widget { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .testimonial-section.style-one .bttk-testimonial-holder { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; flex: 1; justify-content: center; } .testimonial-section .section-grid .text-holder { max-width: 100%; } .testimonial-section .section-grid .testimonial-meta { padding-top: 0; margin-top: 0; } .testimonial-section .section-grid .testimonial-meta:before { display: none; } /*=========================== BLOG SECTION ===========================*/ section.blog-section { margin-bottom: 100px; } .blog-section .section-header { text-align: center; max-width: 850px; margin: 0 auto; } .blog-section .section-header .section-title { margin-bottom: 15px; } .blog-section .section-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 1070px; } .blog-section .section-grid article { width: 30.66%; margin-right: 4%; margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: auto; } .blog-section .section-grid article:last-child { margin-right: 0; } .blog-section .section-grid article .post-thumbnail { margin: 0; position: relative; } .blog-section .section-grid article .post-thumbnail img { width: 100%; } .blog-section .section-grid article .post-thumbnail .posted-on { position: absolute; bottom: 0; left: 0; font-size: 0.8888em; letter-spacing: 0.2px; line-height: 1.5; } .blog-section .section-grid article .post-thumbnail .posted-on a { display: inline-block; background: var(--secondary-color); padding: 5px 20px; color: rgba(var(--font-color-rgb), 0.5); text-decoration: none; } .blog-section .section-grid article .post-thumbnail .posted-on a:hover { background: var(--primary-color); color: #fff; } .blog-section .section-grid article .entry-header { border: 1px solid var(--secondary-color); padding: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: auto; } .blog-section .section-grid article .entry-header .entry-title { font-family: var(--secondary-font); font-weight: 600; font-size: 1.1112em; } .blog-section .section-grid article .entry-title a { display: inline-block; color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; } .blog-section .section-grid article .entry-title a:hover { color: var(--primary-color); } .blog-section .button-wrap { margin-top: 60px; text-align: center; } /*============================ CONTACT SECTION ============================*/ section.contact-section { margin-bottom: 100px; } section.contact-section .section-header { text-align: center; margin-bottom: 60px; max-width: 850px; margin-left: auto; margin-right: auto; width: 100%; } section.contact-section .section-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } section.contact-section .widget { margin-bottom: 0; /* width: 30%; */ flex: 1; } section.contact-section .widget .widget-title { font-size: 1.39em; margin-bottom: 10px; } section.contact-section .widget_bttk_contact_social_links { background: var(--secondary-color); } section.contact-section .widget_bttk_contact_social_links .widget-title { padding-top: 35px; padding-left: 35px; padding-right: 35px; margin-bottom: 0; } section.contact-section .widget_bttk_contact_social_links p { margin-top: 0; margin-bottom: 0; padding: 10px 35px 0 35px; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.8); } section.contact-section .widget_bttk_contact_social_links ul.contact-list li { margin-bottom: 0; color: rgba(var(--font-color-rgb), 0.8); padding: 35px 35px 0 35px; background: rgba(var(--primary-color-rgb), 0.15); font-size: 1em; } section.contact-section .widget_bttk_contact_social_links ul.contact-list li:first-child { background: none; padding-bottom: 35px; } section.contact-section .widget_bttk_contact_social_links ul.contact-list li:last-child { padding-bottom: 35px; } section.contact-section .widget_bttk_contact_social_links ul.contact-list li:nth-child(2) + li { padding-top: 5px; } section.contact-section .widget_bttk_contact_social_links ul.contact-list li a:hover { color: rgba(var(--font-color-rgb), 0.5); text-decoration: underline; } section.contact-section .widget_bttk_contact_social_links .contact-list-title { font-size: 1.1112em; font-family: var(--secondary-font); display: block; letter-spacing: 1px; font-weight: 600; color: rgba(var(--font-color-rgb), 0.8); margin-bottom: 10px; } section.contact-section .widget_bttk_contact_social_links .social-networks { padding: 35px; margin-top: 0; } section.contact-section .widget_bttk_contact_social_links .social-networks .contact-list-title { margin-bottom: 0; } section.contact-section .widget_bttk_contact_social_links .social-networks li { font-size: 1em; display: inline-block; line-height: 1; margin-top: 10px; margin-right: 10px; margin-bottom: 0; } section.contact-section .widget_bttk_contact_social_links .social-networks li a { padding: 0; color: var(--primary-color); width: 40px; text-align: center; height: 40px; line-height: 36px; border: 2px dotted var(--primary-color); border-radius: 100%; } section.contact-section .widget_bttk_contact_social_links .social-networks li a:hover { background: var(--primary-color); color: #fff; } section.contact-section .widget_media_image { /* width: 35%; */ display: flex; flex-direction: column; } section.contact-section .widget_media_image a { display: flex; flex-direction: column; flex: auto; } section.contact-section .widget_media_image .widget-title { display: none; } section.contact-section .widget_media_image img { width: 100%; height: 100% !important; object-fit: cover; } section.contact-section .widget_text { /* width: 35%; */ background: var(--secondary-color); padding: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } section.contact-section .widget .textwidget, section.contact-section .widget .textwidget p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: auto; } section.contact-section .widget .textwidget img { width: 100%; height: 100%; object-fit: cover; } section.contact-section .widget_custom_html { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: 1; padding: 0; } section.contact-section .widget_custom_html .widget-title { display: none; } section.contact-section .widget_custom_html .custom-html-widget { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: 1; } section.contact-section .widget_custom_html .custom-html-widget iframe { width: 100%; height: 100%; min-height: 350px; } section[class*="-section"] .widget_text .textwidget .wpcf7 form p { margin-top: 20px; margin-bottom: 0; } section[class*="-section"] .widget_text .textwidget .wpcf7 form p label { display: block; font-size: 0.7778em; color: rgba(var(--font-color-rgb), 0.7); font-weight: 600; } section[class*="-section"] .widget_text .textwidget .wpcf7 form p .wpcf7-form-control-wrap { display: block; margin-top: 5px; font-size: 1em; font-weight: normal; color: var(--font-color); } section.contact-section .wpcf7 form input, section.contact-section .wpcf7 form textarea, section.contact-section .wpcf7 form select { border: none; } /*============================= CONTACT SECTION STYLE TWO =============================*/ section.contact-section.style-two .widget_text { border-left: 2px solid #fff; } section.contact-section.style-two .widget_text.widget_custom_html { padding: 0; } section.contact-section.style-two .widget_text.widget_custom_html .widget-title { display: none; } section.contact-section.style-two .widget_text.widget_custom_html .custom-html-widget, section.contact-section.style-two .widget_text.widget_custom_html iframe { width: 100%; height: 100%; } section.contact-section.style-two .widget_bttk_contact_social_links ul.contact-list li:first-child { border-bottom: 2px solid #fff; } section.contact-section.style-two .widget_bttk_contact_social_links .social-networks { border-top: 2px solid #fff; } /*============================ NEWSLETTER SECTION ============================*/ section.newsletter-section { margin: 0; } .newsletter-block { border-top: 1px solid rgba(var(--primary-color-rgb), 0.3); margin-top: 30px; padding-top: 60px; margin-bottom: 60px; } .newsletter-section .blossomthemes-email-newsletter-wrapper { padding: 100px 0; } .newsletter-block .blossomthemes-email-newsletter-wrapper { padding: 60px; } .newsletter-section .container { max-width: 970px; margin: 0 auto; text-align: center; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3, .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder h3 { margin-top: 0; margin-bottom: 0; font-family: var(--secondary-font); font-size: 2.78em; font-weight: 600; line-height: 1.36; } .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2em; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span, .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; font-size: 1.1112em; margin-top: 10px; } .newsletter-section .blossomthemes-email-newsletter-wrapper form, .newsletter-block .blossomthemes-email-newsletter-wrapper form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; max-width: 768px; margin-left: auto; margin-right: auto; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="text"], .newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="text"] { width: 40%; margin-right: 20px; margin-bottom: 0; margin-top: 10px; background: rgba(255,255,255,0.9); } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"], .newsletter-section .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"] + input[name="subscribe-email"], .newsletter-block .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"], .newsletter-block .blossomthemes-email-newsletter-wrapper form input[name="subscribe-fname"] + input[name="subscribe-email"] { flex: 1; width: auto; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label, .newsletter-block .blossomthemes-email-newsletter-wrapper form label { margin-bottom: 0; margin-top: 10px; order: 5; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap, .newsletter-block .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap { justify-content: center; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark, .newsletter-block .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark { background: #fff; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label .text, .newsletter-block .blossomthemes-email-newsletter-wrapper form label .text { flex: inherit; max-width: calc(100% - 25px); text-align: left; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"], .newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="submit"] { padding: 0 20px; min-height: 50px; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: initial; margin-top: 10px; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover, .newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover { background: var(--secondary-color); color: var(--primary-color); } /*============================ INSTAGRAM SECTION ============================*/ .instagram-section { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; flex-direction: column; align-items: center; position: relative; } .home .instagram-section { margin-top: 100px; } .instagram-section .popup-gallery { order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: auto; flex-wrap: wrap; align-items: flex-start; margin: 20px -25px 0 -25px; padding: 0; list-style: none; width: 100%; } .instagram-section .popup-gallery li { padding: 0; display: block; position: relative; } .instagram-section .popup-gallery.photos-2 li { width: 50%; } .instagram-section .popup-gallery.photos-3 li { width: 33.33%; } .instagram-section .popup-gallery.photos-4 li { width: 25%; } .instagram-section .popup-gallery.photos-5 li { width: 20%; } .instagram-section .popup-gallery.photos-6 li { width: 16.6667%; } .instagram-section .popup-gallery.photos-7 li { width: 14.26%; } .instagram-section .popup-gallery.photos-8 li { width: 12.5%; } .instagram-section .popup-gallery.photos-9 li { width: 11.111%; } .instagram-section .popup-gallery.photos-10 li { width: 10%; } .instagram-section .popup-gallery.photos-11 li { width: 9.08%; } .instagram-section .popup-gallery.photos-12 li { width: 8.33%; } .instagram-section ul li .instagram-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; position: absolute; bottom: 0px; text-align: center; left: 0px; right: 0px; background: rgba(0,0,0,0.7); font-size: 0.8888em; justify-content: center; color: #fff; padding: 5px 0; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .instagram-section ul li:hover .instagram-meta { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .instagram-section ul li .instagram-meta span { padding: 5px 10px; display: inline-block; } .instagram-section ul li .instagram-meta span svg { margin-right: 5px; } .instagram-section .profile-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #111; font-size: 0.7778em; position: absolute; top: 50%; left: 50%; z-index: 99; padding: 15px 30px; background: var(--secondary-color); font-weight: 700; text-decoration: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .instagram-section .profile-link:hover { background: var(--primary-color); color: #fff; } .instagram-section .profile-link::before { content: ""; border: 1px solid var(--secondary-color); position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; } .instagram-section .profile-link:hover::before { border-color: var(--primary-color); } .instagram-section .profile-link .insta-icon { display: inline-block; margin-right: 5px; } @media screen and (max-width: 1366px) { .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 14.26%; } } @media screen and (max-width: 1199px) { .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 20%; } } @media screen and (max-width: 1024px) { .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 25%; } } @media screen and (max-width: 767px) { .instagram-section .popup-gallery.photos-2 li, .instagram-section .popup-gallery.photos-3 li, .instagram-section .popup-gallery.photos-4 li, .instagram-section .popup-gallery.photos-5 li, .instagram-section .popup-gallery.photos-6 li, .instagram-section .popup-gallery.photos-7 li, .instagram-section .popup-gallery.photos-8 li, .instagram-section .popup-gallery.photos-9 li, .instagram-section .popup-gallery.photos-10 li, .instagram-section .popup-gallery.photos-11 li, .instagram-section .popup-gallery.photos-12 li { width: 33.33%; } .instagram-section ul li .instagram-meta { font-size: 0.7778em; } .instagram-section ul li .instagram-meta span { padding-left: 5px; padding-right: 5px; } } @media screen and (max-width: 480px) { .instagram-section .profile-link { left: 20px; right: 20px; text-align: center; justify-content: center; padding: 10px 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } } /*========================== SITE FOOTER ==========================*/ .footer-t { background: rgba(var(--font-color-rgb), 0.95); padding-top: 80px; padding-bottom: 30px; } .site-footer .grid:not(.column-1) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; } .site-footer .grid:not(.column-1) .col { margin-right: 3%; } .site-footer .grid:not(.column-1) .col:last-child { margin-right: 0; } .site-footer .grid.column-2 .col { width: 48%; } .site-footer .grid.column-3 .col { width: 31.33%; } .site-footer .grid.column-4 .col { width: 22.66%; } .site-footer .widget select { background-color: transparent; border-color: rgba(255,255,255,0.3); color: #fff; } .site-footer .blossomthemes-email-newsletter-wrapper form input[type="submit"] { background: rgba(255,255,255,0.15); } .site-footer .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover { background: var(--primary-color); } .site-footer .widget .widget-title { margin-top: 0; margin-bottom: 30px; font-size: 1.1112em; color: #fff; font-family: var(--secondary-font); font-weight: 600; } .site-footer .widget_bttk_contact_social_links p { margin-top: 0; color: #fff; } .site-footer .widget ul li, .site-footer .widget ul li a, .site-footer .widget .textwidget, .site-footer .blossomthemes-email-newsletter-wrapper .text-holder, .site-footer .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { color: rgba(255,255,255,0.9); font-size: 1em; } .site-footer .widget ul li a:hover { color: var(--primary-color); } .site-footer .footer-b { border-top: 1px solid rgba(255,255,255,0.1); background: rgba(var(--font-color-rgb), 0.95); padding: 25px 0; color: #fff; font-size: 0.8888em; } .footer-b .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .footer-b .site-info { flex: 1; } .footer-b .site-info a { text-decoration: none; } .footer-b .copyright a:hover { text-decoration: underline; } .footer-b .copyright > a, .footer-b .copyright > .author-link { display: inline-block; } .footer-b .footer-menu { flex: initial; padding-left: 20px; } .footer-b .footer-menu ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-end; } .footer-b .footer-menu ul li { margin-left: 10px; margin-right: 10px; position: relative; } .footer-b .footer-menu ul li::before { content: "|"; position: absolute; top: 0; left: -15px; } .footer-b .footer-menu ul li:first-child::before { display: none; } .footer-b .footer-menu ul li a { display: inline-block; color: #fff; text-decoration: none; } .footer-b .footer-menu ul li a:hover { color: var(--primary-color); } /*============================= POST LAYOUT DEFAULT STYLE =============================*/ body[class*="-layout"] .content-area, body[class*="-layout"] .widget-area { margin-top: 65px; } body[class*="-layout"] .site-main article { margin-bottom: 60px; } body[class*="-layout"] .site-main article .post-thumbnail { position: relative; margin: 0; } body[class*="-layout"] .site-main .post-thumbnail .post-share { position: absolute; bottom: 0; left: 0; background: #fff; } body[class*="-layout"] .site-main .post-thumbnail .post-share .post-share-toggle { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 45px; text-align: center; background: var(--primary-color); cursor: pointer; } body[class*="-layout"] .site-main .post-thumbnail .post-share .post-share-toggle:hover { background: rgba(var(--primary-color-rgb), 0.8); } body[class*="-layout"] .site-main .post-thumbnail .post-share .social-networks { margin: 0; padding: 0; list-style: none; display: none; } body[class*="-layout"] .site-main .post-thumbnail .post-share .social-networks li { display: block; text-align: center; font-size: 0.8888em; } body[class*="-layout"] .site-main .post-thumbnail .post-share .social-networks li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 45px; color: rgba(var(--font-color-rgb), 0.6); background: rgb(var(--primary-color-rgb), 0.5); } body[class*="-layout"] .site-main .post-thumbnail .post-share .social-networks li a:hover { background: rgb(var(--primary-color-rgb), 0.2); } body[class*="-layout"] .site-main article .entry-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } body[class*="-layout"] .site-main article .entry-meta > span { display: inline-block; font-size: 0.7778em; letter-spacing: 0.5px; margin-right: 25px; color: rgba(var(--font-color-rgb), 0.8); } body[class*="-layout"] .site-main article .entry-meta > span:last-child { margin-right: 0; } body.classic-layout .site-main article .entry-meta > span:not(.category) { margin-top: 5px; } body[class*="-layout"] .site-main article .entry-meta > span svg { margin-right: 5px; font-size: 1.2em; color: var(--primary-color); } body[class*="-layout"] .site-main article .entry-meta > span a { display: inline-block; color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; } body[class*="-layout"] .site-main article .entry-meta > span a:hover { color: var(--primary-color); } body[class*="-layout"] .site-main article .entry-meta > span.category a { display: inline-block; color: var(--primary-color); background: rgba(var(--primary-color-rgb), 0.15); padding: 5px 10px; margin-right: 3px; line-height: 1.3; } body.classic-layout .site-main article .entry-meta > span.category a { margin-top: 5px; } body[class*="-layout"] .site-main article .entry-meta > span.category a:hover { background: var(--primary-color); color: #fff; } body[class*="-layout"] .site-main article .content-wrap .entry-title { margin-top: 0; margin-bottom: 0; font-family: var(--secondary-font); font-weight: 600; font-size: 1.39em; line-height: 1.52; } body[class*="-layout"] .site-main article .content-wrap .entry-title a { color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; } body[class*="-layout"] .site-main article .content-wrap .entry-title a:hover { color: var(--primary-color); } body[class*="-layout"] .site-main article .content-wrap .entry-content { margin-top: 20px; } body[class*="-layout"] .site-main article .content-wrap .entry-content p { margin-top: 0; margin-bottom: 20px; } body[class*="-layout"] .site-main article .content-wrap .entry-content p:last-child { margin-bottom: 0; } body[class*="-layout"] .site-main article .content-wrap .entry-footer .readmore-link { margin-top: 20px; padding: 0 40px 0 0; display: inline-block; background: none; color: var(--primary-color); font-size: 0.8888em; font-weight: 600; line-height: 1.5; position: relative; text-decoration: none; } body[class*="-layout"] .site-main article .content-wrap .entry-footer .readmore-link::after { content: ""; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FBACA5" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>'); position: absolute; top: 0; right: 0; width: 22px; height: 25px; background-repeat: no-repeat; background-size: cover; } /*========================== CLASSIC LAYOUT ==========================*/ .classic-layout .site-main article .content-wrap { border: 1px solid rgba(var(--primary-color-rgb), 0.25); padding: 30px 40px 40px; } .classic-layout .site-main article .content-wrap .entry-title { font-size: 2.5em; line-height: 1.16; } /*=========================== LIST LAYOUT ===========================*/ .list-layout .site-main article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .list-layout .site-main article .post-thumbnail { width: 280px; } .list-layout .site-main article .content-wrap { width: calc(100% - 280px); padding-left: 50px; } body.list-layout .site-main article .entry-meta { margin-bottom: 15px; } .list-layout .site-main article .entry-meta > span.category { order: -1; display: block; width: 100%; margin-bottom: 15px; } .list-layout .site-main article .entry-meta > span.category a { margin-bottom: 5px; } body.list-layout .site-main article .content-wrap .entry-content { margin-top: 10px; } /*============================ GRID LAYOUT ===========================*/ .grid-layout .site-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .grid-layout .site-main article { width: 48%; margin-right: 4%; } .grid-layout .site-main article:nth-child(2n) { margin-right: 0; } body.grid-layout .site-main article .post-thumbnail { margin-bottom: 30px; } body.grid-layout .site-main article .entry-meta > span.category { display: block; margin-top: 10px; width: 100%; } body.grid-layout .site-main article .entry-meta > span.category a { margin-top: 5px; } body.grid-layout .site-main article .content-wrap .entry-content { margin-top: 15px; } /*============================ SINGLE POST PAGE ============================*/ .single .breadcrumb-wrapper { margin-bottom: 20px; } .single .site-content > .entry-header { background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; padding: 75px 0; min-height: 600px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; z-index: 9; } .single.style-one .site-content > .entry-header { background-color: var(--primary-color); padding: 0; } .single .site-content > .entry-header .container { max-width: 970px; } .single.style-one .site-content > .entry-header .container { max-width: 100%; width: 100%; background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.7) 50%); background: -moz-linear-gradient(transparent, rgba(0,0,0,0.7) 50%); background: -ms-linear-gradient(transparent, rgba(0,0,0,0.7) 50%); background: -o-linear-gradient(transparent, rgba(0,0,0,0.7) 50%); background: linear-gradient(transparent, rgba(0,0,0,0.7) 50%); padding: 100px 0 75px 0; } .single.style-one .site-content > .entry-header span.category, .single.style-one .site-content > .entry-header .entry-title, .single.style-one .site-content > .entry-header .entry-meta { max-width: 970px; margin-left: auto; margin-right: auto; } .single .site-content > .entry-header .entry-title { margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-family: var(--secondary-font); color: #fff; font-weight: 600; line-height: 1.16; } .single .site-content > .entry-header .entry-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 20px; } .single .site-content > .entry-header .entry-meta > span { display: inline-block; font-size: 0.7778em; letter-spacing: 0.5px; margin-right: 25px; color: #fff; } .single .site-content > .entry-header .entry-meta > span:last-child { margin-right: 0; } .single .site-content > .entry-header .entry-meta > span svg { margin-right: 5px; font-size: 1.2em; color: var(--primary-color); } .single .site-content > .entry-header .entry-meta > span a { display: inline-block; color: #fff; text-decoration: none; } .single .site-content > .entry-header .entry-meta > span a:hover { color: var(--primary-color); } .single .site-content > .entry-header span.category { margin-bottom: 20px; display: inline-block; font-size: 0.7778em; letter-spacing: 0.5px; color: rgba(var(--font-color-rgb), 0.8); } .single.style-one .site-content > .entry-header span.category { position: relative; z-index: 1; } .single .site-content > .entry-header span.category a { display: inline-block; color: var(--primary-color); background: rgba(var(--primary-color-rgb), 0.15); padding: 5px 10px; margin-right: 3px; line-height: 1.3; text-decoration: none; position: relative; } .single .site-content > .entry-header span.category a:hover { background: var(--primary-color); color: #fff; } .single .site-content > .entry-header span.category a::before { content: ""; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .single-post .content-area, .single-post .widget-area { margin-top: 80px; } .single-post .site-main article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: flex-start; } .single-post .site-main article .article-meta { width: 120px; text-align: center; } .single-post .site-main article.sticky-meta .article-meta { position: sticky; top: 50px; } .single .site-main article .byline { display: block; } .single .site-main article .byline a { display: block; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.8); text-decoration: none; letter-spacing: 0.5px; } .single .site-main article .byline a:hover { color: var(--primary-color); } .single .site-main article .byline img { width: 90px; height: 90px; margin-bottom: 10px; border-radius: 100%; display: block; margin-left: auto; margin-right: auto; } .single-post .site-main article .article-meta .byline + .post-share { border-top: 1px solid rgba(var(--primary-color-rgb), 0.3); margin-top: 15px; padding-top: 20px; } .single-post .site-main article .article-meta .post-share .post-share-toggle { padding: 0; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 45px; text-align: center; background: var(--primary-color); cursor: pointer; } .single-post .site-main article .article-meta .post-share .post-share-toggle:hover { background: rgba(var(--primary-color-rgb), 0.8); } .single-post .site-main article .article-meta .post-share .social-networks { margin: 0; padding: 0; list-style: none; } .single-post .site-main article .article-meta .post-share .social-networks li { display: block; text-align: center; font-size: 0.8888em; } .single-post .site-main article .article-meta .post-share .social-networks li a { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 45px; color: rgba(var(--font-color-rgb), 0.6); background: rgb(var(--primary-color-rgb), 0.5); } .single-post .site-main article .article-meta .post-share .social-networks li a:hover { background: rgb(var(--primary-color-rgb), 0.2); } .single-post .site-main article .article-meta + .content-wrap { width: calc(100% - 120px); padding-left: 30px; } .single .site-main .entry-content { margin-top: 0; } .single .site-main .entry-content p { margin-top: 0; margin-bottom: 20px; } .single .site-main .cat-tags { display: inline-block; vertical-align: middle; } .single .site-main .cat-tags .tag-title { color: var(--primary-color); display: inline-block; vertical-align: middle; margin-top: 10px; margin-right: 10px; } .single .site-main .cat-tags a { display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: 10px; font-size: 0.7778em; letter-spacing: 0.5px; text-decoration: none; background: rgba(var(--primary-color-rgb), 0.15); padding: 0 12px; } .single .site-main .cat-tags a:hover { background: var(--primary-color); color: #fff; } .single-post.full-width-centered .site-content .content-area { max-width: 100%; } .single-post.full-width-centered .site-content .site-main { position: relative; } .single-post.full-width-centered .site-content .site-main article { max-width: 770px; margin-left: auto; margin-right: auto; display: block; } .single-post.full-width-centered .site-main article .article-meta { position: absolute; top: 0; left: 0; height: 100%; } .single-post.full-width-centered .site-main article .content-wrap { width: auto; padding-left: 0; } .author-signature { margin-top: 40px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(var(--primary-color-rgb), 0.15); border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.15); } .author-signature.center { text-align: center; } .author-signature.right { text-align: right; } .author-signature .header-social { margin-top: 10px; } .author-signature.center .header-social { justify-content: center; } .author-signature.right .header-social { justify-content: flex-end; } .author-signature .social-networks { margin: 0; padding: 0; list-style: none; } .author-signature .header-social .social-networks li { margin-top: 10px; } .author-signature .header-social .social-networks li a { padding: 0; width: 35px; height: 35px; text-align: center; line-height: 33px; border: 1px solid rgba(0,0,0,0.1); } .author-signature .header-social .social-networks li a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } /*============================ AUTHOR SECTION ============================*/ .author-section { border-top: 1px solid rgba(var(--primary-color-rgb), 0.3); margin-top: 80px; padding-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .author-section .author-img { margin: 0; width: 170px; text-align: center; } .author-section .author-img img { width: 170px; height: 170px; border-radius: 100%; object-fit: cover; } .author-section .author-img .author-name { margin-top: 15px; margin-bottom: 0; /* text-transform: uppercase; */ font-size: 0.8888em; font-weight: 400; font-family: var(--primary-font); color: rgba(var(--font-color-rgb), 0.8); } .author-section .author-content-wrap { width: calc(100% - 170px); padding-left: 30px; } .author-section .author-content { letter-spacing: 0.5px; color: rgba(var(--font-color-rgb), 0.8); } .author-section .author-content p { margin-top: 0; margin-bottom: 20px; } .author-section .author-social { margin-top: 10px; } .author-section .author-social .social-list { margin: 0; padding: 0; list-style: none; } .author-section .social-list li { display: inline-block; font-size: 0.7778em; margin-right: 10px; margin-top: 10px; } .author-section .social-list li a { display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; border: 1px solid rgba(var(--primary-color-rgb), 0.3); border-radius: 100%; color: rgba(var(--font-color-rgb), 0.8); } .author-section .social-list li a:hover { background: var(--primary-color); color: #fff; } /*============================= ARCHIVE PAGE =============================*/ .archive .content-area .page-header { text-align: left; max-width: 100%; } .page-header .sub-title { font-size: 0.8888em; letter-spacing: 0.5px; display: block; margin-bottom: 5px; } .result-count { display: block; font-size: 0.8888em; color: rgba(var(--font-color-rgb), 0.6); border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.3); padding-bottom: 5px; margin-bottom: 40px; } .author .content-area .page-header { margin-bottom: 40px; } .archive .page-header .author-section { border-top: none; margin-top: 0; background: rgba(var(--primary-color-rgb), 0.2); padding: 30px 40px; } .archive .page-header .author-section .author-img { width: 160px; } .archive .page-header .author-img img { width: 160px; height: 160px; } .archive .page-header .author-section .author-content-wrap { width: calc(100% - 160px); padding-left: 40px; } .archive .page-header .author-section .author-name { margin-top: 0; margin-bottom: 5px; font-size: 1.39em; line-height: 1.52; letter-spacing: 0.5px; } /*=========================== SEARCH RESULT PAGE ===========================*/ .search .page-header { text-align: left; max-width: 100%; } .search .page-header .sub-title { margin-bottom: 10px; } .search .page-header .search-form { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.3); } .search .page-header .search-form label { width: calc(100% - 70px); } .search .page-header .search-form .search-field { padding-left: 0; padding-right: 0; height: 70px; font-size: 1.39em; font-family: var(--secondary-font); font-weight: 700; border: none; } .search .page-header .search-form .search-submit { width: 70px; height: 70px; background-color: transparent; text-indent: 80px; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fbaca5" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>'); background-size: 25px; } .search .page-header .search-form .search-submit:hover { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>'); } .no-results .page-header { margin-bottom: 0; } .no-results .page-header .page-title { font-size: 2em; } .no-results .page-content { margin-top: 1em; } .no-results .page-content p { margin: 0; } .no-results .page-content .search-form { display: none; } /*=========================== ERROR 404 PAGE ===========================*/ .error404 .site-main .not-found { max-width: 650px; margin: 0 auto; text-align: center; } .error404 .site-main .not-found .page-content { margin-top: 0; } .error404 .site-main .error-num { font-size: 18.72em; line-height: 0.8; font-family: var(--secondary-font); font-weight: 600; color: var(--primary-color); } .error404 .site-main .not-found h4 { margin-top: 0; margin-bottom: 0; font-size: 2.5em; } .error404 .site-main .error-text { margin-top: 20px; margin-bottom: 0; font-size: 1.1112em; font-family: var(--secondary-font); letter-spacing: 0.5px; line-height: 1.45; font-weight: 600; } .error404 .site-main .btn-readmore { margin-top: 40px; padding-left: 35px; padding-right: 35px; font-weight: 600; letter-spacing: 1px; } .error404 .site-main .search-form { margin-top: 80px; } .error404 .site-main .search-form label { width: calc(100% - 60px); } .error404 .site-main .search-form .search-field { height: 60px; border-color: rgba(var(--primary-color-rgb), 0.3); } .error404 .site-main .search-form .search-submit { height: 60px; width: 60px; background-color: var(--primary-color); background-size: 25px; } .error404 .site-main .search-form .search-submit:hover { background-color: var(--font-color); } .error404 .content-area .additional-post { margin-top: 85px; padding-top: 0; border-top: none; } .error404 .content-area .additional-post .post-title { font-size: 1.39em; } .full-width .additional-post .article-wrap article { width: 31.33%; margin-right: 3%; } .full-width .additional-post .article-wrap article:nth-child(2n) { margin-right: 3%; } .full-width .additional-post .article-wrap article:nth-child(3n) { margin-right: 0; } /*=========================== WIDGETS DEFAULT STYLE ===========================*/ .widget-area .widget { border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.5); margin-bottom: 25px; padding-bottom: 40px; } .widget-area .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget-area .widget .widget-title { margin-top: 0; margin-bottom: 20px; font-size: 1.1112em; letter-spacing: 0.5px; color: rgba(var(--font-color-rgb), 0.8); font-family: var(--secondary-font); font-weight: 600; } .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2); font-size: 1em; font-weight: 400; position: relative; padding-left: 20px; } .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_pages ul li:last-child, .widget_meta ul li:last-child, .widget_nav_menu ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget_categories ul li::before, .widget_archive ul li::before, .widget_pages ul li::before, .widget_meta ul li::before, .widget_nav_menu ul li::before { content: ""; background: var(--primary-color); width: 6px; height: 6px; position: absolute; left: 0; top: 12px; border-radius: 100px; } .widget_nav_menu ul ul { margin-top: 15px; } .widget .menu-item-has-children > a::after { display: none; } /*============================= WIDGET SEARCH =============================*/ .widget-area .widget_search { border-bottom: none; padding-bottom: 0; margin-bottom: 40px; } .widget_search .search-form .search-field { border-color: rgba(var(--primary-color-rgb), 0.3); } .widget_search .search-form .search-submit { background-color: var(--primary-color); } .widget_search .search-form .search-submit:hover { background-color: var(--font-color); } .site-footer .widget_search .search-form .search-submit:hover { background-color: #fff; background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>'); } /*============================ WIDGET AUTHOR BIO ============================*/ .widget_bttk_author_bio .image-holder { border-radius: 100%; overflow: hidden; width: 250px; height: 250px; margin-left: auto; margin-right: auto; } .widget_bttk_author_bio .image-holder img { width: 100%; height: 100%; object-fit: cover; } .site-footer .widget_bttk_author_bio .text-holder, .site-footer .widget_bttk_author_bio .text-signature { color: #fff; } .widget_bttk_author_bio .title-holder { font-size: 1.39em; font-family: var(--secondary-font); font-weight: 600; letter-spacing: 0.5px; line-height: 1.3; margin-bottom: 10px; } .widget_bttk_author_bio .author-bio-content p { margin-top: 0; margin-bottom: 20px; } .widget_bttk_author_bio .text-signature { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="128.31" height="12.679" viewBox="0 0 128.31 12.679"><path d="M1317.685,1743.805s136.174-19.581,127.315,4.494" transform="translate(-1317.614 -1735.793)" fill="none" stroke="%23000" stroke-width="1"/></svg>'); background-position: center bottom; padding-bottom: 15px; background-repeat: no-repeat; background-size: auto; } .site-footer .widget_bttk_author_bio .text-signature { background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="128.31" height="12.679" viewBox="0 0 128.31 12.679"><path d="M1317.685,1743.805s136.174-19.581,127.315,4.494" transform="translate(-1317.614 -1735.793)" fill="none" stroke="%23fff" stroke-width="1"/></svg>'); } .widget_bttk_author_bio .readmore { background: var(--font-color); color: #fff; font-size: 0.7778em; font-weight: 700; letter-spacing: 0.5px; text-decoration: none; margin-top: 15px; margin-bottom: 0; display: block; } .site-footer .widget_bttk_author_bio .readmore { background: #fff; color: var(--font-color); } .widget_bttk_author_bio .readmore:hover { background: var(--primary-color); } .site-footer .widget_bttk_author_bio .readmore:hover { background: var(--primary-color); color: #fff; } .widget_bttk_author_bio .author-socicons { margin-top: 20px; } .widget_bttk_author_bio .author-socicons li { margin: 10px 5px 0 5px; } .widget_bttk_author_bio .author-socicons li a { display: inline-block; width: 36px; height: 36px; text-align: center; background: rgba(var(--primary-color-rgb), 0.3); border-radius: 100%; line-height: 38px; color: rgba(var(--font-color-rgb), 0.8); } .widget_bttk_author_bio .author-socicons li a:hover { background: var(--primary-color); color: #fff; } .site-footer .widget_bttk_author_bio .author-socicons li a:hover { color: #fff; } /*============================== WIDGET SOCIAL ICONS ==============================*/ .widget_bttk_social_links { margin-bottom: 20px; } .widget-area .widget_bttk_social_links { margin-bottom: 25px; padding-bottom: 20px; } .widget_bttk_social_links ul li { margin-right: 19px; margin-bottom: 19px; padding: 0; font-size: 1.1112em; } .widget_bttk_social_links ul li a { background: none; border: 1px solid rgba(var(--primary-color-rgb), 0.3); border-radius: 100%; line-height: 60px; } .widget_bttk_social_links ul li a:hover { background: var(--primary-color); color: #fff; } .site-footer .widget_bttk_social_links ul li a:hover { color: #fff; } /*============================ WIDGET NEWSLETTER ============================*/ .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper { padding: 40px 30px; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .img-holder { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; margin: 0 auto 20px auto; position: relative; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder { text-align: center; } .widget_blossomthemes_email_newsletter_widget .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 1.39em; font-family: var(--secondary-font); font-weight: 600; letter-spacing: 0.5px; } .widget_blossomthemes_email_newsletter_widget .text-holder span { display: block; margin-top: 15px; } .widget_blossomthemes_email_newsletter_widget form input[type="text"] { margin-bottom: 20px; border: none; } .widget_blossomthemes_email_newsletter_widget form label { margin-bottom: 20px; } .blossomthemes-email-newsletter-wrapper form label .check-mark { border-color: rgba(var(--font-color-rgb), 0.4); background: #fff; } .blossomthemes-email-newsletter-wrapper form input[type="submit"] { letter-spacing: 1px; } /*================================ WIDGET CUSTOM CATEGORY ================================*/ .widget_bttk_custom_categories ul li { background-size: cover !important; font-size: 1em; margin-bottom: 15px; } .widget_bttk_custom_categories ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; min-height: 120px; padding: 15px; } .widget_bttk_custom_categories ul li a:hover, .site-footer .widget_bttk_custom_categories ul li a:hover { color: #fff; } .widget_bttk_custom_categories ul li .cat-title { float: none; font-size: 1.1112em; font-family: var(--secondary-font); letter-spacing: 0.5px; margin-right: 10px; font-weight: 600; } .widget_bttk_custom_categories ul li .post-count { float: none; background: var(--primary-color); font-size: 0.7778em; letter-spacing: 0.5px; width: auto; height: auto; line-height: normal; padding: 5px 10px; } .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(--font-color); } /*=========================== WIDGET CONTACT SOCIAL ===========================*/ .widget_bttk_contact_social_links ul.contact-list li { margin-bottom: 5px; } .widget_bttk_contact_social_links ul.contact-list li:first-child { margin-bottom: 40px; } .widget-area .widget_bttk_contact_social_links ul.contact-list li:first-child, .site-footer .widget_bttk_contact_social_links ul.contact-list li:first-child { margin-bottom: 5px; } .widget_bttk_contact_social_links ul.contact-list li span { font-family: var(--secondary-font); font-weight: 600; letter-spacing: 0.2px; display: inline-block; margin-right: 10px; } .widget_bttk_contact_social_links .contact-list-title { display: none; } .widget_bttk_contact_social_links .social-networks { margin-top: 40px; } .widget_bttk_contact_social_links .social-networks .contact-list-title { display: block; color: rgba(var(--font-color-rgb), 0.8); } .site-footer .widget_bttk_contact_social_links .social-networks .contact-list-title { color: #fff; } .widget_bttk_contact_social_links .social-networks li, .site-footer .widget_bttk_contact_social_links .social-networks li { margin-top: 10px; margin-bottom: 0; margin-right: 10px; display: inline-block; font-size: 1.1112em; } .widget_bttk_contact_social_links .social-networks li a, .site-footer .widget_bttk_contact_social_links .social-networks li a { display: inline-block; color: var(--primary-color); padding: 5px; } .widget-area .widget_bttk_contact_social_links .social-networks li a { color: var(--font-color); } .widget_bttk_contact_social_links .social-networks li a:hover { color: var(--primary-color); } .site-footer .widget_bttk_contact_social_links .social-networks li a:hover { color: #fff; } /*================================= WIDGET RECENT & POPULAR POSTS =================================*/ .widget_bttk_popular_post ul, .widget_bttk_pro_recent_post ul { counter-reset: list-count; } .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li { counter-increment: list-count; padding-top: 15px; padding-left: 15px; position: relative; min-height: 45px; } .widget_bttk_popular_post ul li::before, .widget_bttk_pro_recent_post ul li::before { content: counter(list-count); position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: #fff; text-align: center; line-height: 32px; border-radius: 100%; font-size: 1.1112em; color: var(--primary-color); font-weight: 400; font-family: var(--secondary-font); border: 2px dotted var(--primary-color); } .widget_bttk_popular_post ul.style-one li, .widget_bttk_pro_recent_post ul.style-one li { position: relative; overflow: visible; clear: both; min-height: 80px; } .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li { font-size: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .widget_bttk_popular_post ul li .post-thumbnail, .widget_bttk_pro_recent_post ul li .post-thumbnail { float: none; } .widget_bttk_popular_post ul.style-one li .entry-header, .widget_bttk_pro_recent_post ul.style-one li .entry-header { width: calc(100% - 100px); } .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title { font-size: 1em; line-height: 1.5; } .widget-area .widget_bttk_popular_post ul li .entry-header .entry-title, .widget-area .widget_bttk_pro_recent_post ul li .entry-header .entry-title { font-size: 1.1112em; font-weight: 500; line-height: 1.3; } .widget_bttk_popular_post ul li .entry-header .entry-meta a, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a { color: var(--primary-color); margin-top: 5px; } .widget-area .widget_bttk_popular_post ul li .entry-header .entry-meta a, .widget-area .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a { color: rgba(var(--font-color-rgb), 0.8); font-weight: 400; } .widget-area .widget_bttk_popular_post ul li .entry-header .entry-meta a:hover, .widget-area .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover { color: var(--primary-color); } .widget_bttk_popular_post ul li .entry-header .entry-meta a:hover, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover { text-decoration: underline; } /*========================== WIDGET CLIENT LOGO ==========================*/ .widget_blossom_client_logo_widget .blossom-inner-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-wrap: wrap; justify-content: center; align-items: center; } .widget_blossom_client_logo_widget .image-holder { padding: 15px; width: 50%; } .black-white img { -webkit-filter: grayscale(1); filter: grayscale(1); } .black-white:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .widget_blossom_client_logo_widget .image-holder:not(.black-white) a:hover { opacity: 0.65; filter: alpha(opacity=65); } /*============================= WIDGET TEAM =============================*/ .widget_bttk_description_widget, .widget_bttk_description_widget .image-social-wrap { position: relative; } .widget_bttk_description_widget .image-social-wrap .social-profile { position: absolute; bottom: 0; left: 0; margin: 0; display: block; } .widget_bttk_description_widget .social-profile li { margin: 0px; font-weight: normal; font-size: 0.7778em; } .widget_bttk_description_widget .social-profile li a { display: inline-block; color: #6a6a6a; background: #f5f5f5; border: none; border-radius: 0; width: 37px; height: 37px; text-align: center; line-height: 37px; } .widget_bttk_description_widget .social-profile li a:hover { background: var(--primary-color); color: #fff; } .widget_bttk_description_widget .text-holder { width: 100%; padding: 0; margin-top: 20px; } .widget_bttk_description_widget .text-holder .name { display: block; font-weight: 600; font-family: var(--secondary-font); font-size: 1.1112em; line-height: 1.5; letter-spacing: 0.5px; } .widget_bttk_description_widget .text-holder .designation { display: block; font-size: 0.8888em; letter-spacing: 0.5px; line-height: 1.5; color: rgba(var(--font-color-rgb), 0.8); } .widget_bttk_description_widget .text-holder .description { font-size: 0.8888em; } .widget_bttk_description_widget .bttk-team-holder-modal.show { display: none !important; } .site-footer .widget_bttk_description_widget .text-holder .name, .site-footer .widget_bttk_description_widget .text-holder .description { color: #fff; } .site-footer .widget_bttk_description_widget .text-holder .designation { color: rgba(255,255,255,0.75); } /*============================ WIDGET STAT COUNTER ============================*/ .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder { position: relative; padding-left: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column-reverse; } .widget_blossomthemes_stat_counter_widget .widget-title { background: none; padding: 0; font-size: 1.112em; margin-bottom: 0; text-align: left; } .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.6665em; font-weight: 700; line-height: 1; } /*=============================== WIDGET POST CATEGORY SLIDER ===============================*/ .widget_bttk_posts_category_slider_widget .item { width: 100%; /* height: 350px; */ position: relative; } .widget_bttk_posts_category_slider_widget .post-thumbnail { margin-bottom: 0; } .widget_bttk_posts_category_slider_widget .item img { width: 100%; /* height: 350px; */ object-fit: cover; } .widget_bttk_posts_category_slider_widget .item .carousel-title { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(var(--font-color-rgb), 0.5); padding: 10px; } .widget_bttk_posts_category_slider_widget .carousel-title a { color: #fff; display: inline-block; text-decoration: none; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a { color: #fff; display: inline-block; margin: 0; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:hover, .widget_bttk_posts_category_slider_widget .carousel-title a:hover { color: var(--primary-color); } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a::after { content: ","; margin-left: 5px; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a:last-child::after { display: none; } .widget_bttk_posts_category_slider_widget .carousel-title .title { font-size: 1em; margin-top: 5px; margin-bottom: 0; } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] { border-radius: 100%; background: rgba(var(--font-color-rgb), 0.5); left: 10px; top: 40%; min-height: auto; width: 30px; height: 30px; overflow: hidden; font-size: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-stage-outer + .owl-nav .owl-next { left: auto; right: 10px; } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"]:before { display: none; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover { background: var(--primary-color); } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots { position: static; } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot { background: rgba(var(--font-color-rgb), 0.3); margin: 5px; } .widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot.active, .widget_bttk_posts_category_slider_widget .owl-carousel .owl-dots .owl-dot:hover { background: var(--font-color); border-color: var(--font-color); } .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span, .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover span, .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span:hover, .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span { background: none; } /*================================= WIDGET POPULAR & RECENT POST =================================*/ .widget_bttk_popular_post li .post-thumbnail .fallback-svg, .widget_bttk_pro_recent_post li .post-thumbnail .fallback-svg { width: 100%; height: 100%; object-fit: cover; } .site-footer .widget_bttk_popular_post .style-three li .entry-header, .site-footer .widget_bttk_pro_recent_post .style-three li .entry-header { background: var(--font-color); } .widget_bttk_popular_post ul li .entry-header .cat-links a:not(:last-child)::after, .widget_bttk_pro_recent_post ul li .entry-header .cat-links a:not(:last-child)::after { content: ","; } /*============================= WIDGET IMAGE TEXT =============================*/ .widget_bttk_image_text_widget ul li .btn-readmore { padding-left: 15px; padding-right: 15px; width: 80%; } .widget_bttk_image_text_widget ul li .btn-readmore:hover { color: #fff; background: var(--primary-color); } .site-footer .widget_bttk_image_text_widget ul li .btn-readmore:hover { color: #fff; } /*========================== WIDGET ICON TEXT ==========================*/ .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; text-align: center; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder { font-size: 3em; line-height: 1; color: var(--primary-color); } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { order: 2; margin-top: 40px; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title { text-align: center; background: none; } .widget_bttk_icon_text_widget .text-holder .widget-title { padding: 0; margin-bottom: 0; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .widget-title span { padding-right: 0; } .widget_bttk_icon_text_widget .text-holder .widget-title span { background: none; padding: 0; } .site-footer .widget_bttk_icon_text_widget .text-holder .content { color: #fff; } .widget_bttk_icon_text_widget .text-holder .btn-readmore { display: inline-block; font-weight: 700; font-size: 0.7778em; color: #fff; letter-spacing: 1px; background: var(--primary-color); border: none; padding: 13px 30px; /* text-transform: uppercase; */ text-decoration: none; } .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover { background: var(--font-color); color: #fff; } .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover { background: #fff; color: var(--font-color); } /*============================= WIDGET TESTIMONIAL =============================*/ .widget_bttk_testimonial_widget .bttk-testimonial-holder { padding-top: 40px; } .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: 50px 20px 20px 20px; position: relative; } .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder { border-color: rgba(255, 255, 255, 0.2); } .widget_bttk_testimonial_widget .img-holder { width: 70px; border-radius: 5px; overflow: hidden; position: absolute; top: -40px; left: 0; border: 2px solid rgba(var(--font-color-rgb), 0.05); padding: 4px; background: #fff; right: 0; margin: 0 auto; } .site-footer .widget_bttk_testimonial_widget .img-holder { background: var(--font-color); border-color: rgba(255,255,255,0.2); } .widget_bttk_testimonial_widget .img-holder img { border-radius: 3px; } .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .name { display: block; font-weight: 700; line-height: 1.4; } .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation { font-size: 0.7778em; color: rgba(var(--font-color-rgb), 0.5); } .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .designation { color: rgba(255,255,255,0.6); } .widget_bttk_testimonial_widget .testimonial-content { margin-top: 15px; font-size: 0.8888em; } .widget_bttk_testimonial_widget .testimonial-content p { margin-top: 0; margin-bottom: 20px; } .widget_bttk_testimonial_widget .testimonial-content p:last-child { margin-bottom: 0; } .widget_bttk_testimonial_widget .testimonial-meta { margin-top: 20px; } .site-footer .widget_bttk_testimonial_widget .testimonial-content, .site-footer .widget_bttk_testimonial_widget .bttk-testimonial-inner-holder .name { color: #fff; } /*============================ WIDGET FEATURED PAGE ============================*/ .site-footer .widget_blossomtheme_featured_page_widget .text-holder { color: #fff; } .site-footer .widget_blossomtheme_featured_page_widget .btn-readmore:hover { background: #fff; color: var(--font-color); } /*=============================== WIDGET CTA ===============================*/ .widget_blossomtheme_companion_cta_widget > div { padding: 40px 20px; } .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg { position: relative; z-index: 1; } .widget_blossomtheme_companion_cta_widget > div.bttk-cta-bg::before { content: ""; background: rgba(var(--font-color-rgb), 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .widget_blossomtheme_companion_cta_widget .right { text-align: right; } .right .blossomtheme-cta-container .button-wrap { text-align: right; } .centered .blossomtheme-cta-container .button-wrap { text-align: center; } .widget_blossomtheme_companion_cta_widget .widget-title, .widget-area .widget_blossomtheme_companion_cta_widget .widget-title { background: none; padding: 0; font-size: 1.3333em; letter-spacing: 0; text-transform: none; } .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .widget-title, .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .text-holder { color: #fff; } .widget_blossomtheme_companion_cta_widget .text-holder p { margin-top: 0; font-size: 0.8888em; line-height: 1.5; } .widget_blossomtheme_companion_cta_widget .btn-cta { display: inline-block; font-weight: 700; font-size: 0.7778em; color: #fff; letter-spacing: 1px; background: var(--primary-color); border: 1px solid var(--primary-color); padding: 12px 25px; text-transform: uppercase; text-decoration: none; margin: 3px; } .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta, .widget_blossomtheme_companion_cta_widget .btn-cta:hover { background: none; color: var(--primary-color); } .widget_blossomtheme_companion_cta_widget .btn-cta + .btn-cta:hover { background: var(--primary-color); color: #fff; } /*=============================== WIDGET INSTAGRAM ===============================*/ .widget .popup-gallery li { padding: 2px; margin: 0; } .widget_btif_instagram_widget .profile-link { display: block; margin-top: 10px; text-align: center; background: var(--font-color); border: 1px solid var(--font-color); color: #fff; font-size: 0.7778em; padding: 10px; text-decoration: none; line-height: 1.5; } .site-footer .widget_btif_instagram_widget .profile-link { background: var(--primary-color); border: 1px solid var(--primary-color); } .site-footer .widget_btif_instagram_widget .profile-link:hover { background: none; color: var(--primary-color); } .widget_btif_instagram_widget .profile-link:hover { background: none; color: var(--font-color); } .widget_btif_instagram_widget span.insta-icon { margin-right: 10px; } /*============================ WIDGET CALENDAR ============================*/ .widget_calendar table { margin: 0; } .widget_calendar table caption { background: var(--secondary-color); } .widget_calendar table tr th, .widget_calendar table tr td { padding-left: 0; padding-right: 0; text-align: center; font-weight: 700; font-size: 1em; line-height: 1.5; } .widget_calendar table tr td { font-weight: 400; } .widget_calendar table tbody tr td#today { background: rgba(var(--primary-color-rgb), 0.15); } .widget_calendar table tr td a { display: block; } .widget_calendar table tr td a:hover { text-decoration: none; color: var(--font-color); } .site-footer .widget_calendar table tr td a:hover { color: #fff; } .widget_calendar .wp-calendar-nav { border-top: 1px solid rgba(var(--primary-color-rgb), 0.1); } .widget_calendar .wp-calendar-nav-prev { text-align: left; } .widget_calendar .wp-calendar-nav-next { text-align: right; } /*========================== WIDGET CATEGORY ==========================*/ .widget_categories ul li { color: rgba(var(--font-color-rgb), 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .site-footer .widget_categories ul li { color: rgba(255, 255, 255, 0.5); } .widget_categories ul li a { flex: 1; } /*==================================== WIDGET RECENT COMMENTS & ENTRIES ====================================*/ #recentcomments, .widget_recent_entries ul { counter-reset: listCount; } #recentcomments .recentcomments, .widget_recent_entries ul li { counter-increment: listCount; position: relative; padding-left: 55px; font-size: 1.1112em; } #recentcomments .recentcomments::before, .widget_recent_entries ul li::before { content: "0"counter(listCount); font-family: var(--secondary-font); color: rgba(var(--primary-color-rgb), 0.5); font-size: 2em; line-height: 1; position: absolute; top: 5px; left: 0; } /*========================= WIDGET TAG CLOUD =========================*/ .tagcloud a { display: inline-block; color: rgba(var(--font-color-rgb), 0.5); margin: 1%; line-height: 1.5; text-decoration: none; } .site-footer .tagcloud a { color: rgba(255, 255, 255, 0.7); } .tagcloud a:hover, .site-footer .tagcloud a:hover { color: var(--primary-color); } /*================================== PAGE TEMPLATE PORTFOLIO ==================================*/ .portfolio-text-holder .portfolio-img-title { line-height: 1.3; font-size: 1.5em; } .portfolio-holder .entry-header .entry-title { font-size: 2.78em; } /* tutor lms & learndash lms css*/ .tutor-courses .tutor-course-loop-title h2 a{ font-size: 24px; } .tutor-dashboard-permalinks li:before{ display: none; } .site-main .entry-content ul.tutor-dashboard-permalinks li{ margin-left: 0; padding-left: 0; } .site-main .entry-content ul.tutor-dashboard-permalinks li a:hover{ color: var(--tutor-text-color); } .site-main .entry-content ul.tutor-dashboard-permalinks li a, .tutor-dashboard-info-table td a{ text-decoration: none; } .tutor-wrap.courses{ margin-top: 60px; margin-bottom: 20px; } .tutor-container{ max-width: 1170px; padding-left: 0; padding-right: 0; } article.sfwd-courses .entry-header{ margin-top: 20px; margin-bottom: 20px; } article.sfwd-courses .ld-logout, article.sfwd-lessons .entry-header, article.sfwd-topic .entry-header{ margin-bottom: 20px; } /*================================= RESPONSIVE STYLESHEET =================================*/ @media screen and (max-width: 1366px) { section.cta-section .widget .blossomtheme-cta-container { padding-right: 10%; } .portfolio-section .container { overflow: hidden; } /*================================= STATIC CTA STYLE ONE & TWO =================================*/ .static-cta .item .banner-caption .title { font-size: 2.2223em; } /*===================================== STATIC CTA NEWSLETTER STYLE THREE =====================================*/ .site-banner.static-newsletter.style-three .wp-custom-header img { width: 100%; height: 600px; object-fit: cover; } /*============================ GRID & LIST LAYOUT ============================*/ body.grid-layout .site-main .post-thumbnail .post-share .post-share-toggle, body.list-layout .site-main .post-thumbnail .post-share .post-share-toggle { width: 35px; height: 30px; padding: 8px; } body.grid-layout .site-main .post-thumbnail .post-share .social-networks li, body.list-layout .site-main .post-thumbnail .post-share .social-networks li { font-size: 0.7778em; } body.grid-layout .site-main .post-thumbnail .post-share .social-networks li a, body.list-layout .site-main .post-thumbnail .post-share .social-networks li a { width: 35px; height: 35px; } .list-layout .site-main article .post-thumbnail img { min-height: 250px; object-fit: cover; } .site-footer .footer-b.has-backtotop { padding-bottom: 60px; } } @media screen and (max-width: 1199px) { .container { max-width: 1000px; } /*============================ SIDEBARS ============================*/ .rightsidebar .content-area { width: calc(100% - 300px); padding-right: 40px; } .leftsidebar .content-area { width: calc(100% - 300px); padding-left: 40px; } .rightsidebar .widget-area, .leftsidebar .widget-area { width: 300px; } /*================================= SITE BANNER STYLE ONE =================================*/ .slider-one .item .slider-img { width: 45%; } .slider-one .item .slider-img + .banner-caption { width: 54%; } /*================================= STATIC CTA =================================*/ .static-cta .item .banner-caption .title { font-size: 1.6665em; } /*=================================== NEWSLETTER SECTION STYLE TWO ===================================*/ section.about-newsletter-section.style-two .container .text-holder, section.about-newsletter-section.style-two .container form { padding: 80px 60px; } /*=========================== LIST LAYOUT ===========================*/ .list-layout .site-main article .content-wrap { padding-left: 30px; } /*============================== SINGLE POST ==============================*/ .single-post.full-width-centered .site-main article .article-meta { width: 80px; } .single-post.full-width-centered .site-main article .article-meta .byline img { width: 80px; height: 80px; } } @media screen and (min-width: 1025px) { .mobile-header { display: none; } } @media screen and (max-width: 1024px) { .container { max-width: 768px; padding-left: 15px; padding-right: 15px; } blockquote { background-size: 40px; padding-left: 60px; } /*============================= SIDEBARS =============================*/ .rightsidebar .content-area { float: none; width: 100%; padding-right: 0; } .leftsidebar .content-area { float: none; width: 100%; padding-left: 0; } .rightsidebar .widget-area, .leftsidebar .widget-area { float: none; width: 100%; } /*=============================== SITE HEADER ==============================*/ .site-header { display: none; } .mobile-header { background: #fff; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.5); padding: 20px 0; } .mobile-header.stick-mobile { position: -webkit-sticky; position: sticky; top: 0; z-index: 999; } .mobile-header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .mobile-header .site-branding { width: calc(100% - 51px); padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .mobile-header .site-branding.has-image-text { flex-wrap: wrap; flex-direction: row; text-align: left; } .mobile-header .site-branding.has-image-text .site-logo { max-width: 50px; } .mobile-header .site-branding .site-logo + .site-title-wrap { max-width: calc(100% - 50px); } .mobile-header .site-branding .site-title { font-size: 1.1112em; } .mobile-header .site-branding .site-description { font-size: 0.7778em; } .mobile-header .header-search { width: 25px; height: 25px; } .mobile-header .menu-toggle { padding: 0; width: 25px; height: 25px; background: none; position: relative; color: inherit; } .mobile-header .menu-toggle .toggle-bar { width: 100%; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: var(--font-color); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .mobile-header.menu-active .menu-toggle .toggle-bar { -webkit-transition: all 0.35s ease, transform 0.35s ease 0.5s; -moz-transition: all 0.35s ease, transform 0.35s ease 0.5s; transition: all 0.35s ease, transform 0.35s ease 0.5s; } .mobile-header .menu-toggle .toggle-bar:first-child { top: -16px; } .mobile-header .menu-toggle .toggle-bar:last-child { bottom: -16px; } .mobile-header.menu-active .menu-toggle .toggle-bar:first-child { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } .mobile-header.menu-active .menu-toggle .toggle-bar:nth-child(2) { opacity: 0; visibility: hidden; } .mobile-header.menu-active .menu-toggle .toggle-bar:last-child { bottom: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); } .mobile-header .menu-toggle:hover .toggle-bar { background: var(--primary-color); } .showing-main-menu-modal .mobile-header .menu-toggle { display: none; } .mobile-header .mbl-menu-wrap .close { background: none; padding: 0; border: none; color: inherit; width: 25px; height: 25px; position: relative; display: none; } .mobile-header .mbl-menu-wrap .active .close { display: block; } .mobile-header .mbl-menu-wrap .close::before, .mobile-header .mbl-menu-wrap .close::after { content: "'"; width: 100%; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: var(--font-color); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .mobile-header .mbl-menu-wrap .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-header .mobile-menu { position: fixed; bottom: 0; left: 0; background: #fff; width: 100%; z-index: 999999; display: none; overflow-x: hidden; overflow-y: auto; } .mobile-header .mobile-menu .main-menu-modal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .mobile-header .main-navigation, .mobile-header .mbl-right-block { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex: 1; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .mobile-header .mbl-right-block { background: rgba(var(--primary-color-rgb), 0.2); margin-left: -50px; opacity: 0; } .mobile-header .primary-menu-list.active .main-navigation, .mobile-header .primary-menu-list.active .mbl-right-block { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .mobile-header .primary-menu-list.active .mbl-right-block { margin-left: 0; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .mobile-header .mbl-menu-wrap ul { margin: 0; padding: 0; list-style: none; } .mobile-header .main-navigation ul li, .mobile-header .secondary-menu ul li { display: block; } .mobile-header .main-navigation ul li { font-size: 0.8888em; } .mobile-header .secondary-menu ul li { font-size: 0.7778em; } .mobile-header .main-navigation ul li a, .mobile-header .secondary-menu ul li a { position: relative; display: block; padding: 5px 7%; margin-top: 15px; } .mobile-header .secondary-menu ul li a { color: var(--font-color); } .mobile-header .secondary-menu ul li:hover > a, .mobile-header .secondary-menu ul li.current-menu-item > a, .mobile-header .secondary-menu ul li.current_page_item > a, .mobile-header .secondary-menu ul li.current-menu-ancestor > a, .mobile-header .secondary-menu ul li.current_page_ancestor > a { color: var(--primary-color); } .mobile-header .main-navigation ul.nav-menu > li > a::before { width: 3px; height: 100%; top: 0; } .mobile-header .main-navigation ul li .sub-menu, .mobile-header .secondary-menu ul li .sub-menu { display: none; position: static; opacity: 1; visibility: visible; width: 100%; box-shadow: none; background: none; -webkit-transition: none; -moz-transition: none; transition: none; } .mobile-header .main-navigation ul li .sub-menu li, .mobile-header .secondary-menu ul li .sub-menu li { font-size: 1em; } .mobile-header .main-navigation ul li .sub-menu li a, .mobile-header .secondary-menu ul li .sub-menu li a { padding: 5px 7%; border: none; } .mobile-header ul li.menu-item-has-children > a { padding-right: 10%; } .mobile-header .menu-item-has-children .submenu-toggle { display: block; position: absolute; top: 8px; right: 5%; padding: 0; background: none; color: var(--font-color); font-size: 0.7778em; width: 25px; text-align: center; height: 25px; z-index: 99; } .mobile-header .secondary-menu .menu-item-has-children .submenu-toggle { top: 5px; font-size: 0.8888em; } .mobile-header .menu-item-has-children.active > .submenu-toggle { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .mobile-header .header-social { display: block; flex: initial; margin-top: 30px; background: #fff; border-left: 2px solid var(--primary-color); padding: 5px 5%; } .mobile-header .header-social .social-title { display: none; } .mobile-header .header-social ul li { font-size: 0.7778em; } .mobile-header .header-right { margin-top: 20px; padding: 0 7%; } .mobile-header .header-right .header-cart { font-size: 0.8888em; } /*================================= SITE BANNER =================================*/ .site-banner[class*="slider-"] .item .banner-caption .title { font-size: 2em; } .site-banner[class*="slider-"] .item .banner-caption .button-wrap { margin-top: 20px; } /*================================= SITE BANNER STYLE ONE =================================*/ .slider-one .item .slider-img { width: 40%; } .slider-one .item .slider-img + .banner-caption { width: 59%; } /*================================= STATIC CTA NEWSLETTER =================================*/ .site-banner.static-newsletter .banner-caption .blossomthemes-email-newsletter-wrapper .container { padding-left: 0; padding-right: 0; } .static-cta.style-three .banner-caption { padding-top: 0; padding-bottom: 0; } /*================================= ABOUT SECTION STYLE ONE =================================*/ .about-section.style-one .section-content-wrap { padding-right: 5%; } .about-section.style-one .about-counter .counter-num { width: 80px; height: 80px; font-size: 1.3333em; } /*============================== CTA SECTION STYLE ONE ===============================*/ section.cta-section .widget > div { display: block; } section.cta-section.style-one .widget > div { min-height: auto; height: 0; padding-top: 56.25%; margin-right: 0; } section.cta-section.style-one .widget .blossomtheme-cta-container { min-height: auto; padding: 60px 15px; left: 0; } /*================================== TESTIMONIAL SECTION STYLE ONE ==================================*/ .testimonial-section.style-one .section-grid { padding: 60px; } .testimonial-section.style-one .section-grid .tns-nav { bottom: 25px; } /*=============================== CONTACT SECTION ==============================*/ section.contact-section { margin-bottom: 60px; } section.contact-section .section-header { margin-bottom: 40px; text-align: left; } section.contact-section .section-grid { flex-direction: column; } section.contact-section .widget { width: 100%; } section.contact-section .widget_text { width: 100%; padding: 40px 20px; } section.contact-section .widget_custom_html { padding: 0; } section.contact-section .widget .widget-title { font-size: 1.39em; } /*============================= SITE FOOTER =============================*/ .site-footer .grid.column-4 .col { width: 48%; } .site-footer .grid.column-4 .col:nth-child(2n) { margin-right: 0; } .footer-b .container { flex-direction: column; } .footer-b .site-info { text-align: center; } .footer-b .footer-menu { width: 100%; margin-top: 20px; padding-left: 0; } .footer-b .footer-menu ul { justify-content: center; } /*================================ SINGLE POST ================================*/ .single .site-content > .entry-header { min-height: auto; } .single.style-one .site-content > .entry-header .container { padding: 40px 15px; } .site-main .entry-content table { display: block; overflow: auto; } .single-post.full-width-centered .site-content .site-main article { margin-right: 0; max-width: calc(100% - 110px); } } @media screen and (max-width: 899px) { .site-banner.video-banner .wp-custom-header { height: auto; padding-top: 0; } } @media screen and (max-width: 782px) { .admin-bar .sticky-t-bar .close, .admin-bar .sticky-t-bar:not(.active) .close { top: 50px; } } @media screen and (max-width: 767px) { .container { max-width: 420px; } section[class*="-section"] { margin-top: 60px; margin-bottom: 0; } section.cta-section, section.newsletter-section { margin-top: 0; } .section-title, section[class*="-section"] .widget .widget-title { font-size: 1.89em; margin-bottom: 15px; } section[class*="-section"] .widget_text .textwidget, .section-header .section-content { font-size: 0.8888em; } blockquote { background-size: 25px; background-position-y: 10px; padding-left: 30px; } .content-area, .widget-area { margin-top: 60px; margin-bottom: 60px; } .page-header { margin-bottom: 40px; } .page-header .page-title { font-size: 1.89em; } .portfolio-sorting .button { margin: 0 15px 20px; } /*============================= PAGINATION =============================*/ .pagination .page-numbers { width: 40px; height: 40px; line-height: 38px; } .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%; } .comment-navigation .nav-previous + .nav-next, .posts-navigation .nav-previous + .nav-next, .post-navigation .nav-previous + .nav-next { padding-top: 30px; } .post-navigation .nav-links .meta-nav { margin-bottom: 0; } /*============================= BACK TO TOP =============================*/ .back-to-top { width: 80px; height: 40px; line-height: 40px; } .back-to-top svg.fa-angle-up { width: 35px; padding: 8px; } .back-to-top .to-top { width: 45px; } /*============================= ADDITIONAL POST =============================*/ .additional-post .post-title { font-size: 1.6665em; } .additional-post .article-wrap { flex-direction: column; } .additional-post .article-wrap article, .full-width .additional-post .article-wrap article { width: 100%; margin-right: 0; } .additional-post .article-wrap .entry-title { font-size: 1.3em; line-height: 1.3; } /*============================= COMMENTS AREA =============================*/ .comments-area { padding: 15px; } .comments-area .comment-body { padding-left: 0; } .comments-area .comment-body .comment-meta { padding-left: 50px; } .comment-body img.avatar { width: 40px; height: 40px; } .comments-area .bypostauthor > .comment-body .comment-author::after { left: 23px; top: 30px; } .comments-area .comment-respond { padding: 20px; } /*================================= STICKY T BAR =================================*/ .sticky-t-bar .close { right: 0; } /*=============================== SITE HEADER ===============================*/ .header-search .header-search-wrap .search-form { max-width: calc(100% - 30px); } .header-search .header-search-wrap .search-form .search-field { font-size: 1.6665em; height: 65px; } .header-search .header-search-wrap .search-form .search-submit { height: 65px; } /*============================= SITE BANNER =============================*/ .site-banner[class*="slider-"] .item .container { flex-direction: column; } .site-banner[class*="slider-"] .item .banner-caption .title { font-size: 1.6665em; } .owl-carousel { position: relative; padding-bottom: 60px !important; } .owl-carousel .owl-dots { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; } .owl-carousel .owl-dots .owl-dot { padding: 0; width: 10px; height: 10px; border-radius: 100%; margin: 5px; background: rgba(var(--primary-color-rgb), 0.5); } .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active { background: var(--primary-color); } /*================================ SITE BANNER STYLE ONE ================================*/ .site-banner.slider-one .item .container { padding-left: 0; padding-right: 0; } .slider-one .item .slider-img { width: 100%; text-align: center; } .slider-one .item .slider-img + .banner-caption { width: 100%; } .slider-one .item .banner-caption { padding: 40px 15px; } .slider-one .item .slider-img + .banner-caption { padding-left: 15px; } .slider-one.caption-left .item .banner-caption { padding-left: 15px; padding-right: 15px; } /*================================ STATIC CTA STYLE THREE ================================*/ .site-banner .banner-caption { position: static; } .static-cta.style-three .banner-caption { padding-top: 30px; padding-bottom: 0; } .static-cta.style-three .banner-caption.has-overlay { background: var(--secondary-color); padding-bottom: 40px; } .static-cta.style-three .banner-caption .title, .static-cta.style-three .video-popup-btn a { color: var(--font-color); } /*===================================== STATIC CTA NEWSLETTER STYLE THREE =====================================*/ .site-banner.static-cta.static-newsletter .wp-custom-header img { height: auto; } .static-cta.style-three.static-newsletter .banner-caption { background: none; padding-bottom: 40px; } .static-cta.style-three.static-newsletter .blossomthemes-email-newsletter-wrapper { padding: 0; border-radius: 0; } /*============================= CLIENT SECTION =============================*/ .client-section .widget_blossom_client_logo_widget .image-holder { width: 50%; max-width: 100%; display: block; flex: initial; } /*============================ PROMO SECTION ============================*/ section.promo-section { margin-top: 0; } .promo-section .widget .bttk-itw-holder { flex-direction: column; margin-left: 0; margin-right: 0; } .promo-section .widget .bttk-itw-holder li { width: 100%; padding-left: 0; padding-right: 0; } .promo-section .widget_bttk_image_text_widget ul li .btn-readmore { padding: 12px 20px; } /*============================== ABOUT SECTION ==============================*/ section.about-section { margin-bottom: 60px; } .about-section .container { flex-direction: column; } .about-section .section-img { width: 100%; margin-bottom: 40px; } .about-section .section-content-wrap { width: 100%; padding-right: 0; } .about-section.style-one .section-content-wrap { padding-right: 0; } .about-section .about-counter-wrap .about-counter { width: 45%; } .about-section .section-content-wrap .button-wrap { text-align: center; } /*============================ SERVICE SECTION ============================*/ section.service-section { margin-bottom: 60px; } section.service-section .widget_bttk_icon_text_widget { margin-bottom: 60px; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder, .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder, .home .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder, .page-template-service .service-section .widget:nth-child(2n) .rtc-itw-inner-holder { flex-direction: column-reverse; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { width: 100%; margin-right: 0; } .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder .text-holder, .home .service-section .widget:nth-child(2n+1) .rtc-itw-inner-holder .text-holder, .page-template-service .service-section .widget:nth-child(2n) .rtc-itw-inner-holder .text-holder { margin-left: 0; } section.service-section .rtc-itw-inner-holder .widget-title { font-size: 1.3333em; } section.service-section .rtc-itw-inner-holder .content { font-size: 0.8888em; } .service-section .rtc-itw-inner-holder .text-holder .btn-readmore { font-size: 0.7778em; } .service-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder .icon-holder { width: 100%; min-height: auto; background: none; } /*================================ TESTIMONIAL SECTION ===============================*/ section.testimonial-section { margin-bottom: 60px; } section.testimonial-section .section-header { margin-bottom: 40px; } .testimonial-section .section-grid .testimonial-content { font-size: 0.8888em; } /*================================== TESTIMONIAL SECTION STYLE ONE ==================================*/ .testimonial-section.style-one .section-grid { padding: 40px 20px; } .testimonial-section.style-one .section-grid .img-holder { margin-bottom: 20px; } /*=========================== BLOG SECTION ===========================*/ .blog-section .section-grid { flex-direction: column; } .blog-section .section-grid article { width: 100%; margin-right: 0; margin-top: 40px; } .blog-section .button-wrap { margin-top: 40px; } /*================================= NEWSLETTER SECTION =================================*/ .newsletter-section .blossomthemes-email-newsletter-wrapper { padding-top: 60px; padding-bottom: 60px; } .newsletter-block .blossomthemes-email-newsletter-wrapper { padding: 40px 20px; } .newsletter-section .container { max-width: 420px; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3, .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.89em; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span, .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder span { font-size: 1em; } .newsletter-section .blossomthemes-email-newsletter-wrapper form, .newsletter-block .blossomthemes-email-newsletter-wrapper form { flex-direction: column; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="text"], .newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="text"] { margin-right: 0; width: 100%; } /*=============================== SITE FOOTER ===============================*/ .site-footer .grid:not(.column-1) { flex-direction: column; } .site-footer .grid:not(.column-1) .col { margin-right: 0; } .site-footer .grid.column-4 .col, .site-footer .grid.column-3 .col, .site-footer .grid.column-2 .col { width: 100%; } /*============================ CLASSIC LAYOUT ============================*/ .classic-layout .site-main article .content-wrap { padding-left: 20px; padding-right: 20px; } /*========================== GRID LAYOUT ==========================*/ .grid-layout .site-main { flex-direction: column; } .grid-layout .site-main article { width: 100%; margin-right: 0; } /*=========================== LIST LAYOUT ===========================*/ .list-layout .site-main article { flex-direction: column; } .list-layout .site-main article .post-thumbnail { width: 100%; } .list-layout .site-main article .content-wrap { width: 100%; padding-left: 0; margin-top: 30px; } /*================================ SINGLE POST ================================*/ .single .site-content > .entry-header .entry-title { font-size: 1.6665em; } .single-post.style-one #primary { margin-top: 40px; } .single-post .site-main article { flex-direction: column; } .single-post.full-width-centered .site-content .site-main article { margin-right: auto; max-width: 100%; } .single-post .site-main article .article-meta { margin-bottom: 10px; width: auto; } .single-post .site-main article .article-meta-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; } .single-post.full-width-centered .site-main article .article-meta { position: static; height: auto; width: auto; } .single-post.full-width-centered .site-main article .article-meta .byline img { width: 40px; height: 40px; } .single-post .site-main article.sticky-meta .article-meta, .single-post.full-width-centered .site-main article .article-meta-inner { position: static; justify-content: center; } .single .site-main article .byline a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 5px; } .single .site-main article .byline img { width: 40px; height: 40px; margin-bottom: 0; margin-right: 10px; } .single-post .site-main article .article-meta .byline + .post-share { border-top: none; padding-top: 0; margin-top: 0; } .single-post .site-main article .article-meta .post-share .post-share-toggle { display: none; } .single-post .site-main article .article-meta .post-share .social-networks li { display: inline-block; margin-left: 5px; margin-bottom: 5px; } .single-post .site-main article .article-meta .post-share .social-networks li a { background: none; width: 35px; height: 35px; } .single-post .site-main article .article-meta + .content-wrap { width: 100%; padding-left: 0; } .author-section { flex-direction: column; } .author-section .author-img { margin: 0 auto; } .author-section .author-content-wrap { width: 100%; padding-left: 0; margin-top: 20px; text-align: center; } .archive .page-header .author-section { padding-left: 20px; padding-right: 20px; } .archive .page-header .author-section .author-content-wrap { width: 100%; padding-left: 0; } /*=============================== PAGE TEMPLATE PORTFOLIO ===============================*/ .portfolio-holder .entry-header .entry-title { font-size: 1.39em; } /*============================ ERROR 404 PAGE ============================*/ .error404 .site-main .error-num { font-size: 10em; } .error404 .site-main .not-found h4 { font-size: 1.89em; } .error404 .site-main .error-text { font-size: 1em; } .error404 .content-area .additional-post { margin-top: 60px; } } /* Single post and single page underline fixes */ .entry-content a, .entry-summary a, .page-content a, .comment-content a, .widget .textwidget a { color: var(--font-color); text-decoration: underline; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .widget .textwidget a:hover { color : var(--primary-color); } /*====================== wheel of life section ======================*/ section.wheeloflife-section{ padding: 50px 0; margin:0; text-align: center; } .wheeloflife-section .container .section-header{ margin-bottom: 45px; } .wheeloflife-section .container .section-header .section-title{ margin-bottom: 0; } .wheeloflife-section .container .section-header{ margin-bottom: 45px; } .wheeloflife-section .container .section-content{ max-width: 767px; margin: 0 auto; margin-bottom: 35px; } .wheeloflife-section .container .section-content p:last-of-type{ margin-bottom: 0; } .wheeloflife-section .container .section-content img{ margin-top: 1em; } .wheeloflife-btn.is-primary{ background: var(--primary-color); color: #fff; cursor: pointer; font-size: 18px; font-weight: 500; line-height: 1.333; padding: 1.25rem 1.5rem; text-transform: capitalize; transition: all .3s ease; } .wheeloflife-btn, button:not(:hover):not(:active):not(.has-background).wheeloflife-btn{ border-radius: 0; } .wheeloflife-btn.is-primary:hover, button:not(:hover):not(:active):not(.has-background).wheeloflife-btn.is-primary:hover{ background-color: var(--font-color); } .wheeloflife-container .wheeloflife-wrapper{ text-align: center; margin-bottom: 0; } @media(min-width:767px){ section.wheeloflife-section{ padding: 100px 0; } }
Upload File
Create Folder