/*! Theme Name: Blossom Coach Theme URI: https://blossomthemes.com/downloads/blossom-coach-free-wordpress-theme/ Author: Blossom Themes Author URI: https://blossomthemes.com/ Description: Blossom coach is a free WordPress coaching theme designed to create websites for coach, mentors, speakers and therapists. You can easily use this theme to create stunning website without any knowledge of coding. The theme is designed with features that highlights you and yours services that will help to improve your followings. The theme is also multi-purpose. So you can also use it to build small business (restaurants/cafe, travel, education, hotel, construction, events, wedding planners, fitness, affiliate, fashion, lawyer, consulting, sport/medical shops, spa/temas, political), portfolio, church, online agencies and firms, charity, ecommerce (WooCommerce), and freelancers websites. It is responsive, Schema.org compatible, SEO friendly, RTL compatible, speed optimized, and translation ready. Check theme details at https://blossomthemes.com/downloads/blossom-coach-free-wordpress-theme/, demo at https://blossomthemes.com/theme-demo/?theme=blossom-coach, read the documentation at https://docs.blossomthemes.com/docs/blossom-coach/, and get support at https://blossomthemes.com/support-ticket/. Version: 1.2.5 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tested up to: 5.4.2 Requires PHP: 5.6 Text Domain: blossom-coach Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Blossom Coach 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 --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { text-decoration: none; color: inherit; background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: top; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #595f5f; font-family: 'Nunito sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Nunito', sans-serif; font-weight: 700; margin: 0.67em 0; line-height: 1.2; color: #000; } h1 { font-size: 2.223em; } h2 { font-size: 2em; } h3 { font-size: 1.667em; } h4 { font-size: 1.333em; } h5 { font-size: 1.112em; } h6 { font-size: 1em; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } .halfwidth { width: 50%; } 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: #e9e9e9; border: 0; height: 1px; margin-top: 2.5em; margin-bottom: 2.5em; } ul, ol { margin: 0; } ol { list-style: decimal; font-weight: 400; } ul li, ol li { margin-bottom: 10px; } li>ul, li>ol { margin-bottom: 0; margin-left: 0; } 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: 0; /* Extra wide images within figure tags don't overflow the content area. */ line-height: 0; } table { margin: 0 0 1.5em; width: 100%; border-radius: 0; font-size: 18px; text-align: left; overflow: hidden; border-collapse: collapse; } table tr th { padding: 10px 15px; border-bottom: 2px solid rgba(0, 0, 0, 0.05); font-weight: 700; color: #000; } table tr td { padding: 10px 15px; } table tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.03); } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 5px; background: #e75387; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 15px 40px; line-height: 20px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #88ced0; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #222; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 15px; width: 100%; height: 50px; font-size: 16px; } 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: #222; } select { border: 1px solid #e5e5e5; width: 100%; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #88ced0; text-decoration: none; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } a:visited { color: inherit; } a:hover, a:focus, a:active { color: inherit; } a:hover, a:active { outline: 0; } a:hover { color: #88ced0; } @-moz-document url-prefix() { a: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; margin-bottom: 0; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .wrapper:before, .wrapper:after { content: ""; display: table; table-layout: fixed; } .clearfix:after, .entry-content:after, .comment-content:after, .site-content:after, .wrapper:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 60px 0; /* Make sure select elements fit in widgets. */ } .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; height: 50px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # 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: 0; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; line-height: initial; } .wp-caption-text { font-size: 14px; color: #b9bdbd; } .wp-caption-text a { text-decoration: underline; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery:before, .gallery:after { content: ""; display: table; } .gallery:after { clear: both; } .gallery { margin-bottom: 0; } .gallery-item { float: left; display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery:not(gallery-columns-1) .gallery-item { margin-right: 2%; margin-bottom: 2%; } .gallery-columns-2 .gallery-item { max-width: 49%; } .gallery-columns-3 .gallery-item { max-width: 32%; } .gallery-columns-4 .gallery-item { max-width: 23.4%; } .gallery-columns-5 .gallery-item { max-width: 18.33%; } .gallery-columns-6 .gallery-item { max-width: 15%; } .gallery-columns-7 .gallery-item { max-width: 12.5%; } .gallery-columns-8 .gallery-item { max-width: 10.7%; } .gallery-columns-9 .gallery-item { max-width: 9.33%; } .gallery-columns-2 .gallery-item:nth-child(2n), .gallery-columns-3 .gallery-item:nth-child(3n), .gallery-columns-4 .gallery-item:nth-child(4n), .gallery-columns-5 .gallery-item:nth-child(5n), .gallery-columns-6 .gallery-item:nth-child(6n), .gallery-columns-7 .gallery-item:nth-child(7n), .gallery-columns-8 .gallery-item:nth-child(8n), .gallery-columns-9 .gallery-item:nth-child(9n) { margin-right: 0; } .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; text-decoration: none; border-radius: 5px; box-shadow: 0 2px 20px rgba(0,0,0,0.1); z-index: 99999; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } .skip-link:focus, .skip-link:active { top: 50px; color: #000; text-decoration: none; } .widget_btif_instagram_widget .profile-link { display: block; margin-top: 20px; text-align: center; background: #88ced0; padding: 10px; color: #fff; border-radius: 5px; } .widget_btif_instagram_widget .profile-link:hover { background: #e75387 } .archive .site-main .woocommerce-products-header { display: none; } .close { color: inherit; position: absolute; top: 7%; width: 40px; height: 40px; right: 5%; cursor: pointer; padding: 0; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .close:before, .close:after { content: ""; background-color: #fff; width: 25px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .close:hover:before, .close:hover:after { background-color: #e85387; } .portfolio-item-inner:focus-within .portfolio-text-holder { padding-top: 30px; padding-bottom: 30px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .btn-readmore:focus, .bttn:focus { outline-color: #000; } .wrapper { width: 1170px; margin: 0 auto; } .grid-view .site-main { margin-left: -15px; margin-right: -15px; } .widget-title { font-size: 1.33em; color: #000; margin-top: 0; margin-bottom: 30px; position: relative; padding-bottom: 12px; } #secondary .widget-title:before, .site-footer .widget-title:before { content: ""; background: #e24e82; width: 8px; height: 8px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } #secondary .widget-title:after, .site-footer .widget-title:after { content: ""; background: #88ced0; height: 2px; width: 90px; position: absolute; bottom: 3px; left: 20px; } .grid-view article { padding: 15px 15px 45px 15px; float: left; width: 50%; } .full-width.grid-view article { width: 33.33%; } article header.entry-header { margin-bottom: 30px; } .entry-header .entry-title { margin-top: 0; font-size: 1.33em; font-weight: 700; line-height: 1.3; margin-bottom: 0; color: #000; } .entry-title a { display: inline-block; } .entry-meta span { font-weight: 400; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; } div.category { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 13px; } div.category a { color: #b9bdbd; margin-right: 10px; } div.category a:hover { color: #88ced0; } .entry-meta span.byline span { color: rgba(0, 0, 0, 0.6); } .entry-meta span span, .entry-meta span:last-child { margin-right: 0; } .byline img { width: 24px; border-radius: 100%; height: 24px; margin-right: 10px; display: inline-block; vertical-align: middle; } .entry-content { margin-top: 10px; margin-bottom: 20px; } .entry-content p { margin-top: 0; margin-bottom: 20px; clear: both; } .entry-content p:last-child { margin-bottom: 0; } .entry-footer .btn-wrap { display: inline-block; vertical-align: middle; width: 49%; } .entry-footer .like-comment-wrap { display: inline-block; vertical-align: middle; width: 49%; text-align: right; } .like-comment-wrap span { display: inline-block; margin-right: 20px; font-size: 14px; color: rgba(0, 0, 0, 0.35); } .like-comment-wrap span:last-child { margin-right: 0; } .like-comment-wrap span svg { font-size: 20px; margin-right: 5px; color: rgba(0, 0, 0, 0.6); } .like-comment-wrap span.post-like svg { color: #11e2a6; } .like-comment-wrap span { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } article.post figure.post-thumbnail, .page.style1 figure.post-thumbnail { margin-bottom: 40px; } .single figure.post-thumbnail, .page.style1 figure.post-thumbnail { border-radius: 8px; overflow: hidden; } section[class*="-section"] .widget .widget-title, section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle, .section-title { font-size: 2em; font-weight: 700; color: #000; margin-top: 0; margin-bottom: 40px; display: table; position: relative; padding-bottom: 13px; clear: both; margin-left: auto; margin-right: auto; font-family: 'Nunito', sans-serif; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle { text-align: center; } section[class*="-section"] .widget .widget-title span:before, section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle span:before, .section-title span:before, section[class*="-section"] .widget .widget-title span:after, section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle span:after, .section-title span:after { content: ""; background: #88ced0; max-width: 70px; height: 2px; position: absolute; bottom: 0; left: -100px; right: 0; margin: 0 auto; } section[class*="-section"] .widget .widget-title span:after, section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle span:after, .section-title span:after { left: 0; right: -100px; } section[class*="-section"] .widget .widget-title:after, section[class*="-section"] .widget_blossomtheme_featured_page_widget .section-subtitle:after, .section-title:after { content: ""; background: #e85387; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 0; right: 0; bottom: -3px; margin: 0 auto; padding: 0; } section[class*="-section"] .widget_text .textwidget { width: 75%; margin-left: auto; margin-right: auto; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul ul { margin-top: 20px; } .widget ul li { margin-bottom: 20px; font-weight: 400; position: relative; line-height: 1.4em; } .widget ul li:last-child { margin-bottom: 0; } .widget ul li a { display: inline-block; } .widget .post-date { font-size: 14px; display: block; color: #b9bdbd; } section[class*="-section"] { margin-bottom: 80px; margin-top: 80px; text-align: center; } blockquote, q { margin: 50px 0; padding: 15px 0 0 80px; font-style: italic; font-weight: 600; line-height: 1.6; font-size: 1.33em; position: relative; } q { display: block; border-left: 4px solid #88ced0; padding-left: 30px; padding-top: 0; color: #000; font-size: 1.112em; margin-bottom: 40px; margin-top: 30px; } #primary blockquote, .blockquote-section blockquote { width: 80%; margin-left: auto; margin-right: auto; } .blockquote-section blockquote { margin-top: 0; margin-bottom: 0; color: #fff; } blockquote:before, q:before { content: "\201c"; font-weight: 400; font-size: 90px; color: #fff; line-height: 1; width: 60px; height: 60px; background: #e85387; border-radius: 100%; position: absolute; top: 0; left: 0px; text-align: center; padding: 10px 7px 0 0; } blockquote:after, q:after { content: ""; background: #88ced0; height: calc(100% - 70px); width: 4px; position: absolute; top: 70px; left: 30px; } blockquote p:first-child, q p:first-child { margin-top: 0; } q:before, q:after { display: none; } blockquote p:last-child, q p:last-child { margin-bottom: 0; } blockquote i, blockquote span { display: block; font-size: 16px; color: #b9bdbd; font-weight: 400; margin-top: 15px; font-style: normal; } span.highlight { display: inline-block; background: #e9e9e9; padding: 0 5px; border-radius: 5px; } .left { text-align: left !important; } .center, .widget .centered { text-align: center !important; } .right { text-align: right !important; } hr { display: block; background: rgba(0, 0, 0, 0.35); width: 4px; height: 4px; border-radius: 100%; margin: 40px auto; box-shadow: 25px 0 rgba(0, 0, 0, 0.35), -25px 0 rgba(0, 0, 0, 0.35); } mark { background: rgba(1, 138, 250, 0.1); color: rgba(0, 0, 0, 0.6); padding: 2px 0; line-height: 1.9; } #secondary .widget_btif_instagram_widget ul li, .top-footer .widget_btif_instagram_widget ul li { margin-bottom: 0; padding: 3px; } .fallback-svg { vertical-align: top; } /*======================= BACK TO TOP =======================*/ .back-to-top { padding: 0; position: fixed; bottom: 20px; right: 30px; width: 56px; text-align: center; height: 56px; line-height: 56px; background: #88ced0; border-radius: 100%; cursor: pointer; color: #fff; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); z-index: 99; opacity: 0; visibility: hidden; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .back-to-top.show { bottom: 30px; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .back-to-top:hover { background: #e85387; } .back-to-top:focus { outline-color: #fff; } .back-to-top span { display: block; font-size: 25px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } /*======================== BREADCRUMB ========================*/ .breadcrumb { padding: 10px 0; font-weight: 400; letter-spacing: 0.8px; } .has-bg .page-header .breadcrumb, .has-bg .page-header span.separator { color: #fff; } #crumbs{ font-size: 0.7778em; color: #666; } span.separator { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; color: #707171; } #crumbs a{ color: #666; margin-right: 10px; -webkit-transition: ease 0.2s; transition: ease 0.2s; } #crumbs a:hover { text-decoration: none; color: #88ced0; } #crumbs .current a { color: #88ced0; pointer-events: none; } /*======================== COMMENTS AREA ========================*/ .comments-area { margin: 60px auto 0 auto; border-top: 1px solid #e5e5e5; padding-top: 60px; text-align: left; } .comments-area .comments-title, .comment-respond .comment-reply-title { margin-top: 0; margin-bottom: 30px; font-size: 1.33em; color: #000; position: relative; padding-bottom: 15px; } .comments-area .comments-title:before, .comment-respond .comment-reply-title:before { content: ""; background: #e8508d; width: 8px; height: 8px; position: absolute; bottom: 0; left: 0; border-radius: 100%; } .comments-area .comments-title:after, .comment-respond .comment-reply-title:after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; bottom: 3px; left: 20px; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol li ol { margin-left: 25px; } .comments-area ol li { margin-bottom: 0; } .comments-area .comment-body { border-top: 1px solid #e5e5e5; margin-top: 30px; padding-top: 30px; position: relative; padding-left: 70px; padding-bottom: 60px; } .comments-area .bypostauthor > .comment-body { border-top: none; background: #f3fdfe; border-left: 4px solid #88ced0; padding-right: 30px; padding-left: 100px; padding-bottom: 70px; } .comments-area ol li.parent:first-child>.comment-body { border-top: none; margin-top: 0; } .comment-body img.avatar { position: absolute; top: 35px; left: 0; width: 50px; height: 50px; border-radius: 100%; } .bypostauthor .comment-body img.avatar { left: 30px; } .comment-body b.fn { font-weight: 700; margin-bottom: 0; display: block; font-family: 'Nunito', sans-serif; color: #000; } .comment-body b.fn span.says { display: none; } .comment-body .comment-metadata { font-size: 14px; color: #b9bdbd; } .comment-body .comment-awaiting-moderation { font-size: 14px; margin-top: 10px; margin-bottom: 0; color: #f0474a; font-style: italic; } .comment-body .reply { position: absolute; bottom: 0; left: 70px; } .bypostauthor .comment-body .reply { bottom: 20px; } .comment-body .reply .comment-reply-link { display: inline-block; text-align: center; vertical-align: top; text-transform: uppercase; font-size: 14px; font-family: 'Nunito', sans-serif; font-weight: 700; letter-spacing: 1px; color: #e8508d; } .comment-body .reply .comment-reply-link:hover { color: #88ced0; } .comment-body .reply .comment-reply-link:before { content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; width: 20px; height: 18px; margin-right: 10px; display: inline-block; vertical-align: middle; } .comment-body .comment-content { font-size: 16px; font-weight: 400; line-height: 1.7; } .comment-body .comment-content p { margin-top: 5px; margin-bottom: 20px; } .comment-body .comment-content p:last-child { margin-bottom: 0; } .comment-respond { margin-top: 60px; } .comment-respond .comment-reply-title { margin-bottom: 40px; vertical-align: middle; } .comment-respond .comment-reply-title a { display: inline-block; font-size: 14px; margin-left: 10px; margin-bottom: 10px; background: #fff; color: #000; padding: 8px 20px; line-height: 25px; border-radius: 5px; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.05); text-transform: capitalize; font-weight: 500; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); } .comment-respond .comment-reply-title a:hover { background: #88ced0; color: #fff; border-color: #88ced0; } .comment-form p { margin-top: 0; margin-bottom: 25px; line-height: 0; } .comment-form p.comment-notes { margin: 5px 0 20px 0; font-size: 16px; line-height: 1.8; display: none; } .comment-respond p.comment-form-author, .comment-respond p.comment-form-email, .comment-respond p.comment-form-url { display: inline-block; vertical-align: top; margin-right: 3%; width: 30.66%; margin-bottom: 10px; } .comment-respond p.comment-form-url { margin-right: 0; } .comment-form p.comment-form-cookies-consent { margin-top: 15px; } .comment-respond .comment-form label { display: none; } .comment-respond .comment-form label[for="wp-comment-cookies-consent"] { display: inline-block; margin-left: 10px; font-size: 14px; } .comment-respond .comment-form input[type="text"], .comment-respond .comment-form input[type="email"], .comment-respond .comment-form input[type="url"], .comment-respond .comment-form textarea { padding-left: 20px; padding-right: 20px; font-weight: 400; line-height: 1.8; } .comment-respond .comment-form textarea { height: 150px; } .comment-form p.form-submit { margin-bottom: 0; margin-top: 15px; } .comment-respond input.submit { letter-spacing: 0; padding-left: 30px; padding-right: 30px; text-transform: capitalize; } /*======================== PAGINATION ========================*/ nav.pagination { position: relative; z-index: 1; } .navigation .nav-links { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 40px 0; margin-top: 50px; font-size: 16px; font-weight: 700; text-transform: uppercase; position: relative; text-align: center; } .nav-links div[class*="nav"] a { display: inline-block; vertical-align: middle; position: relative; padding-left: 30px; } .nav-links div.nav-next a { padding-left: 0; padding-right: 30px; } .nav-links div[class*="nav"] a svg { font-size: 17px; position: absolute; top: 5px; left: 0; } .nav-links div.nav-next a svg { left: auto; right: 0; } .page-numbers.prev, .page-numbers.next { width: auto; height: 35px; line-height: 35px; position: absolute; top: 35px; left: 0; color: #88ced0; letter-spacing: 1px; padding-left: 50px; } .page-numbers.next { left: auto; right: 0; padding-right: 50px; padding-left: 0; } .page-numbers.prev:hover, .page-numbers.next:hover { background: none; color: #e75387; } .page-numbers.prev:before, .page-numbers.next:before { content: "\279c"; height: 35px; line-height: 35px; position: absolute; left: 0; background: #88ced0; border-radius: 100%; color: #fff; width: 35px; font-weight: 400; top: 0; box-shadow: 0px 8px 15px rgba(136, 206, 208, 0.25); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .page-numbers.prev:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); box-shadow: 0px -8px 15px rgba(136, 206, 208, 0.25); } .page-numbers.next:before { left: auto; right: 0; } .page-numbers.prev:hover:before, .page-numbers.next:hover:before { background: #e75387; } .page-numbers { display: inline-block; vertical-align: middle; width: 25px; height: 30px; line-height: 30px; border-radius: 3px; text-align: center; color: #595f5f; } a.page-numbers:hover, span.page-numbers.current { background: #88ced0; color: #fff; } span.page-numbers.current { box-shadow: 0px 8px 15px rgba(136, 206, 208, 0.25); } .single .navigation .nav-links { text-transform: none; font-family: 'Nunito', sans-serif; color: #000; font-size: 18px; font-weight: 700; text-align: left; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e5e5e5; margin-top: 60px; border-bottom: 1px solid #e5e5e5; } .single .pagination .nav-links:before, .single .pagination .nav-links:after { content: ""; display: table; } .single .pagination .nav-links:after { clear: both; } .single .pagination .nav-previous { display: inline-block; width: 49.33%; padding-right: 20px; vertical-align: middle; position: relative; } .single .pagination .nav-next { display: inline-block; width: 49.33%; padding-left: 20px; text-align: right; vertical-align: middle; position: relative; } .single .pagination .nav-previous:after, .single .pagination .nav-next:after { content: ""; background: #f2f2f2; width: 2px; position: absolute; top: -20px; right: -4px; bottom: -20px; } .single .pagination .nav-next:after { right: auto; left: -3px; } .single .nav-links div[class*="nav"] a { padding: 0 0 0 155px; color: #000; } .single .nav-links div.nav-next a { padding-left: 0; padding-right: 155px; justify-content: right } .single .nav-links div[class*="nav"] a:hover { color: #88ced0; } .single .nav-links div[class*="nav"] a svg { font-size: 25px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .single .nav-links .nav-next span.meta-nav { left: auto; right: 0; } .single .nav-links a figure { display: inline-block; vertical-align: middle; width: 100px; height: 100px; position: absolute; top: 50%; left: 35px; border-radius: 5px; overflow: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .single .nav-links .nav-next a figure { left: auto; right: 35px; } .single .nav-links a .post-title { display: inline-block; } /*======================== SIDEBARS ========================*/ .centered #primary .page-content, .centered #primary .entry-content, .single.centered .site-main .entry-header { max-width: 830px; margin-left: auto; margin-right: auto; } .rightsidebar #primary { float: left; width: 73%; padding-right: 50px; } .leftsidebar #primary { float: right; width: 73%; padding-left: 50px; } .rightsidebar #secondary, .leftsidebar #secondary { float: left; width: 27%; } /*====================== STICKY TOP BAR ======================*/ .sticky-t-bar+.site-header { -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .sticky-t-bar:not(.active)+.site-header { padding-top: 25px !important; } .sticky-t-bar .close { background-color: #88ced0; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; background-size: 13px; background-position: center; width: 30px; height: 30px; line-height: 28px; position: fixed; top: 0; right: 30px; cursor: pointer; z-index: 9999; border-radius: 5px; padding: 0; } .sticky-t-bar.active .close { top: 10px; background-image: url('data:image/svg+xml; utf8,'); } .admin-bar .sticky-t-bar .close { top: 32px; } .admin-bar .sticky-t-bar.active .close { top: 42px; } .sticky-t-bar:not(.active) .close { border-top-left-radius: 0; border-top-right-radius: 0; height: 25px; line-height: 23px; } .sticky-t-bar .close:before, .sticky-t-bar .close:after { display: none; } .sticky-t-bar .close:hover:before, .sticky-t-bar .close:hover:after { background-color: transparent; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper { padding: 0; } .sticky-bar-content { text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 999; } .admin-bar .sticky-bar-content { top: 32px; } .custom-background .sticky-bar-content { width: 85%; margin: 0 auto; } .sticky-bar-content .wrapper { width: auto; padding-left: 0; padding-right: 0; } .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding: 7px 0; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder, .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.112em; color: inherit; text-align: right; display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; padding-right: 10px; } .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3 { display: block; padding-right: 0; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form { display: inline-flex; flex: auto; flex-wrap: wrap; justify-content: center; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form label { display: block; order: 5; color: inherit; font-size: 0.8888em; width: 100%; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { justify-content: center; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { align-items: flex-start; position: relative; overflow: hidden; text-align: left; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] { display: block; position: absolute; top: 10px; left: 0; opacity: 0; } .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-top: 8px; } .blossomthemes-email-newsletter-wrapper form label .text { flex: initial; max-width: calc(100% - 25px); } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark { background-color: #fff; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="text"], .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="email"], .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] { float: left; width: auto; border-radius: 40px; border: none; margin-bottom: 0; margin-left: 10px; height: 36px; padding-top: 0; padding-bottom: 0; font-size: 13px; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] { margin-left: 0; box-shadow: -15px 0px 0 0px #fff; padding-left: 20px; padding-right: 20px; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover { background: #000; } .widget_blossomthemes_email_newsletter_widget form input[type="submit"]:hover { background: #fff; color: #88ced0; } /*========================== HEADER T ==========================*/ .header-t { border-bottom: 1px solid #e5e5e5; padding: 10px 0; } .header-t .top-left { display: inline-block; width: 50%; vertical-align: middle; font-size: 16px; letter-spacing: 0.5px; } .header-t .top-left span { margin-right: 30px; } .header-t .top-left span:last-child { margin-right: 0; } .header-t .top-left span a { color: #595f5f; } .header-t .top-left span a:hover { color: #88ced0; } .header-t .top-left svg { color: #88ced0; margin-right: 5px; font-size: 18px; } .header-t .top-right { display: inline-block; vertical-align: middle; width: 49%; text-align: right; float: right; } .top-right .header-social, .top-right .header-search { display: inline-block; vertical-align: middle; } .top-right .header-search { position: relative; } .header-search button { background: none; color: inherit; padding: 0; border-radius: 0; line-height: 1; } .header-search button:hover { background: none; } .top-right .header-social + .header-search { border-left: 1px solid #e5e5e5; padding-left: 15px; margin-left: 10px; } ul.social-icons { margin: 0; padding: 0; list-style: none; } ul.social-icons li { display: inline-block; vertical-align: middle; font-size: 16px; margin-bottom: 0; } ul.social-icons li a { padding: 0 7px; color: #000; } ul.social-icons li a:hover { color: #88ced0; } body.search-active { overflow: hidden; } .header-search>span { color: #000; display: block; cursor: pointer; padding: 3px 0; font-size: 16px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .header-search>span:hover { color: #88ced0; } .header-search > span svg { vertical-align: middle; } .header-search .header-search-form { position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, 0.75); width: 80%; height: 80%; left: 0; text-align: center; margin: auto; bottom: 0; z-index: 99999; display: none; } .header-search .header-search-form.active { display: block; width: 100%; height: 100%; } .header-search .header-search-form form.search-form { width: 35%; position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .site-header .header-search label.screen-reader-text { position: static !important; clip: inherit; margin: 0 0 15px 0; height: auto; clip-path: inherit; font-family: 'Nunito', sans-serif; font-size: 1.667em; color: #fff; font-weight: 700; display: table; clear: both; width: 100%; } form.search-form input.search-field { float: left; width: calc(100% - 60px); border-top-right-radius: 0; border-bottom-right-radius: 0; border: 2px solid #fff; height: 60px; font-size: 1.333em; font-weight: 300; } form.search-form input.search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b9bdbd; } form.search-form input.search-field::-moz-placeholder { /* Firefox 19+ */ color: #b9bdbd; } form.search-form input.search-field:-ms-input-placeholder { /* IE 10+ */ color: #b9bdbd; } form.search-form input.search-field:-moz-placeholder { /* Firefox 18- */ color: #b9bdbd; } .search-form>label[for="submit-field"] { width: 60px; float: left; margin-bottom: 0; background: #e85387; color: #fff; border: 2px solid #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 60px; font-size: 22px; font-weight: 400; line-height: 60px; overflow: hidden; display: inline-block; clear: none; position: relative; text-align: center; } .search-form>label[for="submit-field"]:hover { background: #88ced0; } .search-form>label[for="submit-field"] input.search-submit { position: absolute; top: 0; left: 0; padding: 0; height: 100%; width: 100%; background: none; text-indent: 60px; } /*==================== MAIN HEADER ====================*/ .custom-background #page { width: 85%; margin: 0 auto; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } body:not(.home) header.site-header { border-bottom: 1px solid #e5e5e5; } .main-header .site-branding { display: inline-block; vertical-align: middle; padding-top: 25px; padding-bottom: 25px; } .site-branding.icon-text .site-logo { display: inline-block; vertical-align: middle; } .site-branding.icon-text .site-title-wrap { display: inline-block; vertical-align: middle; padding-left: 10px; } .site-branding:not(.icon-text) .site-logo + .site-title-wrap { display: none; } .site-title { font-size: 45px; font-weight: 700; margin: 0; line-height: 1; } .site-title a { color: #000; } .site-description { font-size: 14px; margin: 0; line-height: 1.2; color: #b9bdbd; letter-spacing: 3px; } .main-header .menu-wrap { display: inline-block; vertical-align: middle; text-align: right; float: right; } .menu-wrap nav.main-navigation { display: inline-block; vertical-align: middle; } .main-navigation button.toggle-button { display: none; } .main-navigation ul { list-style: none; margin: 0; padding: 0; } .main-navigation ul li { display: inline-block; vertical-align: middle; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; position: relative; margin-bottom: 0; } .main-navigation ul li.menu-item-has-children > .submenu-toggle { display: none; background: none; color: initial; padding: 0; font-weight: normal; line-height: normal; border-radius: 0; font-size: 1em; } .main-navigation ul li a { display: inline-block; vertical-align: middle; color: #000; padding: 45px 18px; } .main-navigation ul.menu li:last-child:not(.menu-item-has-children) > a { padding-right: 0; } .main-navigation ul li.menu-item-has-children>a { padding-right: 25px; } .main-navigation ul li:hover>a, .main-navigation ul li.current-menu-item>a, .main-navigation ul li.current_page_item>a { color: #88ced0; } .main-navigation ul li.menu-item-has-children>a:after { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 10px; height: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 9px; } .main-navigation ul ul li.menu-item-has-children>a:after { background-image: url('data:image/svg+xml; utf8,'); } .main-navigation ul ul { position: absolute; top: 110%; left: 0; width: 250px; text-align: left; z-index: 999; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); opacity: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation ul ul ul { top: 15%; left: 100%; padding-left: 3px; } .main-navigation ul li:hover>ul, .main-navigation ul li.focused>ul { top: 100%; opacity: 1; filter: alpha(opacity=100); clip: inherit; } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focused>ul { top: 0; left: 100%; } .main-navigation ul.menu>li:last-child>ul { left: auto; right: 0; } .main-navigation ul.menu>li:last-child>ul ul { left: auto; right: 100%; padding-left: 0; padding-right: 3px; } .main-navigation ul ul li { display: block; font-weight: 400; text-transform: none; font-size: 16px; letter-spacing: 0; } .main-navigation ul ul li:first-child { box-shadow: 0 -5px 0 #88ced0; } .main-navigation ul ul li a { background: #fff; display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #595f5f; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; } .main-navigation ul ul li:hover>a { color: #fff; background: #88ced0; } .header-cart { width: 35px; height: 35px; position: relative; border: 2px solid #88ced0; text-align: center; line-height: 35px; border-radius: 100%; display: inline-block; vertical-align: middle; color: #88ced0; font-size: 16px; margin-left: 20px; } .header-cart a { display: block; -webkit-transition: none; -moz-transition: none; transition: none; } .header-cart span.item-count { position: absolute; top: -11px; right: -8px; background: #e85387; width: 20px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 100%; display: block; padding: 0; border: 1px solid #fff; color: #fff; } .header-cart:hover { background: #88ced0; color: #fff; } .header-cart:hover a { color: #fff; } /*========================= SITE BANNER =========================*/ .site-banner { position: relative; } .site-banner .wp-custom-header { position: relative; } .site-banner .item .banner-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-banner .wp-custom-header:before, .site-banner .item .banner-text:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.75)); background: -moz-linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.75)); background: -ms-linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.75)); background: -o-linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.75)); background: linear-gradient(150deg, transparent, rgba(0, 0, 0, 0.75)); } .site-banner .wp-custom-header>img { object-fit: cover; width: 100%; /*height: 850px;*/ } .video-banner .wp-custom-header { padding-top: 56.23%; } .video-banner #wp-custom-header-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .video-banner .wp-custom-header-video-button { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; width: 40px; padding: 0; height: 40px; overflow: hidden; text-align: center; line-height: 40px; text-indent: 50px; } .video-banner .wp-custom-header button::before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 15px; height: 17px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 1em; text-indent: 0; } .video-banner .wp-custom-header button.wp-custom-header-video-pause::before { background-image: url('data:image/svg+xml; utf8,'); } .site-banner .banner-text .container { max-width: 800px; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 } .site-banner .banner-text .title { font-size: 2.223em; margin-bottom: 0; margin-top: 0; } .site-banner .banner-text a { color: #fff; } .site-banner .banner-text .category { margin-bottom: 15px; } .site-banner .banner-text .category a { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 700; background: rgba(136,206,208,0.85); border-radius: 5px; padding: 5px 15px; margin: 5px; } .site-banner .banner-text .category a:hover { background: rgba(136,206,208,0.95); color: #fff; } .site-banner .banner-caption { position: absolute; left: 0; right: 0; top: 50%; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .banner-caption .blossomthemes-email-newsletter-wrapper { background: rgba(0,0,0,0.7) !important; width: 50%; float: right; border-radius: 10px; padding: 50px 50px 35px 50px; text-align: left; color: #fff; } .banner-caption .blossomthemes-email-newsletter-wrapper:after { display: none; } .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2.223em; color: #fff; margin-bottom: 30px; margin-top: 0; } .banner-caption .blossomthemes-email-newsletter-wrapper .text-holder span { font-size: 1.223em; display: block; margin-bottom: 30px; } .banner-caption .blossomthemes-email-newsletter-wrapper form { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .banner-caption .blossomthemes-email-newsletter-wrapper form input { height: 65px; border: none; margin-bottom: 0; } .banner-caption .blossomthemes-email-newsletter-wrapper form input[class*="subscribe-email-"] { grid-column: 1 / span 2; } .banner-caption .blossomthemes-email-newsletter-wrapper form input[class*="subscribe-fname-"] + input[class*="subscribe-email-"] { grid-column: inherit; } .banner-caption .blossomthemes-email-newsletter-wrapper form label { grid-column: 1 / span 2; } .banner-caption .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"] { display: inline-block; height: auto; } .banner-caption .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-bottom: 0; } .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark { background: #fff; } .banner-caption .blossomthemes-email-newsletter-wrapper form label span { display: inline-block; font-size: 0.8888em; } .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="submit"] { grid-column: 1 / span 2; background: #88ced0; color: #fff; text-transform: capitalize; font-size: 18px; } .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover { background: #e75387; } .owl-carousel { overflow: hidden; } .owl-nav div[class*="owl-"] { position: absolute; top: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; background: none; border-radius: 100%; border: 2px solid rgba(255,255,255,0.4); color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .owl-nav div.owl-prev { left: 4%; } .owl-nav div.owl-next { right: 4%; } .owl-nav div[class*="owl-"]:hover, .owl-nav div[class*="owl-"].disabled { border-color: rgba(136,206,208,1); background: rgba(136,206,208,1); } .owl-carousel .owl-nav div[class*="owl-"].disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } .owl-nav div[class*="owl-"]:before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 15px; height: 25px; position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; } .owl-nav div.owl-next:before { background-image: url('data:image/svg+xml; utf8,'); width: 10px; } /*============================== BLOSSOM CLIENT LOGO WIDGET ==============================*/ section[class*="-section"] .widget_blossom_client_logo_widget .widget-title { font-size: 16px; font-weight: 700; color: #b9bdbd; border-bottom: none; padding-bottom: 0; margin-bottom: 40px; text-transform: uppercase; font-family: 'Nunito sans', sans-serif; margin-top: 0; } section[class*="-section"] .widget_blossom_client_logo_widget .widget-title span:before, section[class*="-section"] .widget_blossom_client_logo_widget .widget-title span:after, section[class*="-section"] .widget_blossom_client_logo_widget .widget-title:after { display: none; } .widget_blossom_client_logo_widget .image-holder { display: inline-block; vertical-align: middle; width: 48%; text-align: center; } section[class*="-section"] .widget_blossom_client_logo_widget .image-holder { width: 24%; } .widget_blossom_client_logo_widget .image-holder a { display: block; padding: 20px; } .widget_blossom_client_logo_widget .black-white img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.25; filter: alpha(opacity=25); } .widget_blossom_client_logo_widget .black-white:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); opacity: 1; filter: alpha(opacity=100); } /*============================= FEATURED PAGE WIDGET =============================*/ .widget_blossomtheme_featured_page_widget .featured_page_content h2 { display: block; font-size: 1.667em; margin-bottom: 0; padding-bottom: 0; } section[class*="-section"] .widget.widget_blossomtheme_featured_page_widget .widget-title:before { display: none; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .img-holder + .text-holder { display: inline-block; vertical-align: top; width: 55%; padding-right: 50px; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .right .text-holder { text-align: left !important; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .left .img-holder + .text-holder { float: right; padding-right: 0; padding-left: 50px; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .img-holder { display: inline-block; vertical-align: top; width: 44%; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .right .img-holder { float: right; } .widget_blossomtheme_featured_page_widget .left .img-holder { padding-right: 0; padding-left: 40px; } #secondary .widget_blossomtheme_featured_page_widget .left .img-holder, .top-footer .widget_blossomtheme_featured_page_widget .left .img-holder { padding-right: 0; padding-left: 25px; } .widget_blossomtheme_featured_page_widget .featured_page_content h1, .widget_blossomtheme_featured_page_widget .featured_page_content h3, .widget_blossomtheme_featured_page_widget .featured_page_content h4, .widget_blossomtheme_featured_page_widget .featured_page_content h5, .widget_blossomtheme_featured_page_widget .featured_page_content h6 { color: #b9bdbd; font-weight: 400; font-size: 18px; margin-top: 10px; margin-bottom: 20px; } .widget_blossomtheme_featured_page_widget .featured_page_content p { margin-top: 0; margin-bottom: 20px; } .widget_blossomtheme_featured_page_widget .featured_page_content p:first-child { margin-top: 20px; } .widget_blossomtheme_featured_page_widget .img-holder { position: relative; z-index: 1; padding-right: 40px; padding-bottom: 40px; display: inline-block; } .widget_blossomtheme_featured_page_widget .img-holder:before { content: ""; border: 10px solid #88ced0; top: 40px; right: 0; bottom: 0; left: 40px; position: absolute; z-index: -1; } #secondary .widget_blossomtheme_featured_page_widget .img-holder::before, .top-footer .widget_blossomtheme_featured_page_widget .img-holder::before { top: 25px; left: 25px; border-width: 8px; } .widget_blossomtheme_featured_page_widget .left .img-holder::before { left: 0; right: 40px; } #secondary .widget_blossomtheme_featured_page_widget .left .img-holder::before, .top-footer .widget_blossomtheme_featured_page_widget .left .img-holder::before { left: 0; right: 25px; } .widget_blossomtheme_featured_page_widget .img-holder img, .widget_blossomtheme_featured_page_widget .img-holder .fallback-svg { box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.2); width: 100%; } .widget_blossomtheme_featured_page_widget .left .img-holder img, .widget_blossomtheme_featured_page_widget .left .img-holder .fallback-svg { box-shadow: -7px 7px 30px rgba(0, 0, 0, 0.2); } .btn-readmore { font-family: 'Nunito', sans-serif; font-size: 16px; color: #88ced0; display: inline-block; padding: 13px 65px 13px 30px; border: 2px solid #88ced0; border-radius: 40px; line-height: 1.3; position: relative; text-transform: capitalize; box-shadow: 0 0 0 transparent; } #secondary .widget_bttk_image_text_widget a.btn-readmore { background: #88ced0; color: #fff; width: auto; max-width: 80%; left: 0; right: 0; margin: 0 auto; letter-spacing: 0; font-weight: 700; font-size: 14px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } #secondary .widget_bttk_image_text_widget a.btn-readmore:after { background: rgba(255,255,255,0.2); } .btn-readmore:hover, #secondary .widget_bttk_image_text_widget a.btn-readmore:hover { background: #88ced0; color: #fff; box-shadow: 0 20px 40px rgba(0,0,0,0.16); } #secondary .widget_bttk_image_text_widget a.btn-readmore:hover { background: #e75387; border-color: #e75387; } .btn-readmore:after { content: "\2794"; background: #88ced0; color: #fff; width: 35px; height: 35px; position: absolute; text-align: center; line-height: 35px; border-radius: 100%; font-weight: 400; top: 50%; right: 8px; font-size: 14px; box-shadow: 0 5px 10px rgba(136, 206, 208, 0.25); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .btn-readmore:hover:after { background: rgba(255,255,255,0.2); color: #fff; } /*========================= BACKGROUND CTA SECTION =========================*/ section.bg-cta-section { position: relative; z-index: 1; padding: 0; margin: 0; } .bg-cta-section .wrapper { width: auto; } /*=========================== CALL TO ACTION WIDGET ===========================*/ section[class*="-section"] .widget_blossomtheme_companion_cta_widget .widget-title { font-size: 2.223em; color: #fff; padding-bottom: 0; display: block; margin-bottom: 20px; } section[class*="-section"] .widget_blossomtheme_companion_cta_widget .widget-title span:before, section[class*="-section"] .widget_blossomtheme_companion_cta_widget .widget-title span:after, section[class*="-section"] .widget_blossomtheme_companion_cta_widget .widget-title:after { display: none; } .widget_blossomtheme_companion_cta_widget .text-holder { font-size: 1.112em; } .widget_blossomtheme_companion_cta_widget .bttk-cta-bg .text-holder { color: #fff; } .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } .bg-cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { padding-top: 100px; padding-bottom: 100px; } .widget_blossomtheme_companion_cta_widget .bttk-cta-bg { position: relative; z-index: 1; } .widget_blossomtheme_companion_cta_widget .bttk-cta-bg::before { content: ""; background: rgba(0,0,0,0.6); top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: -1; } .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container { max-width: 770px; padding-left: 2%; padding-right: 2%; margin-left: auto; margin-right: auto; } #secondary .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container .site-footer .widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container { text-align: center; color: #fff; } .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container { position: relative; max-width: 1170px; margin-left: auto; margin-right: auto; text-align: left; } section[class*="-section"] .widget_blossomtheme_companion_cta_widget .right .widget-title { width: 62%; margin-right: 0; margin-left: 0; padding-right: 30px; } #secondary .widget_blossomtheme_companion_cta_widget .widget-title, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title { color: #fff; padding-bottom: 0; } #secondary .widget_blossomtheme_companion_cta_widget .widget-title:before, #secondary .widget_blossomtheme_companion_cta_widget .widget-title:after, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title:before, .site-footer .widget_blossomtheme_companion_cta_widget .widget-title:after { display: none; } section[class*="-section"] .widget_blossomtheme_companion_cta_widget .right .text-holder { width: 62%; padding-right: 30px; } .widget_blossomtheme_companion_cta_widget .text-holder p { margin-bottom: 20px; } .widget_blossomtheme_companion_cta_widget .text-holder p:first-child { margin-top: 0; } .widget_blossomtheme_companion_cta_widget .text-holder .button-wrap { margin-top: 30px; } .btn-cta { display: inline-block; vertical-align: middle; padding: 15px 25px; background: #e85387; border-radius: 5px; color: #fff; font-weight: 600; font-size: 18px; margin: 5px; } .widget_blossomtheme_companion_cta_widget .btn-cta { padding-left: 40px; padding-right: 40px; } #secondary .widget_blossomtheme_companion_cta_widget .btn-cta, .top-footer .widget_blossomtheme_companion_cta_widget .btn-cta { padding-left: 20px; padding-right: 20px; } .widget_blossomtheme_companion_cta_widget .btn-cta:hover { background: #fff; color: #000; } .btn-cta+.btn-cta { background: #fff; color: #88ced0; } .btn-cta:hover { color: #fff; background: #88ced0; } .btn-cta+.btn-cta:hover { background: #e85387; color: #fff; } .widget_blossomtheme_companion_cta_widget .right .button-wrap { position: absolute; top: 50%; width: 38%; right: 0; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #secondary .widget_blossomtheme_companion_cta_widget .right .button-wrap, .top-footer .widget_blossomtheme_companion_cta_widget .right .button-wrap { position: static; width: 100%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } /*========================= TESTIMONIAL SECTION =========================*/ section[class*="-section"] .widget_text { width: 100%; display: block; } section[class*="-section"] .widget_bttk_testimonial_widget { display: inline-block; vertical-align: top; width: 49%; padding-right: 15px; padding-left: 15px; margin-bottom: 40px; } /*=========================== TESTIMONIAL WIDGET ===========================*/ section.testimonial-section { margin-bottom: 40px; } .widget_bttk_testimonial_widget { padding-top: 35px; } .widget_bttk_testimonial_widget .bttk-testimonial-holder { background: #fff; border-radius: 15px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.05); position: relative; padding: 65px 30px 30px 30px; } .widget_bttk_testimonial_widget .bttk-testimonial-holder:before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 35px; height: 30px; position: absolute; top: -20px; left: 30px; } .widget_bttk_testimonial_widget .img-holder { width: 75px; height: 75px; border-radius: 100%; overflow: hidden; border: 2px solid #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); margin: 0 auto; position: absolute; top: -35px; left: 0; right: 0; } .widget_bttk_testimonial_widget .img-holder img, .widget_bttk_testimonial_widget .img-holder .fallback-svg { width: 100%; height: 100%; object-fit: cover; } .widget_bttk_testimonial_widget .text-holder { text-align: center; } .bttk-testimonial-holder .name { font-family: 'Nunito', sans-serif; font-weight: 700; display: block; color: #000; line-height: 1.2; margin-top: 5px; } .bttk-testimonial-holder .designation { font-size: 14px; color: #b9bdbd; } .widget_bttk_testimonial_widget .testimonial-content p { margin: 10px 0; } /*====================== SERVICE SECTION ======================*/ section.service-section { background: #f3fdfe; padding: 80px 0; margin: 0; } .service-section .wrapper::before, .service-section .wrapper::after { display: none; } .service-section .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .service-section .widget.widget_text { grid-column: 1/ span 3; margin-bottom: 0; } /*========================= SIMPLE CTA SECTION =========================*/ section.simple-cta-section { margin: 0; } /*========================= ICON TEXT WIDGET =========================*/ .widget_bttk_icon_text_widget { text-align: left; } section[class*="-section"] .widget_bttk_icon_text_widget { margin-bottom: 0; padding: 35px; border-radius: 10px; box-shadow: 0 0 0 transparent; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } section[class*="-section"] .widget_bttk_icon_text_widget:hover { background: #88ced0; box-shadow: 0 30px 90px rgba(136,206,208,0.2); } .widget_bttk_icon_text_widget .rtc-itw-inner-holder { display: grid; grid-template-columns: 1fr; grid-gap: 20px; } .widget_bttk_icon_text_widget .rtc-itw-inner-holder .text-holder { grid-row: 2; } .widget_bttk_icon_text_widget .icon-holder { font-size: 2.77em; color: #88ced0; line-height: 1; width: 70px; height: auto; } section[class*="-section"] .widget_bttk_icon_text_widget .widget-title { font-size: 1.33em; display: block; padding-bottom: 0; margin-bottom: 20px; } .widget_bttk_icon_text_widget .widget-title:after, .widget_bttk_icon_text_widget .widget-title:before, .widget_bttk_icon_text_widget .widget-title span:before, .widget_bttk_icon_text_widget .widget-title span:after, .widget-title span.customize-partial-edit-shortcut:before, .widget-title span.customize-partial-edit-shortcut:after, .section-title span.customize-partial-edit-shortcut:before, .section-title span.customize-partial-edit-shortcut:after, .related-title span.customize-partial-edit-shortcut:before, .related-title span.customize-partial-edit-shortcut:after, .latest-title span.customize-partial-edit-shortcut:before, .latest-title span.customize-partial-edit-shortcut:after { display: none; } .widget_bttk_icon_text_widget .content p:first-child { margin-top: 0; } .widget_bttk_icon_text_widget .content p:last-child { margin-bottom: 0; } .widget_bttk_icon_text_widget a.btn-readmore { margin-top: 20px; } section[class*="-section"] .widget_bttk_icon_text_widget:hover a.btn-readmore { border-color: #fff; color: #fff; } section[class*="-section"] .widget_bttk_icon_text_widget:hover a.btn-readmore:after { background: #fff; color: #88ced0; } section[class*="-section"] .widget_bttk_icon_text_widget a.btn-readmore:hover { background: #fff; color: #88ced0; } section[class*="-section"] .widget_bttk_icon_text_widget a.btn-readmore:hover:after { background: #88ced0; color: #fff !important; } section[class*="-section"] .widget_bttk_icon_text_widget:hover .widget-title, section[class*="-section"] .widget_bttk_icon_text_widget:hover .widget-title, section[class*="-section"] .widget_bttk_icon_text_widget:hover .content, section[class*="-section"] .widget_bttk_icon_text_widget:hover .icon-holder { color: #fff; } /*========================== WIDGET BTTK RECENT POST ==========================*/ .widget_bttk_pro_recent_post ul.style-one li { margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; } .widget_bttk_pro_recent_post ul.style-one li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget_bttk_pro_recent_post ul li .post-thumbnail { width: 75px; height: 75px; overflow: hidden; border-radius: 5px; } .top-footer .entry-header .entry-title a { color: #fff; font-size: 16px; line-height: 1.3; } /*==================================== WIDGET BTTK POPULAR & RECENT POST ====================================*/ .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title { font-size: 16px; line-height: 1.5em; } .widget_bttk_popular_post .style-two li .entry-header, .widget_bttk_pro_recent_post .style-two li .entry-header { padding: 0; text-align: left; margin-bottom: 20px; } .widget_bttk_popular_post .style-two li:last-child .entry-header, .widget_bttk_pro_recent_post .style-two li:last-child .entry-header { margin-bottom: 0; } .widget_bttk_popular_post .style-three li .entry-header, .widget_bttk_pro_recent_post .style-three li .entry-header { padding-bottom: 15px; } .widget_bttk_popular_post .style-three li:last-child .entry-header, .widget_bttk_pro_recent_post .style-three li:last-child .entry-header { padding-bottom: 0; } #secondary .widget_bttk_popular_post ul li .entry-header .entry-title a, #secondary .widget_bttk_pro_recent_post ul li .entry-header .entry-title a { color: #000; } .top-footer .style-three .entry-header a { color: #000; } #secondary .widget_bttk_popular_post ul li .entry-header .entry-title a:hover, #secondary .widget_bttk_pro_recent_post ul li .entry-header .entry-title a:hover, .top-footer .style-three .entry-header a:hover { color: #88ced0; } #secondary .widget_bttk_pro_recent_post .entry-meta a, #secondary .widget_bttk_popular_post .entry-meta a { color: #b9bdbd; } /*==================================== WIDGET BTTK POST CATEGORY SLIDER ====================================*/ .widget_bttk_posts_category_slider_widget .post-thumbnail { margin-bottom: 0; } .widget_bttk_posts_category_slider_widget .carousel-title { background: #f9f9f9; padding: 20px; text-align: left; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a { margin: 0; color: #595f5f; } .widget_bttk_posts_category_slider_widget .carousel-title .cat-links a::after { content: "/"; margin: 0 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 { margin-bottom: 0; margin-top: 5px; font-weight: 600; } .widget_bttk_posts_category_slider_widget .carousel-title .title a { color: #000; } .widget_bttk_posts_category_slider_widget .carousel-title a:hover { color: #88ced0; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] { top: 40%; border-radius: 100%; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev { left: 10px; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-next { right: 10px; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover { background: #88ced0; } .widget_bttk_posts_category_slider_widget .owl-nav div[class*="owl-"]::before { display: none; } /*===================== TEXT WIDGET =====================*/ .top-footer .widget_text .textwidget p { margin-bottom: 20px; } .top-footer .widget_text .textwidget p:first-child { margin-top: 0; } .top-footer .widget_text .textwidget p:last-child { margin-bottom: 0; } /*===================== PRICING SECTION =====================*/ .pricing-section .pricing-block-holder .pricing-block { display: flex; vertical-align: middle; width: 31.66%; margin-right: 2%; margin-top: 20px; margin-bottom: 20px; flex: auto; flex-direction: column; justify-content: center; } .pricing-section .pricing-block-holder .pricing-block:nth-child(3n) { margin-right: 0; } .pricing-section .pricing-block-holder { padding-top: 30px; display: flex; flex: 1; flex-direction: row; } .pricing-block-holder .pricing-block { background: #fff; border-radius: 15px; box-shadow: 0 0 60px rgba(0, 0, 0, 0.08); position: relative; } .pricing-block .pricing-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 30px; text-align: left; } .pricing-block .title { margin: 0; display: inline-block; vertical-align: middle; font-size: 2em; font-weight: 300; color: #b9bdbd; width: 49%; } .pricing-block .price { font-size: 2em; line-height: 1.4; font-weight: 600; font-family: 'Nunito', sans-serif; display: inline-block; vertical-align: middle; width: 49%; text-align: right; color: #88ced0; } .pricing-block .price span { display: inline-block; } .pricing-block .price .per { font-size: 0.8em; font-weight: 400; } .pricing-block .pricing-feat { margin: 0; padding: 20px 30px; list-style: none; text-align: left; } .pricing-block .pricing-feat li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-block .btn-wrap { margin-top: 15px; padding-bottom: 50px; text-align: center; } .pricing-block .pricing-tag { position: absolute; top: 25px; right: -55px; background: #e85387; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; min-height: 40px; padding: 10px 20px; width: 200px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .pricing-block-holder .pricing-block.has-tag { background: #88ced0; overflow: hidden; padding-top: 30px; padding-bottom: 30px; margin-top: 0; margin-bottom: 0; } .pricing-block.has-tag .pricing-header { border-bottom-color: rgba(255, 255, 255, 0.3); padding-right: 45px; } .pricing-block.has-tag .pricing-header .title, .pricing-block.has-tag .price { color: #fff; } .pricing-block.has-tag .pricing-feat li { border-bottom-color: rgba(255, 255, 255, 0.3); color: #fff; } .pricing-block.has-tag .btn-readmore, .pricing-block.has-tag .btn-readmore:visited { color: #fff; border-color: #fff; } .pricing-block.has-tag .btn-readmore:after { background: #fff; color: #88ced0; } .pricing-block.has-tag .btn-readmore:hover { background: #fff; color: #88ced0; } .pricing-block.has-tag .btn-readmore:hover:after { background: #88ced0; color: #fff; } /*========================== ACHIEVEMENT SECTION ==========================*/ section.achievement-section { margin-bottom: 0; } .achievement-section .wrapper { width: auto; display: flex; flex: 1; flex-direction: row; align-content: center; } .achievement-section figure.cd-image-container { width: 50%; display: flex; flex: auto; flex-direction: column; } .achievement-section .achievement-content { width: 50%; background: #88ced0; text-align: left; padding: 80px; } section.achievement-section .section-title { display: block; margin-left: 0; margin-right: 0; margin-bottom: 20px; color: #fff; } .achievement-section .section-title:after { right: auto; } section.achievement-section .section-title span:before { display: none; } section.achievement-section .section-title span:after { background: #fff; right: auto; left: 20px; width: 150px; max-width: inherit; } .achievement-section .achievement-text { color: #fff; position: relative; padding-left: 40px; } .achievement-section .achievement-text:before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 25px; height: 25px; position: absolute; top: 5px; left: 0; line-height: 1.3; } .achievement-section .name-wrap { padding-left: 40px; } .achievement-section span.name { display: block; color: #fff; font-weight: 700; line-height: 1.2; } .achievement-section span.designation { font-size: 14px; color: #fff; line-height: 1.2; display: inline-block; } .achievement-section .btn-readmore, .achievement-section .btn-readmore:visited { color: #fff; border-color: #fff; display: table; margin-top: 30px; } .achievement-section .btn-readmore:hover { background: #fff; color: #88ced0; } .achievement-section .btn-readmore:after { background: #fff; color: #88ced0; } .achievement-section .btn-readmore:hover:after { background: #88ced0; color: #fff; } /* -------------------------------- IMAGE COMPARISION SLIDER -------------------------------- */ .cd-image-container { position: relative; } .cd-image-container img, .cd-image-container .fallback-svg { display: block; height: 100%; width: 100%; object-fit: cover; } .cd-image-label { display: none; position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img, .cd-resize-img .fallback-svg { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 40%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 45%; } 100% { width: 40%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 45%; } 100% { width: 40%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 45%; } 100% { width: 40%; } } .cd-handle { position: absolute; height: 50px; width: 50px; left: 40%; top: 50%; text-align: center; margin-left: -25px; margin-top: -25px; border-radius: 100%; background: #e85387; cursor: move; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); line-height: 50px; color: #fff; font-weight: 900; font-size: 1.5em; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .cd-handle.draggable { background-color: #88ced0; } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } /*===================== EVENT SECTION =====================*/ section.event-section { background-size: cover !important; padding: 80px 0; position: relative; z-index: 1; } section.event-section:before { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .event-section .section-title { color: #fff; } .event-section .section-title span:before, .event-section .section-title span:after { background: #fff; } .event-wrap { display: flex; flex: 1; flex-flow: row wrap; justify-content: center; padding-top: 30px; } .event-wrap .event-block { background: #fff; width: 48.33%; border-radius: 10px; margin-right: 2.5%; padding: 35px; text-align: left; box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); } .event-block:nth-child(even) { margin-right: 0; } .event-block .event-date { float: left; width: 90px; text-align: center; background: #88ced0; border-radius: 5px; color: #fff; position: relative; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; padding-bottom: 5px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .event-block .event-date:before, .event-block .event-date:after { content: ""; background: -webkit-linear-gradient(transparent, #aaaaaa 70%); background: -moz-linear-gradient(transparent, #aaaaaa 70%); background: -ms-linear-gradient(transparent, #aaaaaa 70%); background: -o-linear-gradient(transparent, #aaaaaa 70%); background: linear-gradient(transparent, #aaaaaa 70%); height: 15px; width: 4px; border-radius: 40px; position: absolute; top: -2px; left: 12px; z-index: 1; } .event-block .event-date:after { left: auto; right: 12px; } .event-block .event-date span { font-size: 3em; display: block; background: #fff; color: #000; line-height: 1.4; margin-bottom: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 15px; } .event-block .event-date span:before, .event-block .event-date span:after { content: ""; background: #000; width: 8px; height: 8px; position: absolute; top: 8px; left: 10px; border-radius: 100%; } .event-block .event-date span:after { left: auto; right: 10px; } .event-block .event-content { float: left; width: calc(100% - 90px); padding-left: 30px; } .event-block .event-content .entry-title { font-size: 1.33em; color: #000; } .entry-meta { font-size: 16px; font-family: 'Nunito', sans-serif; color: #b9bdbd; } .event-block span.event-time { display: block; margin-right: 0; } /*======================== BLOG SECTION ========================*/ .blog-section .article-wrap { display: flex; flex: 1; flex-direction: row; padding-top: 30px; margin-bottom: 20px; } .blog-section article { margin-bottom: 40px; padding-bottom: 0; border-bottom: 0; width: 33.33%; margin-right: 2.5%; text-align: left; } .blog-section article:nth-child(3n) { margin-right: 0; } .blog-section article.post figure.post-thumbnail { margin-bottom: 0; display: block; border-radius: 5px; overflow: hidden; vertical-align: top; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); } .blog-section article .entry-meta { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-family: 'Nunito sans', sans-serif; position: relative; z-index: 1; margin-top: 30px; } .blog-section article .entry-meta>span.category { margin-bottom: 0; } .blog-section article .entry-meta .category a { background: none; padding: 0; } span.category a { display: inline-block; margin-right: 20px; } span.category a:last-child { margin-right: 0; } .blog-section article.post header.entry-header { margin-bottom: 0; } .blog-section .entry-header .entry-title { margin-top: 10px; } .btn-link { border: none; padding: 5px 50px 5px 0; text-transform: uppercase; font-size: 14px; font-weight: 700; font-family: 'Nunito sans', sans-serif; color: #88ced0; display: inline-block; border-radius: 40px; line-height: 1.3; position: relative; } .btn-link:hover { background: none; color: #e85387; } .btn-link:after { border: 2px solid #e7f5f6; color: #88ced0; width: 30px; height: 30px; line-height: 26px; font-size: 16px; content: "\2794"; position: absolute; text-align: center; border-radius: 100%; font-weight: 400; top: 50%; right: 8px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .btn-link:hover:after { background: #e85387; border-color: #e85387; color: #fff; } /*================================ SIMPLE CALL TO ACTION SECTION ================================*/ .simple-cta-section .wrapper { width: 100%; } section.simple-cta-section .widget_blossomtheme_companion_cta_widget .widget-title { font-size: 2em; margin-bottom: 5px; } section.simple-cta-section .widget_blossomtheme_companion_cta_widget .text-holder { line-height: 1.5; } .widget_blossomtheme_companion_cta_widget .text .text-holder { color: #fff; } section.simple-cta-section .widget_blossomtheme_companion_cta_widget .text-holder p { margin-bottom: 0; } /*======================== PODCAST SECTION ========================*/ .block-wrap { display: flex; flex: 1; flex-direction: row; justify-content: center; } .podcast-section .block-wrap { margin-bottom: 30px; } .block { width: 33.33%; margin-right: 2.5%; margin-bottom: 40px; text-align: left; } .block:nth-child(3n) { margin-right: 0; } .block .block-img { display: inline-block; border-radius: 5px; overflow: hidden; vertical-align: top; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); margin-bottom: 20px; } .block header.entry-header { margin-bottom: 20px; } .block .entry-meta { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px; } /*======================== SHOP SECTION ========================*/ section.shop-section { border-top: 1px solid rgba(0, 0, 0, 0.06); padding-top: 80px; } /*========================= CONTACT SECTION =========================*/ section.contact-section { background: #f3fdfe; padding: 80px 0; margin-bottom: 0; margin-top: 0; text-align: left; } section.contact-section .widget, section.contact-section .widget + .widget { width: 50%; float: left; margin-bottom: 0; } section.contact-section .widget { padding-right: 20px; } section.contact-section .widget + .widget { padding-left: 20px; padding-right: 0; } section.contact-section .widget .widget-title { display: block; } section.contact-section .widget .widget-title::after { right: auto; } section.contact-section .widget .widget-title span::before { display: none; } section.contact-section .widget .widget-title span::after { right: auto; left: 20px; width: 150px; max-width: 100%; } section.contact-section .widget_text .textwidget { width: 100%; } .contact-section .widget_text a { border-bottom: 1px dotted; line-height: 1.1em; display: inline-block; } .contact-section .widget_text a:hover { border-bottom: none; } .contact-section .widget form p { margin-bottom: 0; margin-top: 0; } .wpcf7 form p { position: relative; } .contact-section .widget form input, .contact-section .widget form textarea, .contact-section .widget form select { border-color: rgba(0,0,0,0.07); margin-bottom: 20px; } .contact-section .widget form textarea { height: 120px; } .contact-section .widget form input[type="submit"] { margin-bottom: 0; width: 100%; text-transform: capitalize; } div.wpcf7 .ajax-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; } div.wpcf7-response-output { margin: 10px 0 0 0; } /*================================= BLOSSOM CONTACT SOCIAL WIDGET =================================*/ .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li { display: block; margin-bottom: 15px; } .widget_bttk_contact_social_links .bttk-contact-widget-wrap p { margin-bottom: 30px; margin-top: 0; } .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li { position: relative; padding-left: 30px; } .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li svg { color: #88ced0; position: absolute; top: 3px; left: 0; font-size: 20px; } .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li a { color: #595f5f; } .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li a:hover { text-decoration: underline; } .widget_bttk_contact_social_links .social-networks { margin-top: 30px; } .widget_bttk_contact_social_links .social-networks li { font-size: 20px; display: inline-block; } .widget_bttk_contact_social_links .social-networks a { display: inline-block; padding: 0; width: 56px; height: 56px; line-height: 52px; text-align: center; border: 2px solid #d7edee; border-radius: 100%; margin-right: 3px; box-shadow: 0 0 30px transparent; } .widget_bttk_contact_social_links .social-networks a:hover { background: #88ced0; border-color: #88ced0; color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .widget_bttk_contact_social_links .bttk-contact-widget-wrap .social-networks a span { padding-left: 0; margin-bottom: 0; display: inline-block; } /*============================= NEWSLETTER SECTION =============================*/ section.newsletter-section { margin-top: 0; margin-bottom: 0; } .newsletter-section .wrapper { width: 100%; max-width: 100%; } .newsletter-section .blossomthemes-email-newsletter-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 60px 19%; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { display: flex; flex-direction: column; text-align: left; padding-right: 5%; margin-bottom: 0; flex: 1; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { margin-top: 0; margin-bottom: 0; font-size: 1.6667em; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span { display: block; font-size: 0.8888em; margin-top: 10px; } .newsletter-section .blossomthemes-email-newsletter-wrapper form { display: flex; flex: 2; flex-wrap: wrap; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input { margin-right: 0; margin-left: 10px; display: flex; flex: 2; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input[type="submit"] { margin-bottom: 0; padding-left: 15px; padding-right: 15px; flex: 1; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label { order: 5; margin-left: 10px; width: 100%; } /*======================== SITE FOOTER ========================*/ .top-footer { background: #000; padding: 80px 0; } .top-footer .wrapper:before, .top-footer .wrapper:after { display: none; } .top-footer .grid { color: #fff; } .top-footer .grid:not(.column-1) { display: grid; grid-gap: 30px; } .top-footer .grid.column-2 { grid-template-columns: repeat(2, 1fr); } .top-footer .grid.column-3 { grid-template-columns: repeat(3, 1fr); } .top-footer .grid.column-4 { grid-template-columns: repeat(4, 1fr); } .top-footer .widget-title { font-size: 1em; color: #fff; } .top-footer .widget-title::after { width: 70px; } .bottom-footer { background: #000; text-align: center; color: #8c8c8c; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 16px; } .bottom-footer a{ color: #88ced0; } .bottom-footer .copyright a:hover { text-decoration: underline; } .bottom-footer .copyright a.privacy-policy-link { margin-left: 5px; } #secondary .widget_bttk_contact_social_links .social-networks a { color: #000; border-color: rgba(0,0,0,0.2); } #secondary .widget_bttk_contact_social_links .social-networks a:hover { color: #fff; } /*======================== WIDGETS ON SIDEBAR ========================*/ /*========================================= BLOSSOMTHEME EMAIL NEWSLETTER WIDGET =========================================*/ #secondary .blossomthemes-email-newsletter-wrapper, .site-footer .blossomthemes-email-newsletter-wrapper { border-radius: 5px; overflow: hidden; padding: 30px; } .blossomthemes-email-newsletter-wrapper form input[type="submit"] { white-space: normal; } #secondary .blossomthemes-email-newsletter-wrapper .text-holder, .site-footer .blossomthemes-email-newsletter-wrapper .text-holder { text-align: center; color: #fff; } #secondary .blossomthemes-email-newsletter-wrapper .text-holder h3, .site-footer .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 2em; color: #fff; line-height: 1.2; } /*======================== ABOUT PAGE ========================*/ .site-content { margin-top: 60px; margin-bottom: 80px; } #primary .widget_blossomtheme_featured_page_widget .section-subtitle { font-family: 'Nunito', sans-serif; color: #000; text-align: center; font-size: 2.665em; text-transform: uppercase; font-weight: 700; margin-top: 0; margin-bottom: 50px; line-height: 1.3; } #secondary .widget_blossomtheme_featured_page_widget .section-subtitle, .site-footer .widget_blossomtheme_featured_page_widget .section-subtitle { margin: 0 0 5px 0; order: 2; } #secondary .widget_blossomtheme_featured_page_widget .widget-featured-holder, .site-footer .widget_blossomtheme_featured_page_widget .widget-featured-holder { display: flex; flex-direction: column; flex: 1; } .widget_blossomtheme_featured_page_widget .widget-title { text-align: left; } #primary .widget_blossomtheme_featured_page_widget .text-holder { display: inline-block; vertical-align: top; width: 55%; padding-right: 50px; } #secondary .widget_blossomtheme_featured_page_widget .text-holder, .site-footer .widget_blossomtheme_featured_page_widget .text-holder { order: 3; } .widget_blossomtheme_featured_page_widget .text-holder .widget-title { margin-top: 0; color: #000; margin-bottom: 20px; } #secondary .widget_blossomtheme_featured_page_widget .text-holder .widget-title, .top-footer .widget_blossomtheme_featured_page_widget .text-holder .widget-title { display: inline-block; } #primary .widget_blossomtheme_featured_page_widget .img-holder { display: inline-block; vertical-align: top; width: 44%; } #secondary .widget_blossomtheme_featured_page_widget .img-holder, .site-footer .widget_blossomtheme_featured_page_widget .img-holder { margin-bottom: 40px; padding-right: 25px; padding-bottom: 25px; } section.team-section { margin-bottom: 20px; } /*=========================== STAT COUNTER SECTION ===========================*/ .counter-section { background: #f3fdfe; padding: 80px 0 20px 0; text-align: center; color: #000; } section.counter-section .widget.widget_text { width: 65%; margin-left: auto; margin-right: auto; } .counter-section .widget_blossomthemes_stat_counter_widget { float: left; width: 25%; padding: 0 15px; } /*========================= STAT COUNTER WIDGET =========================*/ .widget.widget_blossomthemes_stat_counter_widget .widget-title { font-size: 16px; color: #595f5f; font-family: 'Nunito sans', sans-serif; margin: 0; padding-bottom: 0; display: block; order: 3; } #secondary .widget.widget_blossomthemes_stat_counter_widget .widget-title:before, #secondary .widget.widget_blossomthemes_stat_counter_widget .widget-title:after, .site-footer .widget.widget_blossomthemes_stat_counter_widget .widget-title:before, .site-footer .widget.widget_blossomthemes_stat_counter_widget .widget-title:after { display: none; } section.counter-section .widget.widget_blossomthemes_stat_counter_widget .widget-title:after, section.counter-section .widget.widget_blossomthemes_stat_counter_widget .widget-title span:before, section.counter-section .widget.widget_blossomthemes_stat_counter_widget .widget-title span:after { display: none; } .widget_blossomthemes_stat_counter_widget .blossomthemes-sc-holder { text-align: left; position: relative; display: flex; flex: 1; flex-direction: column; padding-left: 65px; } .widget_blossomthemes_stat_counter_widget .icon-holder { font-size: 2.665em; color: #88ced0; position: absolute; top: 0; left: 0; } .widget_blossomthemes_stat_counter_widget .hs-counter { font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 3.889em; line-height: 1.2; } /*======================= BLOCKQUOTE SECTION =======================*/ section.blockquote-section { position: relative; padding: 100px 0; text-align: left; z-index: 1; background-size: cover !important; background-position: bottom center !important; background-attachment: fixed !important; } section.blockquote-section:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } section.blockquote-section .widget .widget-title { color: #fff; } /*===================== TEAM WIDGET =====================*/ section[class*="-section"] .widget_bttk_description_widget { float: left; width: 23%; margin-right: 2.5%; text-align: left; } section[class*="-section"] .widget_bttk_description_widget:nth-child(4n+1) { margin-right: 0; } .widget_bttk_description_widget .bttk-team-holder .image-holder { position: relative; } .widget_bttk_description_widget .bttk-team-holder .image-holder:before { content: "\279c"; font-size: 18px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #88ced0; color: #fff; position: absolute; bottom: -15px; right: 20px; border-radius: 100%; } .widget_bttk_description_widget .bttk-team-holder { border-radius: 5px; overflow: hidden; box-shadow: 0 0 0 transparent; cursor: pointer; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .widget_bttk_description_widget .bttk-team-holder:hover { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.17); } .widget_bttk_description_widget .bttk-team-inner-holder .description, .widget_bttk_description_widget .bttk-team-inner-holder .social-profile { display: none; } .widget_bttk_description_widget .bttk-team-holder .text-holder { background: #fff; border: 1px solid #e5e5e5; border-top: none; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .widget_bttk_description_widget .bttk-team-holder:hover .text-holder { border-color: transparent; } .widget_bttk_description_widget .bttk-team-holder .name { font-family: 'Nunito', sans-serif; font-weight: 700; color: #000; display: block; font-size: 20px; line-height: 1.2; } .widget_bttk_description_widget .bttk-team-holder .designation { color: #767d7d; } .widget_bttk_description_widget .bttk-team-holder-modal { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.95); z-index: 999999; width: 100%; height: 100%; display: none; } .widget_bttk_description_widget .bttk-team-inner-holder-modal { width: 1170px; margin: 0 auto; position: absolute; padding-left: 530px; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget_bttk_description_widget .bttk-team-holder-modal .image-holder { width: 500px; position: absolute; top: 0; left: 0; } .bttk-team-inner-holder-modal .name { color: #fff; font-family: 'Nunito', sans-serif; font-size: 2em; display: block; font-weight: 700; line-height: 1.3; } .bttk-team-inner-holder-modal .designation { font-weight: 600; color: #b9bdbd; } .bttk-team-inner-holder-modal .description { margin-top: 20px; color: #b9bdbd; } .widget_bttk_description_widget .bttk-team-inner-holder-modal .social-profile { margin-top: 20px; } .widget_bttk_description_widget .social-profile li { display: inline-block; margin-bottom: 8px; margin-right: 5px; font-size: 18px; } .widget_bttk_description_widget .social-profile li a { color: #b9bdbd; width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px solid; border-radius: 100%; } .widget_bttk_description_widget .social-profile li a:hover { background: #88ced0; border-color: #88ced0; color: #fff !important; } .widget_bttk_description_widget a.close_popup { position: absolute; top: 30px; right: 30px; width: 50px; text-align: center; height: 50px; line-height: 50px; border: 2px solid #444; color: #fff; text-indent: 55px; overflow: hidden; border-radius: 100%; } .widget_bttk_description_widget a.close_popup:hover { border-color: #f13f30; } .widget_bttk_description_widget a.close_popup:before, .widget_bttk_description_widget a.close_popup:after { content: ""; background: #444; width: 30px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .widget_bttk_description_widget a.close_popup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .widget_bttk_description_widget a.close_popup:hover:before, .widget_bttk_description_widget a.close_popup:hover:after { background: #f13f30; } /*================================= BLOSSOM CUSTOM CATEGORY WIDGET =================================*/ .widget_bttk_custom_categories ul li { min-height: 200px; background-size: cover !important; padding: 30px 20px; } #secondary .widget.widget_bttk_custom_categories ul li a { color: #fff; } /*===================== AUTHOR ARCHIVE PAGE =====================*/ header.page-header { text-align: center; margin-bottom: 60px; } .page.style1:not(.centered) header.page-header { text-align: left; } .page-header .author-img { display: inline-block; vertical-align: middle; width: 120px; height: 120px; border-radius: 100%; overflow: hidden; } .author .page-header .author-content-wrap { display: inline-block; vertical-align: middle; text-align: left; padding-left: 30px; } .author .page-header .page-title { margin-top: 0; margin-bottom: 0; font-size: 1.667em; color: #000; } .author .page-header .page-title .vcard { color: #88ced0; text-transform: capitalize; } .author .author-social { margin-top: 10px; font-size: 16px; } .author .author-social a { display: inline-block; vertical-align: middle; margin-right: 20px; color: #595f5f; } .author .author-social a svg { color: #000; margin-right: 5px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .author .author-social a:hover svg { color: #88ced0; } .author .author-social a span { border-bottom: 1px dotted transparent; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .author .author-social a:hover span { color: #88ced0; border-bottom-color: #88ced0; } span.showing-result { font-weight: 600; color: #b9bdbd; display: block; } span.showing-result .result { color: #000; } /*================== GRID VIEW ==================*/ .grid-view article figure.post-thumbnail { margin-bottom: 20px; border-radius: 5px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); } .archive article figure.post-thumbnail { display: block; } .grid-view article.post header.entry-header { margin-bottom: 10px; } .grid-view article .entry-header .entry-meta { margin-top: 0; margin-bottom: 5px; } span.category a { color: #b9bdbd; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } span.category a:hover { color: #88ced0; } .entry-header .entry-title a { color: #000; } .entry-header .entry-title a:hover { color: #88ced0; } /*========================= LIST VIEW =========================*/ .list-view article.post:before, .list-view article.post:after { content: ""; display: table; } .list-view article.post:after { clear: both; } .list-view article.post { margin-bottom: 60px; display: flex; flex: 1; flex-direction: row; } .list-view article.post:last-child { margin-bottom: 80px; } .list-view article.post figure.post-thumbnail { margin-bottom: 0; float: left; width: 43%; min-height: 166px; position: relative; border-radius: 5px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); overflow: hidden; } .list-view article.post .post-thumbnail img, .list-view article.post .post-thumbnail .fallback-svg { width: 100%; height: 100%; object-fit: cover; } .list-view .article-content-wrap { float: left; width: 57%; padding-left: 30px; } .list-view article.post header.entry-header { margin-bottom: 0; } .list-view .entry-header .entry-title { font-size: 1.667em; } .list-view .entry-content { margin-top: 5px; margin-bottom: 10px; } /*========================= LARGE IMAGE GRID VIEW =========================*/ .largeimage-grid-view article.post { margin-bottom: 60px; } .largeimage-grid-view article.post:last-child { margin-bottom: 80px; } .largeimage-grid-view article.post figure.post-thumbnail { margin-bottom: 20px; border-radius: 5px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); } .largeimage-grid-view article.post header.entry-header { margin-bottom: 0; } .largeimage-grid-view .entry-header .entry-title { font-size: 2em; } /*======================== CATEGORY PAGE ========================*/ .page-header .subtitle { font-size: 14px; margin-top: 0; margin-bottom: 0; font-family: 'Nunito', sans-serif; letter-spacing: 1px; color: #b9bdbd; } .page-header .page-title { margin-top: 0; margin-bottom: 0; color: #000; font-weight: 700; font-size: 2.665em; } .category .page-header .page-title { text-transform: uppercase; } /*========================= AUDIO PLAYER =========================*/ .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: none !important; } .mejs-controls { padding-left: 0 !important; padding-right: 0 !important; } .mejs-button>button { background: none !important; width: 20px !important; height: 20px !important; border-radius: 0; margin-top: 7px !important; margin-bottom: 7px !important; font-size: 20px !important; line-height: 1 !important; color: #88ced0; font-weight: 400; } .mejs-pause>button { background: none !important; } .mejs-mute>button { background: none !important; height: 20px !important; width: 20px !important; } .mejs-unmute>button { background: none !important; background-position: none !important; } .mejs-horizontal-volume-total { top: 13px !important; } .mejs-button>button:before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 0; left: 0; } .mejs-pause>button:before { background-image: url('data:image/svg+xml; utf8,'); } .mejs-mute>button:before { background-image: url('data:image/svg+xml; utf8,'); } .mejs-unmute>button:before { background-image: url('data:image/svg+xml; utf8,'); width: 18px; height: 18px; } .mejs-time { color: #88ced0 !important; font-size: 0.8em !important; font-family: 'Source sans pro' !important; padding-top: 12px !important; } .mejs-time-rail { padding-top: 7px !important; height: 30px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail span { border-radius: 40px !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total { background: #f3fdfe !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-current { background: #88ced0 !important; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #d8fbfe !important; } .mejs-time-handle-content { width: 16px !important; height: 16px !important; top: -7px !important; left: -10px !important; background: #eee !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: none !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; transform: scale(1) !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after { content: ""; width: 14px; height: 14px; background: #ededed; position: absolute; border-radius: 100%; top: -3px; right: -3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } /*======================= AUTHOR BIO WIDGET =======================*/ .widget_bttk_author_bio { text-align: left; } .widget_bttk_author_bio .image-holder { display: table; clear: both; border-radius: 7px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.17); margin-bottom: 20px; width: 100%; } .widget_bttk_author_bio .image-holder img, .widget_bttk_author_bio .image-holder .fallback-svg { width: 100%; } .widget_bttk_author_bio .title-holder { font-weight: 700; color: #000; margin-bottom: 10px; } .widget_bttk_author_bio .author-bio-content p { margin-top: 0; } .widget_bttk_author_bio .text-signature { font-family: 'Dancing Script', cursive; font-size: 30px; color: #000; font-style: italic; line-height: 1.3; margin-bottom: 10px; } .widget_bttk_author_bio .signature-holder { margin-bottom: 10px; } .readmore { font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; display: inline-block; text-decoration: underline; } .widget_bttk_author_bio .readmore { background: none; padding: 0; } .readmore:hover { color: #e24e82; } .widget_bttk_author_bio ul li { display: inline-block; margin-bottom: 0; text-align: center; margin-right: 5px; font-size: 16px; } .widget_bttk_author_bio ul li a { display: inline-block; color: #000; border: 2px solid #cfebec; width: 35px; height: 35px; line-height: 35px; border-radius: 100%; box-shadow: 0 0 0 transparent; } #secondary .widget.widget_bttk_author_bio ul li a:hover, .widget_bttk_author_bio ul li a:hover { background: #88ced0; border-color: #88ced0; color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.17); } /*======================= SEARCH WIDGET =======================*/ form.search-form:before, form.search-form:after { content: ""; display: table; } form.search-form:after { clear: both; } .widget_search form.search-form { border: 1px solid #ededed; border-radius: 5px; } .widget_search form.search-form input.search-field { height: 50px; box-shadow: none; font-size: 16px; width: calc(100% - 55px); } .widget_search .search-form>label[for="submit-field"] { height: 50px; line-height: 50px; width: 55px; font-size: 18px; } /*============================ CUSTOM WIDGET LIST STYLE ============================*/ .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_nav_menu ul li { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; position: relative; padding-left: 20px; } .top-footer .widget_categories ul li, .top-footer .widget_archive ul li, .top-footer .widget_meta ul li, .top-footer .widget_pages ul li, .top-footer .widget_recent_comments ul li, .top-footer .widget_recent_entries ul li, .top-footer .widget_nav_menu ul li { border-bottom-color: rgba(255,255,255,0.1); } .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_meta ul li:last-child, .widget_pages ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child, .widget_nav_menu ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget_categories ul li:before, .widget_archive ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_nav_menu ul li:before { content: ""; background: #8c8c8c; width: 8px; height: 8px; position: absolute; top: 8px; left: 0; border-radius: 100%; } #secondary .widget ul li a { color: #595f5f; } .top-footer .widget ul li a, .top-footer .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li a { color: #fff; } #secondary .widget ul li a:hover, .top-footer .widget ul li a:hover, .top-footer .widget_bttk_contact_social_links .bttk-contact-widget-wrap ul.contact-list li a:hover { color: #88ced0; } #secondary .widget_bttk_contact_social_links .social-networks a:hover, .top-footer .widget_bttk_contact_social_links .social-networks a:hover, #secondary .widget_bttk_description_widget .social-profile li a:hover, .top-footer .widget_bttk_description_widget .social-profile li a:hover { color: #fff; } /*======================= CALENDAR WIDGET =======================*/ .widget_calendar caption { background: #88ced0; color: #fff; font-weight: 700; letter-spacing: 1px; padding: 5px; } .widget_calendar table th, .widget_calendar table td { padding: 5px; font-size: 16px; text-align: center; } .widget_calendar table th { font-weight: 700; } .widget_calendar .wp-calendar-nav-next { float: right; } .widget_calendar table td#today { background: #88ced0; } .widget_calendar table td#today a { color: #fff; } /*====================== TAG CLOUD WIDGET ======================*/ .widget_tag_cloud .tagcloud a { display: inline-block; font-size: 12px !important; color: #595f5f; padding: 10px 20px; border: 1px solid #cfebec; margin-right: 3px; margin-bottom: 8px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 700; } .widget_tag_cloud .tagcloud a:hover { border-color: #88ced0; background: #88ced0; color: #fff; } /*======================== SOCIAL LINKS WIDGET ========================*/ .widget_bttk_social_links ul:before, .widget_bttk_social_links ul:after { content: ""; display: table; width: 0; height: 0; line-height: 0; } .widget_bttk_social_links ul:after { clear: both; } .widget_bttk_social_links ul { overflow: visible; } .widget_bttk_social_links ul li { display: inline-block; margin-bottom: 0; color: #000; font-size: 20px; } #secondary .widget_bttk_social_links ul li a, .widget_bttk_social_links ul li a { background: none; width: 56px; text-align: center; height: 56px; line-height: 52px; border: 2px solid #cfebec; margin-right: 3px; margin-bottom: 8px; border-radius: 100%; color: #000; box-shadow: 0 0 20px transparent; } #secondary .widget_bttk_social_links ul li a:hover, .widget_bttk_social_links ul li a:hover { background: #88ced0; border-color: #88ced0; color: #fff !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.17); } /*====================== SINGLE PAGE ======================*/ .single.style2 .site-content { margin-top: 0; } .single.style2 .site-content>header.entry-header { min-height: 500px; background-size: cover !important; position: relative; background-attachment: fixed !important; text-align: center; display: table; width: 100%; height: 100%; z-index: 1; margin-bottom: 60px; padding-top: 60px; padding-bottom: 60px; } .single.style2 .site-content>header.entry-header:before { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .single.style2 .entry-header .wrapper { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .single.style2 .category { margin-bottom: 20px; } .single.style2 .category a { display: inline-block; vertical-align: middle; color: #000; background: #fff; line-height: 1; font-size: 10px; text-transform: uppercase; font-weight: 700; padding: 5px 15px 3px 15px; border-radius: 40px; margin-right: 5px; } .single.style2 .category a:hover { background: #88ced0; color: #fff; } .single.style2 .entry-header .entry-title { color: #fff; font-size: 2.665em; max-width: 665px; margin: 0 auto 20px auto; } .single .entry-meta { font-family: 'Nunito Sans', sans-serif; } .single .entry-meta>span { font-weight: 600; margin-right: 60px; } .single .entry-meta>span:last-child { margin-right: 0; } .single.style2 .entry-meta>span.post-comment { color: #fff; } .single .entry-meta>span:before { width: 6px; height: 6px; background: #b9bdbd; content: ""; position: absolute; top: 10px; right: -33px; border-radius: 100%; } .single .entry-meta>span:last-child:before { display: none; } .single.style2 .entry-meta span a { color: #fff; } .single.style2 .entry-meta span a:hover { color: #88ced0; } .dropcap { display: inline-block; font-size: 5.55em; line-height: 0.9em; font-family: 'Nunito', sans-serif; font-weight: 700; color: #88ced0; float: left; margin-right: 15px; } .single footer.entry-footer { margin-bottom: 80px; } .entry-footer .tags { display: inline-block; vertical-align: middle; width: 50%; } .tags a { display: inline-block; font-size: 15px; background: #f7f7f7; padding: 0 8px; border-radius: 3px; border: 1px solid #e7e7e7; border-left: 3px solid #88ced0; margin-right: 3px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0); } .tags a:hover { background: #88ced0; border-color: #88ced0; color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .tags a:before { content: "#"; margin-right: 5px; } .entry-footer .article-share { display: inline-block; vertical-align: middle; width: 49%; text-align: right; } .article-share ul.social-icons li { margin-left: 5px; } .article-share ul.social-icons li a { display: inline-block; width: 35px; text-align: center; height: 35px; line-height: 33px; border: 2px solid #cfebec; border-radius: 100%; padding: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0); } .article-share ul.social-icons li a:hover { background: #88ced0; border-color: #88ced0; color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .author-profile:before, .author-profile:after { content: ""; display: table; } .author-profile:after { clear: both; } .single .author-profile { border-top: 1px solid #e5e5e5; padding-top: 60px; text-align: left; } .author-profile .author-img { float: left; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; } .author-profile .author-content-wrap { float: left; width: calc(100% - 100px); padding-left: 30px; } .author-content-wrap .author-name { font-size: 1.33em; margin-top: 0; margin-bottom: 20px; position: relative; padding-bottom: 15px; } .author-content-wrap .author-name span.vcard { color: #88ced0; } .author-content-wrap .author-name:before { content: ""; background: #e85387; width: 8px; height: 8px; position: absolute; bottom: 0px; left: 0; border-radius: 100%; } .author-content-wrap .author-name:after { content: ""; background: #88ced0; width: 90px; height: 2px; position: absolute; left: 20px; bottom: 3px; } .author-content-wrap .author-social { margin-top: 15px; } .author-social a { display: inline-block; margin-right: 10px; font-size: 16px; color: #595f5f; } .author-social a svg { color: #000; margin-right: 5px; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .author-social a:hover, .author-social a:hover svg { color: #88ced0; } .author-social a span { border-bottom: 1px dotted transparent; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .author-social a:hover span { border-bottom-color: #88ced0; } .newsletter-block { text-align: center; /*margin-top: 60px;*/ } .author-profile + .newsletter-block { margin-top: 60px; } .newsletter-block .blossomthemes-email-newsletter-wrapper { border-radius: 5px; padding: 60px; overflow: hidden; } .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder h3 { color: #fff; font-size: 1.667em; margin-top: 0; margin-bottom: 10px; } .newsletter-block .blossomthemes-email-newsletter-wrapper .text-holder span { color: #fff; } .newsletter-block .blossomthemes-email-newsletter-wrapper form { display: flex; flex: 1; flex-flow: row wrap; justify-content: center; margin-top: 25px; } .newsletter-block form input[type="text"], .newsletter-block form input[type="email"], .newsletter-block form input[type="submit"] { margin-bottom: 0; margin-left: 0.5%; margin-right: 0.5%; display: flex; flex: 1; } .newsletter-block form input[type="text"], .newsletter-block form input[type="email"] { border-color: rgba(0,0,0,0.2); flex: 2; } .newsletter-block .blossomthemes-email-newsletter-wrapper form label { text-align: left; order: 5; margin-top: 5px; } .newsletter-block .blossomthemes-email-newsletter-wrapper form input[type="submit"] { padding: 15px; text-transform: capitalize; -webkit-justify-content: center; justify-content: center; } .newsletter-block form input[type="submit"]:hover { background: #000; } /*======================== RELATED POST ========================*/ .related-articles, .latest-articles { margin-top: 60px; } .related-articles .related-title, .latest-articles .latest-title { font-size: 1.33em; position: relative; margin-top: 0; margin-bottom: 40px; padding-bottom: 20px; text-align: center; } .related-articles .related-title:before, .latest-articles .latest-title:before { content: ""; background: #e8508d; width: 8px; height: 8px; border-radius: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .related-articles .related-title span:before, .related-articles .related-title span:after, .latest-articles .latest-title span:before, .latest-articles .latest-title span:after { content: ""; background: #88ced0; width: 70px; height: 2px; position: absolute; bottom: 3px; left: -100px; right: 0; margin: 0 auto; } .related-articles .related-title span:after, .latest-articles .latest-title span:after { left: 0; right: -100px; } .related-articles .article-block, .latest-articles .article-block { display: inline-block; vertical-align: top; width: 31.33%; margin-right: 2%; margin-bottom: 40px; text-align: left; } .related-articles .article-block:nth-child(3n), .latest-articles .article-block:nth-child(3n) { margin-right: 0; } .article-block figure.post-thumbnail { border-radius: 5px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); margin-bottom: 20px; } .single .related-articles .article-block .entry-title { font-size: 1.112em; margin-bottom: 0; } /*==================== SINGLE STYLE TWO ====================*/ .single.style1 article figure.post-thumbnail { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); border-radius: 5px; overflow: hidden; } .single.style1 .category a { background: none; padding: 0; font-size: 12px; color: #b9bdbd; letter-spacing: 1px; } .single.style1 .category a:hover, .single.style1 .entry-meta span a:hover { color: #88ced0; } .single.style1 .site-main article>.entry-header .entry-title { font-size: 2.335em; margin-bottom: 10px; } .single.style1 .entry-meta span { font-weight: 600; } .single.style1 .entry-meta span a { color: #595f5f; } .single .site-main .entry-content.has-sticky-share { position: relative; padding-left: 90px; } .single .site-main .entry-content.has-sticky-share+.entry-footer { padding-left: 90px; } .single .article-share.sticky-share { position: absolute; top: 0; left: 0; padding-top: 20px; background: #fff; } .single .article-share.sticky-share ul.social-icons li { font-size: 22px; display: block; margin-left: 0; margin-bottom: 10px; } .single .article-share.sticky-share ul.social-icons li a { width: 56px; height: 56px; line-height: 52px; } /*======================= ERROR 404 PAGE =======================*/ .error404 section.error-404 { text-align: center; max-width: 700px; margin: 0 auto; } .error-404 .error-num { font-family: 'Nunito', sans-serif; font-weight: 700; color: #88ced0; font-size: 20em; line-height: 1; text-shadow: 0 10px rgba(0, 0, 0, 0.1); } .error-404 .error-text { font-size: 1.388em; } .error-404 a.bttn { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 700; display: inline-block; background: #e75387; color: #fff; padding: 12px 40px; border-radius: 5px; margin-top: 50px; } .error-404 a.bttn:hover { background: #88ced0; } .error-404 form.search-form { border: 1px solid #ededed; border-radius: 5px; margin-top: 60px; } .error-404 form.search-form input.search-field { font-size: 16px; font-weight: 400; } .error404 .latest-articles { margin-top: 100px; } /*======================== CONTACT PAGE ========================*/ .page-template-contact section.bg-cta-section, .page:not(.home) section.bg-cta-section { margin-bottom: 0; } .page-template-contact .page-header .page-title { text-transform: none; } .contact-wrap:before, .contact-wrap:after { content: ""; display: table; } .contact-wrap:after { clear: both; } .contact-wrap .contact-block { float: left; width: 50%; padding-right: 15px; } .contact-wrap .contact-block+.contact-block { padding-left: 15px; padding-right: 0; } .page-template-contact .entry-header .entry-title { font-size: 2em; position: relative; margin-bottom: 30px; padding-bottom: 15px; } .page-template-contact .entry-header .entry-title:before { content: ""; background: #eb5089; width: 8px; height: 8px; border-radius: 100%; position: absolute; bottom: 0; left: 0; } .page-template-contact .entry-header .entry-title:after { content: ""; background: #88ced0; width: 150px; height: 2px; position: absolute; bottom: 3px; left: 20px; } .contact-info-list { margin: 0; padding: 0; list-style: none; } .contact-info-list li { position: relative; padding-left: 35px; margin-bottom: 15px; } .contact-info-list li svg { position: absolute; top: 5px; font-size: 20px; left: 0; color: #88ced0; } .page-template-contact #primary .social-icons a { display: inline-block; width: 56px; text-align: center; height: 56px; line-height: 52px; border: 2px solid #cfebec; margin-right: 3px; margin-bottom: 8px; border-radius: 100%; color: #000; box-shadow: 0 0 20px transparent; font-size: 22px; } .page-template-contact #primary .social-icons a:hover { background: #88ced0; border-color: #88ced0; color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.17); } .page-template-contact .contact-map { margin-top: 60px; border-radius: 5px; overflow: hidden; } /*====================== EVENT PAGE ======================*/ .page-template-event .site-content { margin-bottom: 20px; } .page-template-event section.bg-cta-section { margin-bottom: 0; } .page-template-event .event-wrap { padding-top: 0; } .page-template-event .event-wrap .event-block { border: 1px solid #ededed; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .page-template-event .event-wrap .event-block:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } .page-template-event .event-wrap .event-block { margin-bottom: 60px; } .single-event .event-wrap { display: block; padding-top: 0; } .single-event .event-wrap .event-block { width: 100%; margin-right: 0; padding: 0; background: none; box-shadow: none; } .single-event .header-wrap:before, .single-event .header-wrap:after { content: ""; display: table; } .single-event .header-wrap:after { clear: both; } .single-event .header-wrap { margin-bottom: 40px; } .single-event .event-block .entry-header { float: left; width: calc(100% - 90px); padding-left: 30px; } .single-event .event-block .event-date { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .single-event .entry-header .entry-title { font-size: 2em; } .single.single-event .entry-meta>span { margin-right: 0; font-weight: 400; } .single-event .event-block span.event-time { display: inline-block; } .single.single-event .entry-meta>span:before { display: none; } .single-event .event-block .event-content { float: none; width: 100%; padding-left: 0; } .single-event figure.post-thumbnail { margin-bottom: 40px; border-radius: 5px; overflow: hidden; } .single-event .event-schedule-wrap { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; background: #f3fdfe; padding: 30px 15px; border-top: 5px solid #88ced0; margin-bottom: 30px; } .single-event .event-schedule-wrap>div { text-align: center; border-right: 2px solid #dae3e4; padding: 0 15px; width: 100%; } .single-event .event-schedule-wrap>div.category { margin-bottom: 0; border-right: none; } .single-event .event-schedule-wrap>div strong { display: block; color: #000; margin-bottom: 5px; } .single-event .event-schedule-wrap>div span { font-size: 16px; } .single-event .event-schedule-wrap>div span.seperator { margin: 0 5px; display: inline-block; } .single-event .event-schedule-wrap .category a { background: none; padding: 0; font-size: 16px; color: #595f5f; font-weight: 400; text-transform: none; } .single-event .event-schedule-wrap .category a:hover { color: #88ced0; } .loc-map h4 { margin: 1.5em 0 1em 0; } .single.single-event footer.entry-footer { margin-bottom: 0; margin-top: 60px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 60px; text-align: center; } .single.single-event footer.entry-footer .article-share { width: 100%; text-align: center; } /*====================== PODCAST LIST PAGE ======================*/ .podcast-list.list-view article.post figure.post-thumbnail { width: 34%; } .podcast-list.list-view .article-content-wrap { width: 66%; } .podcast-list.list-view article.post header.entry-header { margin-bottom: 20px; } .podcast-list.list-view .entry-header .entry-title { font-size: 1.33em; } /*======================== SEARCH PAGE ========================*/ .search .page-header>.wrapper { max-width: 600px; width: auto; } .search .page-header .page-title { font-size: 1.667em; margin-bottom: 20px; } .search .page-header form.search-form { border: 1px solid #ededed; border-radius: 5px; } .search .page-header form.search-form input.search-field { font-weight: 700; } .search .page-header form.search-form input.search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400; } .search .page-header form.search-form input.search-field::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; } .search .page-header form.search-form input.search-field:-ms-input-placeholder { /* IE 10+ */ font-weight: 400; } .search .page-header form.search-form input.search-field:-moz-placeholder { /* Firefox 18- */ font-weight: 400; } .search-no-results .no-results header.page-header, .search-no-results .no-results form.search-form { display: none; } .grid-view.search-no-results .site-main { margin: 0; } /*==================== SERVICE PAGE ====================*/ .page-template-service section.bg-cta-section { margin-bottom: 0; } .page-template-service .site-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .page-template-service .content-area .widget .widget-title { padding-bottom: 0; margin-bottom: 15px; } .page-template-service .site-content+section { border-top: 1px solid #e5e5e5; padding-top: 80px; } section.text-wdgt-section { margin-bottom: 40px; } .text-wdgt-section .wrapper { text-align: left; } section.text-wdgt-section .widget, section.text-wdgt-section .widget.widget_text { margin-bottom: 40px; display: inline-block; width: 48%; margin-right: 3%; } section.text-wdgt-section .widget:nth-child(2n), section.text-wdgt-section .widget.widget_text:nth-child(2n) { margin-right: 0; } section.text-wdgt-section .widget .widget-title { width: 100%; display: block; padding-bottom: 0; margin-bottom: 20px; font-size: 1.33em; } section.text-wdgt-section .widget .widget-title:after, section.text-wdgt-section .widget .widget-title span:before, section.text-wdgt-section .widget .widget-title span:after { display: none; } section.text-wdgt-section .widget_text .textwidget { width: 100%; } section.text-wdgt-section .widget_text .textwidget p { margin-bottom: 0; margin-top: 20px; } section.text-wdgt-section .widget_text .textwidget p:first-child { margin-top: 0; } /*======================== SUCCESS STORY PAGE ========================*/ .page-template-success-story section.bg-cta-section { margin-bottom: 0; } .page-template-success-story article.post { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #eee; } .page-template-success-story article.post:last-child { padding-bottom: 0; border-bottom: none; } /*======================== TESTIMONIAL PAGE ========================*/ .page-template-testimonial .site-content { margin-bottom: 20px; } .page-template-testimonial .site-main .widget { display: inline-block; vertical-align: top; width: 48%; margin-right: 3%; text-align: center; } .page-template-testimonial .site-main .widget:nth-child(2n) { margin-right: 0; } .page-template-testimonial section.bg-cta-section { margin-bottom: 0; } /*============================= PAGE TEMPLATE PORTFOLIO =============================*/ .page-template-blossom-portfolio .page-header .page-title { text-align: center; } .portfolio-sorting .button:hover, .portfolio-sorting .button.is-checked { color: #88ced0; } .portfolio-text-holder .portfolio-img-title { line-height: 1.2em; font-family: 'Nunito Sans'; } .portfolio-item .portfolio-img-title a:hover, .portfolio-item .portfolio-cat a, .entry-header .portfolio-cat a { color: #88ced0; } .portfolio-item .portfolio-cat a:hover, .entry-header .portfolio-cat a:hover { text-decoration: underline; } .portfolio-holder .entry-header .entry-title { font-size: 2.335em; } .single .entry-content a:hover { text-decoration: underline; } .single-blossom-portfolio .navigation .nav-links::before, .single-blossom-portfolio .navigation .nav-links::after { content: ""; display: table; line-height: 0; height: 0; } .single-blossom-portfolio .navigation .nav-links::after { clear: both; } .single-blossom-portfolio .post-navigation .nav-links div[class*="nav-"]::before { display: none; } .single-blossom-portfolio .post-navigation .nav-links div[class*="nav-"] a { color: #333; text-decoration: none; font-weight: 400; display: inline-block; line-height: 1.6; position: relative; padding-left: 30px; } .single-blossom-portfolio .post-navigation .nav-links div.nav-next a { padding-left: 0; padding-right: 30px; } .single-blossom-portfolio .post-navigation .nav-links div[class*="nav-"] a:before { content: ""; background-image: url('data:image/svg+xml; utf8,'); background-repeat: no-repeat; width: 20px; height: 30px; position: absolute; top: 0; left: 0; font-size: 30px; line-height: 0.95; } .single-blossom-portfolio .post-navigation .nav-links div.nav-next a:before { background-image: url('data:image/svg+xml; utf8,'); left: auto; right: 0; } .single-blossom-portfolio .post-navigation .nav-links div[class*="nav-"] a:hover { color: #88ced0; } .related-portfolio { text-align: center; } .related-portfolio-title { margin-bottom: 40px; padding-bottom: 20px; position: relative; display: inline-block; font-size: 1.33em; font-family: 'nunito'; font-weight: 600; color: #000; } .related-portfolio-title::before { content: ""; background: #e8508d; width: 28px; height: 28px; position: absolute; bottom: -6px; left: 0; right: 0; margin: 0 auto; border-radius: 100%; border: 10px solid #fff; z-index: 1; } .related-portfolio-title::after { content: ""; background: #88ced0; width: 140px; height: 2px; position: absolute; bottom: 7px; left: 0; right: 0; margin: 0 auto; } .portfolio-item .portfolio-item-inner { border-radius: 5px; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); } .portfolio-item img, .portfolio-item .fallback-svg { width: 100%; height: 100%; object-fit: cover; } /*============================ RESPONSIVE STYLESHEET ============================*/ @media screen and (max-width: 1770px) { .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder { max-width: 39%; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form { max-width: 60%; } /*========================= NEWSLETTER SECTION =========================*/ .newsletter-section .blossomthemes-email-newsletter-wrapper { padding-left: 9%; padding-right: 9%; } } @media screen and (max-width: 1480px) { .custom-background #page, .custom-background .sticky-bar-content { width: 95%; } /*======================= SITE BANNER =======================*/ .site-banner .banner-img>img, .site-banner .banner-img>.fallback-svg { height: 45vw; } .site-banner .wp-custom-header>img { height: 700px; } } @media screen and (min-width: 1210px) and (max-width: 1450px) { .custom-background .wrapper { width: 100%; padding-left: 3%; padding-right: 3%; } .simple-cta-section .wrapper { padding-left: 0; padding-right: 0; } .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding-right: 60px; } } @media screen and (max-width: 1210px) { .wrapper, .widget_bttk_description_widget .bttk-team-inner-holder-modal { width: 100%; padding-left: 3%; padding-right: 3%; } .widget_bttk_description_widget .bttk-team-inner-holder-modal { padding-left: 45%; } .widget_bttk_description_widget .bttk-team-holder-modal .image-holder { width: 40%; left: 3%; } .bg-cta-section .wrapper, .simple-cta-section .wrapper { padding-left: 0; padding-right: 0; } .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container { padding-left: 3%; } .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding-left: 3%; } /*========================= NEWSLETTER SECTION =========================*/ .newsletter-section .wrapper { padding-left: 0; padding-right: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper { padding-left: 10%; padding-right: 10%; } } @media screen and (max-width: 1180px) { .site-title-wrap .site-title { font-size: 30px; } .site-title-wrap .site-description { font-size: 10px; } .pricing-block .price { font-size: 1.5em; } /*===================== STICKY T BAR =====================*/ .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding-right: 40px; } .sticky-t-bar .close { right: 10px; } /*======================= SITE BANNER =======================*/ .site-banner .banner-img>img, .site-banner .banner-img>.fallback-svg { height: 60vw; } /*====================== ACHIEVEMENT SECTION ======================*/ .achievement-section .achievement-content { padding-top: 40px; padding-left: 40px; } .achievement-section .wrapper { padding-left: 0; padding-right: 0; } .widget_blossomthemes_stat_counter_widget .hs-counter { font-size: 2.5em; } } @media screen and (max-width: 1096px) { .main-navigation ul li a { padding-left: 10px; padding-right: 10px; } .pricing-block .title { width: 48%; } } @media screen and (min-width: 1025px) { .main-navigation ul ul, .main-navigation .primary-menu-list { display: block !important; } .main-navigation .close-main-nav-toggle { display: none; } } @media screen and (max-width: 1024px) { .wrapper { max-width: 770px; } .sticky-bar-content .wrapper { max-width: 100%; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder { max-width: 100%; text-align: center; margin-bottom: 15px; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder h3 { text-align: center; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form { max-width: 100%; } /*===================== HEADER T =====================*/ .header-t .top-left { font-size: 14px; } .header-t .top-left span { margin-right: 15px; } .header-t .top-left svg { font-size: 16px; } .header-search .header-search-form form.search-form { width: 60%; } /*======================= MAIN HEADER =======================*/ .main-header .wrapper { display: flex; flex: 1; flex-direction: row; align-items: center; justify-content: right; } .main-header .site-branding { display: flex; flex: auto; align-items: center; flex-wrap: wrap; } .main-header .site-branding:not(.icon-text) { flex-direction: column; align-items: flex-start; text-align: left; } .site-title-wrap .site-title { font-size: 45px; } .site-title-wrap .site-description { font-size: 14px; } .menu-wrap nav.main-navigation { width: auto; /*padding-right: 10px;*/ } .menu-wrap nav.main-navigation.menu-toggled { width: 40px; height: 40px; } .main-navigation button.toggle-button { color: inherit; display: block; padding: 0; width: 40px; height: 40px; border-radius: 100%; position: relative; } .menu-wrap nav.main-navigation.menu-toggled .toggle-button { position: absolute; top: 20px; right: 55%; z-index: 99999; } .admin-bar .menu-wrap nav.main-navigation.menu-toggled .toggle-button { top: 35px; } .main-navigation button.toggle-button .toggle-bar { display: block; width: 20px; height: 2px; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation button.toggle-button .toggle-bar:first-child { top: -10px; } .main-navigation button.toggle-button .toggle-bar:last-child { top: 10px; } .main-navigation.menu-toggled button.toggle-button .toggle-bar:first-child { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); top: 0; } .main-navigation.menu-toggled button.toggle-button .toggle-bar:nth-child(2) { opacity: 0; visibility: hidden; } .main-navigation.menu-toggled button.toggle-button .toggle-bar:last-child { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); top: 0; } .main-navigation .primary-menu-list { position: fixed; top: 0; left: 0; background: #f5f5f5; height: 100%; width: 320px; z-index: 9999; padding-top: 100px; overflow-y: auto; text-align: left; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1); display: none; } .main-navigation .primary-menu-list .mobile-menu { width: 320px; } .main-navigation ul li { display: block; } .main-navigation ul li.menu-item-has-children > .submenu-toggle { display: block; } .main-navigation ul li a { padding: 15px 18px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .main-navigation ul.menu li:last-child:not(.menu-item-has-children) > a { padding-right: 18px; } .main-navigation ul li.menu-item-has-children>a::after { display: none; } .main-navigation ul li.menu-item-has-children .submenu-toggle { font-weight: 400; font-size: 16px; position: absolute; top: 19px; right: 10px; width: 20px; text-align: center; height: 20px; line-height: 20px; z-index: 9; cursor: pointer; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .main-navigation ul li.menu-item-has-children .submenu-toggle.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul ul { display: none; box-shadow: none; position: static; opacity: 1; visibility: visible; width: 100%; -webkit-transition: none; -moz-transition: none; transition: none; } .main-navigation ul ul ul { padding-left: 0; } /*======================== BANNER SECTION ========================*/ .banner-caption .blossomthemes-email-newsletter-wrapper { width: 75%; padding: 30px 30px 15px 30px; } /*======================== BG CTA SECTION ========================*/ section[class*="-section"] .widget .centered .blossomtheme-cta-container { width: 100%; } /*======================== SERVICE SECTION ========================*/ .service-section .wrapper { grid-template-columns: repeat(2, 1fr); } .service-section .widget.widget_text { grid-column: 1 / span 2; } /*======================== PRICING SECTION ========================*/ .pricing-section .pricing-block-holder { flex-direction: column; } .pricing-section .pricing-block-holder .pricing-block { width: 100%; margin-right: 0; } /*========================= ACHIEVEMENT SECTION =========================*/ section.achievement-section { margin-bottom: 0; } .achievement-section .wrapper { display: block; } .achievement-section figure.cd-image-container, .achievement-section .achievement-content { width: 100%; } .achievement-section .achievement-content { padding-left: 3%; padding-top: 50px; padding-bottom: 50px; display: block; } /*======================== SIMPLE CTA SECTION ========================*/ .simple-cta-section .wrapper, .bg-cta-section .wrapper { max-width: inherit; padding-left: 0; padding-right: 0; } .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container { max-width: 770px; padding-left: 2%; padding-right: 2%; } .widget_blossomtheme_companion_cta_widget .right .button-wrap { right: 2%; } /*======================== EVENT SECTION ========================*/ .event-block .event-date { float: none; margin-bottom: 30px; } .event-block .event-content { float: none; width: 100%; padding-left: 0; } /*======================= NEWSLETTER BLOCK =======================*/ .newsletter-block .blossomthemes-email-newsletter-wrapper { padding-left: 30px; padding-right: 30px; } /*========================= NEWSLETTER SECTION =========================*/ .newsletter-section .blossomthemes-email-newsletter-wrapper { flex-direction: column; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder { padding-right: 0; margin-bottom: 30px; text-align: center; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap { justify-content: center; } /*====================== FOOTER SECTION ======================*/ .top-footer .grid:not(.column-1) { grid-gap: 50px 30px; } .top-footer .grid.column-3, .top-footer .grid.column-4 { grid-template-columns: repeat(2, 1fr); } /*======================= ABOUT PAGE =======================*/ .counter-section .widget_blossomthemes_stat_counter_widget { width: 50%; } section[class*="-section"] .widget_bttk_description_widget { width: 48.66%; } section[class*="-section"] .widget_bttk_description_widget:nth-child(4n+1) { margin-right: 2.5%; } section[class*="-section"] .widget_bttk_description_widget:nth-child(2n+1) { margin-right: 0; } .bttk-team-inner-holder-modal .description { max-height: 185px; overflow-y: auto; } .widget_blossomthemes_stat_counter_widget .hs-counter { font-size: 3.889em; } /*====================== SIDEBARS ======================*/ .rightsidebar #primary, .leftsidebar #primary { float: none; width: 100%; padding-right: 0; margin-bottom: 60px; } .leftsidebar #primary { padding-left: 0; } .rightsidebar #secondary, .leftsidebar #secondary { float: none; width: 100%; } /*===================== GRID VIEW LAYOUT ======================*/ .grid-view .site-main { margin-left: -10px; margin-right: -10px; } .full-width.grid-view article { width: 50%; } /*======================== CONTACT PAGE ========================*/ .contact-wrap { display: flex; flex: 1; flex-direction: column; } .contact-wrap .contact-block { float: none; width: 100%; padding-right: 0; order: 2; } .contact-wrap .contact-block+.contact-block { padding-left: 0; margin-bottom: 60px; order: 1; } .page-template-contact #primary .social-icons a { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } /*======================= ERROR 404 PAGE =======================*/ .error-404 .error-num { font-size: 10em; } /*======================== SERVICE PAGE ========================*/ .page-template-service .site-main { grid-template-columns: repeat(2, 1fr); } /*======================= EVENT SINGLE PAGE =======================*/ .single-event .event-block .event-date { float: left; margin-bottom: 0; } /*=========================== PAGE TEMPLATE PORTFOLIO ===========================*/ .portfolio-img-holder .portfolio-item { width: 50%; } } @media screen and (max-width: 899px) { .video-banner .wp-custom-header { padding-top: 0; } .banner-caption .blossomthemes-email-newsletter-wrapper { width: 100%; } .site-banner .banner-text .container { width: 70%; } } @media screen and (max-width: 782px) { .admin-bar .sticky-bar-content, .admin-bar .menu-wrap nav.main-navigation.menu-toggled .toggle-button, .admin-bar .sticky-t-bar .close { top: 46px; } .admin-bar .sticky-t-bar.active .close { top: 56px; } .owl-carousel .item > img, .owl-carousel .item .fallback-svg { width: 100%; min-height: 480px; object-fit: cover; } .site-banner .banner-text .title { font-size: 1.667em; } } @media screen and (max-width: 640px) { body, button, input, select, optgroup, textarea { font-size: 16px; } section[class*="-section"] { margin-bottom: 50px; margin-top: 50px; } section.bg-cta-section, section.service-section, section.simple-cta-section, section.contact-section { margin-top: 0; margin-bottom: 0; } .page-template-event section.bg-cta-section { margin-bottom: 0; } .back-to-top { width: 40px; height: 40px; line-height: 40px; right: 10px; } .back-to-top span { font-size: 18px; } .site-content { margin-top: 40px; margin-bottom: 50px; } .newsletter-block .blossomthemes-email-newsletter-wrapper form { flex-direction: column; } /*===================== STICKY T BAR =====================*/ .sticky-t-bar .close { width: 20px; height: 20px; line-height: 20px; right: 10px; } .sticky-t-bar:not(.active) .close { height: 20px; line-height: 18px; } .sticky-bar-content .blossomthemes-email-newsletter-wrapper { padding-right: 30px; } .sticky-t-bar .close { right: 5px; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder, .sticky-bar-content .blossomthemes-email-newsletter-wrapper .text-holder h3 { padding-right: 0; margin-bottom: 5px; text-align: center; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="text"]:first-child { margin-left: 0; } /*===================== HEADER T =====================*/ .header-search .header-search-form form.search-form { width: 90%; } /*======================= MAIN HEADER =======================*/ .menu-wrap nav.main-navigation.menu-toggled .toggle-button { right: 25%; } .main-navigation ul.menu { width: 80%; } /*===================== SITE BANNER =====================*/ .site-banner { margin-bottom: 50px; } .site-banner .banner-cap-wrap { width: 100%; float: none; } .site-banner .banner-text .container { width: 100%; } .site-banner .wp-custom-header>img, .owl-carousel .item > img, .owl-carousel .item .fallback-svg { height: 40vw; min-height: auto; } .site-banner .banner-caption, .site-banner .item .banner-text { position: relative; padding: 40px 15px; top: 0; -webkit-transform: none; -moz-transform: none; transform: none; background: #1c1b1b; } .site-banner .wp-custom-header:before, .site-banner .item .banner-text:before { display: none; } .site-banner .banner-text .container { position: static; -webkit-transform: none; -moz-transform: none; transform: none; } .site-banner .blossomthemes-email-newsletter-wrapper { width: 100%; float: none; padding: 0; background: none !important; border-radius: 0; } .site-banner .owl-item .banner-caption .title, .site-banner .banner-caption .banner-wrap .banner-title { font-size: 1.5em; } .site-banner .owl-item .banner-caption .banner-content, .site-banner .banner-caption .banner-wrap > .banner-content { display: none; } .banner-caption .btn-more, .site-banner .banner-caption .banner-wrap .banner-link { padding: 10px 20px; font-size: 16px; } .site-banner .owl-carousel .owl-nav [class*="owl-"] { width: 40px; height: 40px; line-height: 40px; } .site-banner .owl-nav div[class*="owl-"]:before { line-height: 35px; } /*==================== ABOUT SECTION ====================*/ .widget_blossomtheme_featured_page_widget .widget-featured-holder { display: flex; flex: 1; flex-direction: column; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .text-holder, #primary .widget_blossomtheme_featured_page_widget .text-holder { width: 100%; padding-right: 0; order: 3; } section[class*="-section"] .widget_blossomtheme_featured_page_widget .img-holder, #primary .widget_blossomtheme_featured_page_widget .img-holder { width: 100%; margin-bottom: 40px; } /*======================== BG CTA SECTION ========================*/ .bg-cta-section .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container { padding-top: 70px; padding-bottom: 70px; } /*========================= TESTIMONIAL SECTION =========================*/ section[class*="-section"] .widget_bttk_testimonial_widget { padding-left: 10px; padding-right: 10px; } /*======================== SERVICE SECTION ========================*/ section.service-section { padding-top: 50px; padding-bottom: 50px; } /*======================== EVENT SECTION ========================*/ section.event-section { padding-top: 50px; padding-bottom: 50px; } /*======================== SHOP SECTION ========================*/ section.shop-section { padding-top: 50px; } /*========================== CONTACT SECTION ==========================*/ section.contact-section { padding-top: 50px; padding-bottom: 50px; margin-bottom: 0; } section.contact-section .widget, section.contact-section .widget + .widget { float: none; width: 100%; } section.contact-section .widget { padding-right: 0; margin-bottom: 40px; } section.contact-section .widget + .widget { padding-left: 0; } .contact-section ul.social-networks li a { width: 50px; height: 50px; line-height: 50px; } /*========================= NEWSLETTER SECTION =========================*/ section.newsletter-section { margin-top: 0; margin-bottom: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span { font-size: 1em; } /*========================= FOOTER SECTION =========================*/ .top-footer { padding-top: 50px; padding-bottom: 50px; } /*============================ BLOSSOM ICON TEXT WIDGET ============================*/ .widget_bttk_icon_text_widget { padding: 20px; } /*========================= ABOUT PAGE =========================*/ .counter-section { padding-top: 50px; padding-bottom: 0; } section.counter-section .widget.widget_text { width: 100%; } section.blockquote-section { padding-top: 70px; padding-bottom: 70px; } section[class*="-section"] .widget_text .textwidget { width: 100%; } #primary blockquote, .blockquote-section blockquote { width: 100%; } .widget_bttk_description_widget .bttk-team-inner-holder-modal { padding-left: 3%; max-height: 320px; overflow-y: auto; } .widget_bttk_description_widget .bttk-team-holder-modal .image-holder { position: static; width: 100%; margin-bottom: 30px; } .bttk-team-inner-holder-modal .description { max-height: inherit; overflow-y: visible; } /*======================= ARCHIVE AUTHOR PAGE =======================*/ .page-header .author-img { margin-bottom: 20px; } .author .page-header .author-content-wrap { width: 100%; padding-left: 0; text-align: center; } /*======================= ERROR 404 PAGE =======================*/ .error-404 .error-num { font-size: 10em; } /*======================== SINGLE PAGE ========================*/ .single.style1 .entry-header .entry-title, .single.style2 .site-main article>.entry-header .entry-title { font-size: 2em; } .single .entry-meta>span { margin-right: 30px; } .single .entry-meta>span::before { right: -18px; } .single footer.entry-footer { margin-bottom: 50px; } .entry-footer .tags { width: 100%; margin-bottom: 20px; } .entry-footer .article-share { width: 100%; text-align: left; } .author-profile .author-img { float: none; margin-bottom: 30px; } .author-profile .author-content-wrap { float: none; width: 100%; padding-left: 0; } .single .pagination .nav-previous { float: none; width: 100%; border-right: none; padding-right: 0; } .single .pagination .nav-next { float: none; width: 100%; padding-left: 0; border-left: none; margin-top: 30px; } .single .related-articles .article-block .entry-title { font-size: 1.112em; } .related-articles .article-block, .latest-articles .article-block { width: 48.33%; } .related-articles .article-block:nth-child(3n), .latest-articles .article-block:nth-child(3n) { margin-right: 2%; } .related-articles .article-block:nth-child(2n), .latest-articles .article-block:nth-child(2n) { margin-right: 0; } .single .site-main .entry-content.has-sticky-share, .single .site-main .entry-content.has-sticky-share+.entry-footer { padding-left: 0; } .single .article-share.sticky-share { position: static; padding-top: 0; } .single .article-share.sticky-share ul.social-icons li { display: inline-block; font-size: 18px; } .single .article-share.sticky-share ul.social-icons li a { width: 50px; height: 50px; line-height: 50px; } /*======================= COMMENT SECTION =======================*/ .comments-area { margin-top: 30px; } .comment-respond .comment-reply-title a { padding-left: 15px; padding-right: 15px; } /*======================== TESTIMONIAL PAGE ========================*/ .page-template-testimonial .site-main .widget { width: 100%; margin-right: 0; } } @media screen and (max-width: 600px) { .sticky-bar-content, .sticky-t-bar .close { position: absolute; } .portfolio-img-holder .portfolio-item { float: none; width: 100%; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 540px) { /*====================== STICKY T BAR ======================*/ .sticky-t-bar .blossomthemes-email-newsletter-wrapper .text-holder { padding-right: 0; margin-bottom: 20px; font-size: 1em; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="text"], .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="email"], .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] { margin-left: 0; margin-top: 10px; width: 100%; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[name="subscribe-email"] { border-top-right-radius: 40px; border-bottom-right-radius: 40px; } .sticky-t-bar .blossomthemes-email-newsletter-wrapper form input[type="submit"] { box-shadow: none; margin-top: 10px !important; } /*===================== HEADER T =====================*/ .header-t .top-left { width: 100%; text-align: center; } .header-t .top-right { width: 100%; text-align: center; margin-top: 10px; border-top: 1px solid #eee; padding-top: 10px; } /*======================= MAIN HEADER =======================*/ /* .main-header .wrapper { flex-direction: column; } */ .main-header .site-branding { display: block; width: 100%; padding-bottom: 20px; text-align: center; } .site-branding.icon-text .site-title-wrap { width: auto; text-align: left; float: none; } .main-header .menu-wrap { width: 100%; text-align: center; padding-bottom: 0; flex: inherit; float: none; } /*=========================== BANNER SECTION ===========================*/ .banner-caption .blossomthemes-email-newsletter-wrapper form { grid-template-columns: repeat(1, 1fr); } .banner-caption .blossomthemes-email-newsletter-wrapper form input[class*="subscribe-email-"], .banner-caption .blossomthemes-email-newsletter-wrapper form input[type="submit"], .banner-caption .blossomthemes-email-newsletter-wrapper form label { grid-column: 1 / span 1; } /*========================= TESTIMONIAL SECTION =========================*/ section[class*="-section"] .widget_bttk_testimonial_widget { width: 100%; padding-left: 0; padding-right: 0; } /*========================== SERVICE SECTION ==========================*/ .service-section .wrapper { display: block; } /*========================= ACHIEVEMENT SECTION =========================*/ .cd-handle { width: 40px; height: 40px; line-height: 40px; margin-left: -20px; margin-top: -20px; } /*======================== EVENT SECTION ========================*/ .event-wrap { flex-direction: column; } .event-wrap .event-block { width: 100%; margin-right: 0; margin-bottom: 30px; } .event-wrap .event-block:last-child { margin-bottom: 0; } /*======================= BLOG SECTION =======================*/ .blog-section .article-wrap { flex-direction: column; } .blog-section article { width: 100%; margin-right: 0; } /*===================== PODCAST SECTION =====================*/ .block-wrap { flex-direction: column; } .block { width: 100%; margin-right: 0; } /*======================= SIMPLE CTA ACTION =======================*/ .widget_blossomtheme_companion_cta_widget .righ .blossomtheme-cta-container { padding-right: 2%; } /*========================= NEWSLETTER SECTION =========================*/ .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 { font-size: 1.3333em; } .newsletter-section .blossomthemes-email-newsletter-wrapper form { flex-direction: column; flex: auto; } .newsletter-section .blossomthemes-email-newsletter-wrapper form input { flex: auto; margin-left: 0; } .newsletter-section .blossomthemes-email-newsletter-wrapper form label { margin-left: 0; } /*======================= FOOTER SECTION =======================*/ .top-footer .grid:not(.column-1) { grid-gap: 50px; } .top-footer .grid.column-2, .top-footer .grid.column-3, .top-footer .grid.column-4 { grid-template-columns: repeat(1, 1fr); } /*============================== BLOSSOM CLIENT LOGO WIDGET ==============================*/ .widget_blossom_client_logo_widget .image-holder, section[class*="-section"] .widget_blossom_client_logo_widget .image-holder { width: 49%; } /*================================ BLOSSOM FEATURED PAGE WIDGET ================================*/ .widget_blossomtheme_featured_page_widget .img-holder { padding-right: 20px; padding-bottom: 20px; } .widget_blossomtheme_featured_page_widget .img-holder::before { top: 20px; left: 20px; border-width: 7px; } /*=============================== BLOSSOM COMPANION CTA WIDGET ===============================*/ .widget_blossomtheme_companion_cta_widget .right .blossomtheme-cta-container { padding-right: 2%; } .widget_blossomtheme_companion_cta_widget .right .button-wrap { margin-top: 30px; } .widget_blossomtheme_companion_cta_widget .right .button-wrap { position: static; width: auto; -webkit-transform: none; -moz-transform: none; transform: none; } section[class*="-section"] .widget_blossomtheme_companion_cta_widget .right .widget-title { width: 100%; padding-right: 0; } section[class*="-section"] .widget_blossomtheme_companion_cta_widget .right .text-holder { width: 100%; padding-right: 0; } /*====================== ABOUT PAGE ======================*/ .counter-section .widget_blossomthemes_stat_counter_widget { float: none; width: 100%; margin-bottom: 60px; } section[class*="-section"] .widget_bttk_description_widget { float: none; width: 100%; margin-right: 0; margin-bottom: 60px; } /*===================== GRID VIEW LAYOUT =====================*/ .grid-view .site-main { margin-left: 0; margin-right: 0; } .grid-view article.post { float: none; width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 15px; } .grid-view article.post img, .grid-view article.post .fallback-svg { width: 100%; } .page-numbers { width: 20px; } .page-numbers.prev, .page-numbers.next { position: relative; top: 0; padding-left: 35px; font-size: 13px; padding-right: 10px; } .page-numbers.next { padding-right: 35px; padding-left: 10px; } .page-numbers.prev::before, .page-numbers.next::before { width: 25px; height: 25px; line-height: 25px; top: 5px; } /*======================= LIST VIEW LAYOUT =======================*/ .list-view article.post { flex-direction: column; } .list-view article.post figure.post-thumbnail, .podcast-list.list-view article.post figure.post-thumbnail { float: none; width: 100%; margin-bottom: 30px; } .list-view .article-content-wrap, .podcast-list.list-view .article-content-wrap { float: none; width: 100%; padding-left: 0; } /*======================== SERVICE PAGE ========================*/ .page-template-service .site-main { grid-template-columns: repeat(1, 1fr); } section.text-wdgt-section .widget, section.text-wdgt-section .widget.widget_text { width: 100%; margin-right: 0; } /*======================= EVENT SINGLE PAGE =======================*/ .single-event .event-block .event-date { float: none; margin-bottom: 30px; } .single-event .event-block .entry-header { float: none; width: 100%; padding-left: 0; } .single-event .event-schedule-wrap { grid-template-columns: repeat(1, 1fr); } .single-event .event-schedule-wrap>div { padding: 15px 0; border-right: none; border-bottom: 2px solid #dae3e4; } .single-event .event-schedule-wrap>div:last-child { border-bottom: none; } /*===================== SINGLE PAGE =====================*/ .related-articles .article-block, .latest-articles .article-block { width: 100%; margin-right: 0; } /*======================= COMMENT SECTION =======================*/ .comment-respond .comment-reply-title a { padding-left: 15px; padding-right: 15px; } .comment-respond p.comment-form-author, .comment-respond p.comment-form-email, .comment-respond p.comment-form-url { width: 100%; margin-right: 0; } /*========================= PAGE TEMPLATE PORTFOLIO ==========================*/ .navigation.post-navigation .nav-links div[class*="nav-"] { width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #ddd; padding-bottom: 20px; } .navigation.post-navigation .nav-links div.nav-next { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } }