/* Theme Name: Blossom Feminine Theme URI: https://blossomthemes.com/wordpress-themes/blossom-feminine/ Author: Blossom Themes Author URI: https://blossomthemes.com/ Description: Blossom Feminine is free feminine and chic WordPress blog theme to create stunning, lively and eye catching website. Whether you want to share your expert fashion tips, your favorite recipes or create a lifestyle, travel, food, beauty, make-up, coaching, wedding, portfolio, personal, girly, parenting or cooking blog, Blossom Feminine is an ideal choice for you. You can easily customize your website using the typography and color features. You can change the color to pink, purple, or any color you like. Blossom Feminine is mobile friendly and fully responsive to ensure your website looks great in different sized devices. Beautifully placed Instagram section can be used to show your Instagram account and increase your followers. The advertisement widget in the theme will help you easily monetize your blog. The well placed Newsletter section will help you to grow your email list and keep in touch with your visitors. Blossom Feminine is SEO friendly and speed optimized. The theme is translation ready and supports RTL and WooCommerce plugin for your utmost benefit. In addition, Blossom Feminine is backed by world class, one-on-one support, and a super active team of developers and designers ready to help! Check demo: https://blossomthemes.com/theme-demo/?theme=blossom-feminine, read documentation: https://docs.blossomthemes.com/docs/blossom-feminine/, and get support: https://blossomthemes.com/support-ticket/. Version: 1.3.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tested up to: 5.5.3 Requires PHP: 5.6 Text Domain: blossom-feminine 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, photography 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. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://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 #General Site Style #Responsive Style --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 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 { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } 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; } 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: #333; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.6575em; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } p { margin-bottom: 1.5em; margin-top: 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #f9f9f9; 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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 0; padding: 0 0 0 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { background: #111; border: 1px solid #111; color: #fff; border-radius: 0; box-shadow: none; text-shadow: none; text-transform: uppercase; padding: 9px 40px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { background: none; color: #111; } @-moz-document url-prefix() { button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 1px dotted; } } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #333; border: 1px solid #e5e5e5; border-radius: 0; padding: 9px 15px; width: 100%; } select { border: 1px solid #e5e5e5; } 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: #111; } textarea { width: 100%; height: 150px; resize: none; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #f3c9dd; text-decoration: none; } a:hover, a:focus { color: #f3c9dd; text-decoration: underline; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { display: block; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; text-align: center; } .main-navigation ul li { display: inline-block; margin: 0 25px; position: relative; padding-bottom: 7px; } .main-navigation ul li.menu-item-has-children:after{ content: ''; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center; color: #111; position: absolute; top: 6px; right: -15px; width: 10px; height: 14px; } .main-navigation ul li.menu-item-has-children > span, .secondary-nav ul li.menu-item-has-children > span { display: none; } .main-navigation ul li a { display: block; text-decoration: none; color: #111; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li:hover > a, .main-navigation ul li:focus > a{ text-decoration: none; color: #f3c9dd; } .main-navigation ul ul { float: left; position: absolute; top: 100%; left: -9999%; z-index: 99999; width: 220px; background: #f9f9f9; text-align: left; padding: 17px 0 15px; opacity: 0; font-size: 14px; border: 1px solid #eee; } .main-navigation ul li:hover > ul, .main-navigation ul li.focused > ul { left: -20px; opacity: 1; filter: alpha(opacity=100); } .main-navigation ul ul:after{ position: absolute; top: -5px; left: 27px; width: 10px; height: 10px; background: #f9f9f9; border: 1px solid #eee; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .main-navigation ul ul:before{ position: absolute; content: ''; top: 0; left: 26px; width: 12px; height: 9px; background: #f9f9f9; z-index: 1; } @media only screen and (min-width: 1025px){ .main-navigation ul li:hover > ul{ opacity: 1; filter: alpha(opacity=100); display: block !important; } .main-navigation ul li:focus-within > ul{ opacity: 1; filter: alpha(opacity=100); display: block !important; } .main-navigation .primary-menu-list, .main-navigation .sub-menu { display: block !important; } .main-navigation .submenu-toggle, .main-navigation .primary-menu-list .close { display: none; } } .main-navigation ul ul ul { top: -10px; padding: 9px 0; } .main-navigation ul ul li:hover ul, .main-navigation ul ul li.focused ul { left: 100%; } .main-navigation ul ul ul:before, .main-navigation ul ul ul:after{display: none;} .main-navigation ul ul li { margin: 0; display: block; padding: 0 18px 0 15px; } .main-navigation ul ul li:last-child > a{ margin: 0; padding: 0; border-bottom: 0; } .main-navigation ul ul li.menu-item-has-children:after{ background-image: url('data:image/svg+xml;utf8,'); right: 18px; } .main-navigation ul ul li a{ margin: 0 0 8px; padding: 0 0 5px; display: block; border-bottom: 1px solid #eee; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #f3c9dd; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .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 { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; 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; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # 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, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; margin-top: 0; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0; } .wp-caption-text { text-align: left; margin: 0; font-size: 14px; color: #999; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } .gallery-caption { display: block; } /*---------------------------------------------- #General site style ----------------------------------------------*/ .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: 999; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } .skip-link:focus, .skip-link:active { top: 50px; color: #000; text-decoration: none; } .tax-product_cat .site-main .woocommerce-products-header { display: none; } .site{ background: #fff; } .custom-background .site{ max-width: 80%; margin: 0 auto; } .container{ max-width: 1440px; margin: 0 auto; padding: 0 15px; } .container:after{ content: ''; display: block; clear: both; } .row{ margin-left: -15px; margin-right: -15px; } .row:after{ content: ''; display: block; clear: both; } .clearfix{ content: ''; display: block; clear: both; } .fallback-svg { vertical-align: top; } .no-post.blog.blog-layout-two .site-main { display: block; grid-template-columns: auto; } /*============================= Promotional Block style ============================*/ .promotional-block{ background: #f3c9dd; font-size: 14px; color: #111; text-align: center; padding: 9px 0 10px; } .promotional-block .text-holder{ padding: 0 30px; position: relative; } .promotional-block strong{font-weight: 600;} .promotional-block .btn-get{ display: inline-block; background: #111; vertical-align: middle; color: #fff; font-size: 12px; text-transform: uppercase; padding: 2px 17px; margin-left: 26px; position: relative; } .promotional-block .btn-get:after{ content: ''; border: 2px solid #f3c9dd; top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute; opacity: 0; -webkit-transition: linear 0.3s; -moz-transition: linear 0.3s; transition: linear 0.3s; } .promotional-block .btn-get:hover, .promotional-block .btn-get:focus{text-decoration: none;} .promotional-block .btn-get:hover:after, .promotional-block .btn-get:focus:after{ opacity: 1; } .promotional-block .text-holder .btn-close{ width: 26px; height: 26px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); color: #fff; text-align: center; line-height: 26px; font-weight: 500; position: absolute; top: 2px; right: 0; cursor: pointer; } /*========================= Header top style =========================*/ .site-header{ position: relative; z-index: 2; } .header-t{ background: #111; } .header-t .right{ float: right; margin: 5px 0; } .header-t .tools{ float: right; font-size: 18px; line-height: 1.222em; color: #111; } .header-t .tools + .social-networks { padding-right: 20px; margin-right: 15px; border-right: 1px solid #595959; } .header-t .tools .form-section, .header-t .tools .cart{ display: inline-block; vertical-align: middle; margin: 0 6px; color: #fff; } .header-t .tools .cart{ position: relative; } .header-t .tools .cart a span{ color: #fff; } .header-t .tools .cart .count{ position: absolute; top: -7px; right: -12px; font-size: 11px; color: #111; width: 18px; height: 19px; border-radius: 50%; text-align: center; line-height: 18px; background: #f3c9dd; } .header-t .tools .form-section{position: relative;} button#btn-search { background: none; padding: 0; border: none; } .header-t .tools .form-section #btn-search{ cursor: pointer; color: #fff; } .header-t .tools .form-section .form-holder{ position: absolute; top: 30px; right: -20px; width: 230px; background: #f9f9f9; padding: 6px 10px; border: 1px solid #eee; display: none; } .header-t .tools .form-section .form-holder:after{ width: 10px; height: 10px; background: #f9f9f9; border: 1px solid #eee; position: absolute; top: -5px; right: 20px; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .header-t .tools .form-section .form-holder:before{ width: 10px; height: 7px; background: #f9f9f9; top: -1px; right: 20px; content: ''; position: absolute; z-index: 1; } .header-t .tools .form-section .form-holder .search-form { display: flex; flex-wrap: wrap; align-items: center; } .header-t .tools .form-section .form-holder .search-form label{ width: 100%; flex: 1; } .header-t .tools .form-section .form-holder .search-form input[type="search"]{ font-size: 14px; color: #111; background: none; padding: 0; margin: 0; border: 0; border-radius: 0; width: 100%; } .header-t .tools .form-section .form-holder .search-form input[type="submit"] { width: 20px; height: 20px; padding: 0; border: none; color: initial; font-size: 0; background-image: url('data:image/svg+xml; utf-8, '); background-color: transparent; background-repeat: no-repeat; background-size: 15px; background-position: center; text-indent: 30px; opacity: 0; } .header-t .tools .form-section .form-holder .search-form input[type="submit"]:focus { opacity: 0.7; filter: alpha(opacity=70); } /*======================== Secondary menu style ========================*/ .secondary-nav{ float: left; } .secondary-nav ul{ margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.5em; } .secondary-nav ul:after{ content: ''; display: block; clear: both; } .secondary-nav ul li{ float: left; margin-right: 20px; position: relative; } .secondary-nav ul li:last-child{margin-right: 0;} .secondary-nav ul li a{ color: #fff; display: block; padding: 9px 0 10px; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .secondary-nav ul li a:hover, .secondary-nav ul li a:focus, .secondary-nav ul li:hover > a, .secondary-nav ul li:focus > a{ text-decoration: none; color: #f3c9dd; } .secondary-nav ul ul { float: left; position: absolute; top: 100%; left: -9999%; z-index: 99999; width: 220px; background: #f9f9f9; text-align: left; padding: 17px 0 15px; font-size: 14px; border: 1px solid #eee; opacity: 0; } .secondary-nav ul li:hover > ul, .secondary-nav ul li.focused > ul { opacity: 1; filter: alpha(opacity=100); left: -20px; } .secondary-nav ul ul:after{ position: absolute; top: -5px; left: 27px; width: 10px; height: 10px; background: #f9f9f9; border: 1px solid #eee; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .secondary-nav ul ul:before{ position: absolute; content: ''; top: 0; left: 26px; width: 12px; height: 9px; background: #f9f9f9; z-index: 1; } @media only screen and (min-width: 768px){ .secondary-nav ul li:hover > ul { display: block !important; } .secondary-nav ul li:focus-within > ul{ display: block !important; } } .secondary-nav ul ul ul { top: -10px; padding: 9px 0; } .secondary-nav ul ul li:hover ul, .secondary-nav ul ul li.focused ul { left: 100%; } .secondary-nav ul ul ul:before, .secondary-nav ul ul ul:after{display: none;} .secondary-nav ul ul li { margin: 0; display: block; padding: 0 18px 0 15px; float: none; } .secondary-nav ul ul li:last-child > a{ margin: 0; padding: 0; border-bottom: 0; } .secondary-nav ul ul li a{ margin: 0 0 8px; padding: 0 0 5px; display: block; border-bottom: 1px solid #eee; color: #111; } .secondary-nav .current_page_item > a, .secondary-nav .current-menu-item > a, .secondary-nav .current_page_ancestor > a, .secondary-nav .current-menu-ancestor > a { color: #f3c9dd; } /*Header social icons*/ .header-t .social-networks{ float: right; margin: 0; padding: 0; list-style: none; font-size: 18px; } .header-t .social-networks li{ float: left; margin-left: 20px; } .header-t .social-networks li:first-child{margin-left: 0;} .header-t .social-networks li a{ color: #fff; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .header-t .social-networks li a:hover, .header-t .social-networks li a:focus{ color: #f3c9dd; } .header-m{ padding: 47px 0 55px; text-align: center; } /*site-title style*/ .site-title{ font-size: 60px; line-height: 1.05em; font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; margin: 0; } .site-title a{ color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .site-title a:hover, .site-title a:focus{ text-decoration: none; color: #f3c9dd; } .site-description{ font-size: 0.75em; line-height: 1.25em; color: #999; margin: 0; } /*============================ Header-b style =============================*/ .header-b{ padding-top: 6px; text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } /*================================ Banner Style ================================*/ .banner{ position: relative; } .banner img, .banner .fallback-svg{ vertical-align: top; width: 100%; height: 649px; object-fit: cover; } #banner-slider .owl-item:after{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,efefef+6,dddddd+11,c9c9c9+16,a4a4a4+25,454545+45,454545+45,484848+45,474747+45,4a4a4a+46,474747+46,4b4b4b+46,4b4b4b+47,4f4f4f+47,4e4e4e+48,515151+48,4e4e4e+48,525252+49,515151+49,545454+49,525252+49,545454+49,525252+50,545454+50,535353+50,565656+51,545454+51,565656+53,535353+53,555555+54,535353+54,515151+55,525252+55,505050+56,4a4a4a+58,474747+58,3f3f3f+60,272727+65,121212+70,090909+72,000000+75,000000+100&0+0,0.06+20,0.17+45,0.29+53,0.6+70,0.69+78,0.77+88,0.81+100 */ background: -moz-linear-gradient(top, rgba(253,253,253,0) 0%, rgba(239,239,239,0.02) 6%, rgba(221,221,221,0.03) 11%, rgba(201,201,201,0.05) 16%, rgba(185,185,185,0.06) 20%, rgba(164,164,164,0.08) 25%, rgba(71,71,71,0.17) 45%, rgba(75,75,75,0.19) 46%, rgba(79,79,79,0.2) 47%, rgba(78,78,78,0.22) 48%, rgba(84,84,84,0.23) 49%, rgba(83,83,83,0.25) 50%, rgba(84,84,84,0.26) 51%, rgba(83,83,83,0.29) 53%, rgba(83,83,83,0.31) 54%, rgba(82,82,82,0.33) 55%, rgba(80,80,80,0.35) 56%, rgba(71,71,71,0.39) 58%, rgba(63,63,63,0.43) 60%, rgba(39,39,39,0.52) 65%, rgba(18,18,18,0.6) 70%, rgba(9,9,9,0.62) 72%, rgba(0,0,0,0.66) 75%, rgba(0,0,0,0.69) 78%, rgba(0,0,0,0.77) 88%, rgba(0,0,0,0.81) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253,253,253,0) 0%,rgba(239,239,239,0.02) 6%,rgba(221,221,221,0.03) 11%,rgba(201,201,201,0.05) 16%,rgba(185,185,185,0.06) 20%,rgba(164,164,164,0.08) 25%,rgba(71,71,71,0.17) 45%,rgba(75,75,75,0.19) 46%,rgba(79,79,79,0.2) 47%,rgba(78,78,78,0.22) 48%,rgba(84,84,84,0.23) 49%,rgba(83,83,83,0.25) 50%,rgba(84,84,84,0.26) 51%,rgba(83,83,83,0.29) 53%,rgba(83,83,83,0.31) 54%,rgba(82,82,82,0.33) 55%,rgba(80,80,80,0.35) 56%,rgba(71,71,71,0.39) 58%,rgba(63,63,63,0.43) 60%,rgba(39,39,39,0.52) 65%,rgba(18,18,18,0.6) 70%,rgba(9,9,9,0.62) 72%,rgba(0,0,0,0.66) 75%,rgba(0,0,0,0.69) 78%,rgba(0,0,0,0.77) 88%,rgba(0,0,0,0.81) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,253,253,0) 0%,rgba(239,239,239,0.02) 6%,rgba(221,221,221,0.03) 11%,rgba(201,201,201,0.05) 16%,rgba(185,185,185,0.06) 20%,rgba(164,164,164,0.08) 25%,rgba(71,71,71,0.17) 45%,rgba(75,75,75,0.19) 46%,rgba(79,79,79,0.2) 47%,rgba(78,78,78,0.22) 48%,rgba(84,84,84,0.23) 49%,rgba(83,83,83,0.25) 50%,rgba(84,84,84,0.26) 51%,rgba(83,83,83,0.29) 53%,rgba(83,83,83,0.31) 54%,rgba(82,82,82,0.33) 55%,rgba(80,80,80,0.35) 56%,rgba(71,71,71,0.39) 58%,rgba(63,63,63,0.43) 60%,rgba(39,39,39,0.52) 65%,rgba(18,18,18,0.6) 70%,rgba(9,9,9,0.62) 72%,rgba(0,0,0,0.66) 75%,rgba(0,0,0,0.69) 78%,rgba(0,0,0,0.77) 88%,rgba(0,0,0,0.81) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdfdfd', endColorstr='#cf000000',GradientType=0 ); /* IE6-9 */ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; content: ''; } .banner .banner-text{ position: absolute; max-width: 750px; bottom: 15%; left: 50%; text-align: center; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; } .banner .banner-text .cat-links{ display: block; font-weight: 500; } .banner .banner-text .cat-links a{ color: #fff; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .banner .banner-text .cat-links a:hover, .banner .banner-text .cat-links a:focus{ text-decoration: none; color: #f3c9dd; } .banner .banner-text .title{ font-size: 48px; line-height: 1.028em; font-weight: 700; color: #fff; font-family: 'Playfair Display', serif; } .banner .banner-text .title a{ color: #fff; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .banner .banner-text .title a:hover, .banner .banner-text .title a:focus{ text-decoration: none; color: #f3c9dd; } .banner .owl-nav .owl-prev{ position: absolute; top: 50%; left: 12%; width: 60px; height: 60px; background: #0b0706; color: #fff; font-size: 0; margin-top: -30px; } .banner .owl-nav .owl-prev:after{ content: ''; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; width: 13px; height: 35px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner .owl-nav .owl-next{ position: absolute; top: 50%; right: 12%; width: 60px; height: 60px; background: #0b0706; color: #fff; font-size: 0; margin-top: -30px; } .banner .owl-nav .owl-next:after{ content: ''; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; width: 13px; height: 35px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*====================================== Category section style =====================================*/ .main-content{margin-top: 40px;} .category-section{margin: 80px 0 40px;} .category-section .col{ float: left; width: 33.3333%; padding: 0 15px; } .category-section .col .img-holder{ position: relative; display: block; overflow: hidden; } .category-section .col .img-holder:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; border: 10px solid rgba(255, 255, 255, 0.4); } .category-section .col .img-holder img, .category-section .col .img-holder .fallback-svg{ vertical-align: top; -webkit-transition: linear 0.75s; -moz-transition: linear 0.75s; transition: linear 0.75s; } .category-section .col .img-holder:hover img, .category-section .col .img-holder:focus img, .category-section .col .img-holder:hover .fallback-svg, .category-section .col .img-holder:focus .fallback-svg{ -webkit-transform: scale(1.15) rotate(5deg); -moz-transform: scale(1.15) rotate(5deg); transform: scale(1.15) rotate(5deg); } .category-section .col .img-holder .text-holder{ border: 1px solid #d1a7bc; position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 4px; z-index: 1; } .category-section .col .img-holder .text-holder span{ font-size: 24px; color: #fff; text-transform: uppercase; background: #d1a7bc; padding: 12px 50px; display: block; } /*============================= Blog section style =============================*/ .site-content{margin: 0 0 80px;} #primary{ float: left; width: 75%; padding: 0 15px; } .leftsidebar #primary{ float: right; } #primary .site-main{ padding-right: 30px; } .leftsidebar #primary .site-main{ padding-right: 0; padding-left: 30px; } #primary .post, .archive .blossom-portfolio{ margin: 0 0 60px; display: flex; flex-direction: row; } .single #primary .post, .archive .blossom-portfolio{margin: 0;} #primary .post:after, .archive .blossom-portfolio:after{ content: ''; display: block; clear: both; } #primary .post.sticky{ margin: 0 0 80px; display: block; } #primary .post .img-holder, .archive .blossom-portfolio .post-thumbnail{ margin-right: 60px; width: 435px; align-items: flex-start; } #primary .sticky .img-holder{ width: 100%; float: none; display: block; margin: 0 0 30px; } #primary .post .post-thumbnail, .archive .blossom-portfolio .post-thumbnail{display: block;} #primary .post .post-thumbnail img, .archive .blossom-portfolio .post-thumbnail img, #primary .post .post-thumbnail .fallback-svg, .archive .blossom-portfolio .post-thumbnail .fallback-svg { vertical-align: top; } #primary .post .text-holder, .archive .blossom-portfolio .tex-holder{ align-items: flex-start; flex: 1 0 0; } #primary .sticky .text-holder{ width: 100%; } #primary .post .text-holder .entry-header, .archive .blossom-portfolio .entry-header{margin: 17px 0 0;} #primary .post .text-holder .entry-header .cat-links { line-height: 1.3125em; font-weight: 500; display: block; letter-spacing: 1px; margin: 0 0 16px; } #primary .post.sticky .text-holder .entry-header .cat-links{ margin: 0 0 14px; } #primary .post .text-holder .entry-header .entry-title, .archive .blossom-portfolio .entry-header .entry-title { font-size: 38px; line-height: 1.263em; font-weight: 700; font-family: 'Playfair Display', serif; color: #111; margin: 0 0 26px; } #primary .sticky .text-holder .entry-header .entry-title{ font-size: 44px; line-height: 1.204em; margin: 0 0 23px; } #primary .post .text-holder .entry-header .entry-title a, .archive .blossom-portfolio .entry-header .entry-title a{ color: #111; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } #primary .post .text-holder .entry-header .entry-title a:hover, #primary .post .text-holder .entry-header .entry-title a:focus, .archive .blossom-portfolio .entry-header .entry-title a:hover, .archive .blossom-portfolio .entry-header .entry-title a:focus{ text-decoration: none; color: #f3c9dd; } #primary .post .text-holder .entry-header .entry-meta{ font-size: 14px; line-height: 1.5em; color: #999; margin: 0 0 17px; } #primary .post .text-holder .entry-header .entry-meta .byline{margin-right: 3px;} #primary .post.sticky .text-holder .entry-header .entry-meta{ margin: 0 0 22px; } #primary .post .text-holder .entry-header .entry-meta .posted-by, .archive .site-main .entry-footer .entry-meta .posted-by, #primary .post .text-holder .entry-header .entry-meta .posted-on, .archive .site-main .entry-footer .entry-meta .posted-on, #primary .post .text-holder .entry-header .entry-meta .comments, .archive .site-main .entry-footer .entry-meta .comments { margin: 0 0 0 15px; } #primary .post .text-holder .entry-header .entry-meta .comments svg{ margin-right: 9px; color: #111; } #primary .post .text-holder .entry-header .entry-meta a{ color: #666; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } #primary .post .text-holder .entry-content{margin: 0;} #primary .post .text-holder .entry-content p{margin: 0 0 21px;} #primary .post.sticky .text-holder .entry-content p{margin: 0 0 30px;} #primary .post .text-holder .entry-footer:after{ content: ''; display: block; clear: both; } #primary .post .text-holder .entry-footer .btn-readmore{ float: left; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #primary .post .text-holder .entry-footer .btn-readmore:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #primary .post .text-holder .entry-footer .btn-readmore:hover, #primary .post .text-holder .entry-footer .btn-readmore:focus{ text-decoration: none; background: #d1a7bc; } #primary .post .text-holder .entry-footer .btn-readmore:hover:after, #primary .post .text-holder .entry-footer .btn-readmore:focus:after{opacity: 1;} #primary .post .text-holder .entry-footer .share{ float: right; font-size: 14px; line-height: 1.5em; color: #666; margin: 15px 0 0; cursor: pointer; position: relative; padding: 0 0 10px; } #primary .post .text-holder .entry-footer .share svg{ color: #111; margin-right: 5px; } #primary .post .text-holder .entry-footer .share .social-networks{ position: absolute; top: 24px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); display: none; } #primary .post .text-holder .entry-footer .share:hover .social-networks, #primary .post .text-holder .entry-footer .share:focus .social-networks{display: block;} #primary .post .text-holder .entry-footer .share .social-networks:before{ position: absolute; top: -5px; left: 50%; width: 12px; height: 12px; background: #f5f5f5; border: 1px solid #eee; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } #primary .post .text-holder .entry-footer .share .social-networks ul{ margin: 0; padding: 13px 7px 10px 9px; list-style: none; font-size: 14px; line-height: 1.142em; background: #f5f5f5; border: 1px solid #eee; display: flex; position: relative; } #primary .post .text-holder .entry-footer .share .social-networks li{ display: inline-block; margin: 0 4px; } #primary .post .text-holder .entry-footer .share .social-networks li a{ color: #333; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } #primary .post .text-holder .entry-footer .share .social-networks li a:hover, #primary .post .text-holder .entry-footer .share .social-networks li a:focus{ text-decoration: none; color: #f3c9dd; } /*=============================== Pagination style ===============================*/ .pagination{margin: 80px 0 0;} .pagination .nav-links:after{ content: ''; display: block; clear: both; } .pagination a{ float: left; font-size: 18px; line-height: 2.5em; height: 45px; text-align: center; padding: 0 18px; border: 1px solid #f3c9dd; color: #111; margin-right: 5px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .pagination .current{ float: left; font-size: 18px; line-height: 2.5em; height: 45px; text-align: center; padding: 0 18px; border: 1px solid #f3c9dd; background: #f3c9dd; color: #fff; margin-right: 5px; position: relative; } .pagination .current:after, .pagination a:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid #fff; } .pagination a:hover, .pagination a:focus{ text-decoration: none; background: #f3c9dd; color: #fff; } .pagination .dots{ float: left; line-height: 45px; margin-right: 5px; } /*======================== Subscribe form style =======================*/ .subscribe-holder{ border: 1px solid #f3c9dd; padding: 7px; margin: 0 0 35px; } .single .subscribe-holder{margin-top: 40px;} .single.full-width .subscribe-holder{ max-width: 930px; margin-left: auto; margin-right: auto; } .subscribe-holder .bg-holder{ background-size: cover !important; position: relative; padding: 64px 53px 60px 51px; } .subscribe-holder .bg-holder:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(243, 201, 221, 0.8); } .subscribe-holder .bg-holder .subscribe{ position: relative; z-index: 1; } .subscribe-holder .bg-holder .subscribe img, .subscribe-holder .bg-holder .subscribe .fallback-svg { vertical-align: top; } /*=============================== Breadcrumbs style ===============================*/ .top-bar{ background: #f9f9f9; border-bottom: 1px solid #eee; padding: 40px 0; text-align: center; } .page-header .page-title{ font-size: 44px; line-height: 1.204em; color: #111; font-family: 'Playfair Display', serif; margin: 0 0 15px; } #crumbs{ font-size: 14px; line-height: 1.5em; color: #999; } #crumbs a{color: #222; } #crumbs a:hover, #crumbs a:focus{ text-decoration: none; color: #999; } #crumbs .current a{ pointer-events: none; color: #999; } /*=============================== Single post style ===============================*/ .single #primary .post{ display: block; } .single #primary .post .post-thumbnail{ width: 100%; display: block; margin: 0 0 30px; text-align: center; } .single #primary .post .text-holder .entry-header{ border-bottom: 1px solid #eee; margin: 0 0 22px; } .single #primary .post .text-holder .entry-header .cat-links{margin: 0 0 14px;} .single #primary .post .text-holder .entry-header .entry-title{ font-size: 44px; line-height: 1.204em; margin: 0 0 23px; } .single #primary .post .text-holder .entry-header .entry-meta{ margin: 0 0 22px; } .single #primary .post .text-holder .entry-content:after{ content: ''; display: block; clear: both; } .entry-content ol { padding-left: 2em; } .single #primary .post .text-holder .entry-content .social-share{ margin-right: 50px; width: 60px; float: left; } .single #primary .post .text-holder .entry-content .text{ overflow: hidden; } #primary .post .entry-content .dropcap, #primary .page .entry-content .dropcap{ font-size: 100px; line-height: 1em; float: left; font-weight: 600; color: #111; margin: 0 5px -19px 0; } #primary .post .entry-content blockquote, #primary .page .entry-content blockquote{ font-size: 36px; line-height: 1.388em; font-weight: 700; font-style: italic; color: #111; text-align: center; border-top: 5px solid #f3c9dd; border-bottom: 5px solid #f3c9dd; font-family: 'Playfair Display', serif; margin: 40px 0; padding: 50px 90px 39px; position: relative; } #primary .post .entry-content blockquote:before, #primary .page .entry-content blockquote:before{ position: absolute; top: -15px; left: 50%; margin-left: -49px; width: 98px; height: 24px; background: #fff url(images/bg-quote.png) no-repeat center; } #primary .post .entry-content blockquote p, #primary .page .entry-content blockquote p{margin: 0;} #primary .post .entry-content blockquote cite, #primary .page .entry-content blockquote cite{ font-size: 18px; line-height: 1.333em; font-weight: 400; font-family: 'Poppins', sans-serif; font-style: normal; color: #999; text-transform: uppercase; } #primary .post .entry-content .pull-left, #primary .page .entry-content .pull-left{ float: left; width: 420px; font-size: 24px; line-height: 1.416em; font-weight: 700; font-style: italic; color: #111; font-family: 'Playfair Display', serif; border-left: 5px solid #f3c9dd; padding: 15px 30px; margin: 0 30px 12px 0; } #primary .post .entry-content .pull-right, #primary .page .entry-content .pull-right{ float: right; width: 420px; font-size: 24px; line-height: 1.416em; font-weight: 700; font-style: italic; color: #111; font-family: 'Playfair Display', serif; border-left: 5px solid #f3c9dd; padding: 15px 30px; margin: 0 0 12px 30px; } #primary .post .entry-content h1, #primary .page .entry-content h1, #primary .post .entry-content h2, #primary .page .entry-content h2, #primary .post .entry-content h3, #primary .page .entry-content h3, #primary .post .entry-content h4, #primary .page .entry-content h4, #primary .post .entry-content h5, #primary .page .entry-content h5, #primary .post .entry-content h6, #primary .page .entry-content h6{ font-family: 'Playfair Display', serif; color: #111; } #primary .post .entry-content h1, #primary .page .entry-content h1{ font-size: 36px; line-height: 1.222em; } #primary .post .entry-content h2, #primary .page .entry-content h2{ font-size: 32px; line-height: 1.1875em; } #primary .post .entry-content h3, #primary .page .entry-content h3{ font-size: 28px; line-height: 1.285em; } #primary .post .entry-content h4, #primary .page .entry-content h4{ font-size: 24px; line-height: 1.208em; } #primary .post .entry-content h5, #primary .page .entry-content h5{ font-size: 20px; line-height: 1.2em; } #primary .post .entry-content h6, #primary .page .entry-content h6{ font-size: 16px; line-height: 1.5em; } #primary .post .entry-content .highlight, #primary .page .entry-content .highlight{ background: #f3c9dd; } #primary .post .entry-content table, #primary .page .entry-content table { border: 1px solid #f5f5f5; } #primary .post .entry-content table thead, #primary .page .entry-content table thead { background: #f5f5f5; font-weight: 400; color: #111; } #primary .post .entry-content table thead th, #primary .page .entry-content table thead th { font-weight: 500; } #primary .post .entry-content table th, #primary .page .entry-content table th, #primary .post .entry-content table td, #primary .page .entry-content table td { padding: 0.8vw 2vw; text-align: left; } #primary .post .entry-content table tr, #primary .page .entry-content table tr { border-bottom: 1px solid #ebebeb; } .single #primary .post .entry-footer .tags{overflow: hidden;} .single #primary .post .entry-footer .tags a{ float: left; margin: 0 6px 6px 0; font-size: 12px; line-height: 1.25em; background: #eee; color: #333; padding: 10px 15px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; position: relative; } .single #primary .post .entry-footer .tags a:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 2px solid #fff; content: ''; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; opacity: 0; } .single #primary .post .entry-footer .tags a:hover, .single #primary .post .entry-footer .tags a:focus{ text-decoration: none; color: #fff; background: #f3c9dd; } .single #primary .post .entry-footer .tags a:hover:after, .single #primary .post .entry-footer .tags a:focus:after{opacity: 1;} /*=============================== Author section style ===============================*/ .author-section{ margin: 60px 0 0; display: flex; padding: 40px; border: 1px solid #eee; } .author-section .img-holder{ width: 150px; margin-right: 35px; } .author-section .img-holder img, .author-section .img-holder .fallback-svg{ vertical-align: top; border-radius: 50%; } .author-section .text-holder{ flex: 1 0 0; } .author-section .text-holder .title{ font-size: 24px; line-height: 1.208em; font-family: 'Playfair Display', serif; margin: 0 0 10px; } .author-section .text-holder p{margin: 0 0 20px;} .author-section .text-holder .social-networks{ margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.125em; overflow: hidden; } .author-section .text-holder .social-networks li{ float: left; margin-right: 20px; } .author-section .text-holder .social-networks li a{ color: #999; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .author-section .text-holder .social-networks li a:hover, .author-section .text-holder .social-networks li a:focus{ text-decoration: none; color: #f3c9dd; } /*=============================== Post-navigation style ===============================*/ .site-main .posts-navigation, .site-main .post-navigation{ margin: 60px 0 0; } .post-navigation .nav-links{ overflow: hidden; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next{ width: 47%; display: table; } .post-navigation .nav-links .nav-previous .holder, .post-navigation .nav-links .nav-next .holder{ display: table-row; height: 100%; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a{ background: #f9f9f9; border: 1px solid #eee; padding: 36px 40px; display: table-cell; height: 100%; vertical-align: middle; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .post-navigation .nav-links .nav-previous a:after, .post-navigation .nav-links .nav-next a:after{ position: absolute; content: ''; border: 4px solid #fff; top: 1px; left: 1px; right: 1px; bottom: 1px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; opacity: 0; } .post-navigation .nav-links .nav-previous a:hover, .post-navigation .nav-links .nav-next a:hover, .post-navigation .nav-links .nav-previous a:focus, .post-navigation .nav-links .nav-next a:focus{ color: #fff; background: #f3c9dd; border-color: #f3c9dd; text-decoration: none; } .post-navigation .nav-links .nav-previous a:hover:after, .post-navigation .nav-links .nav-next a:hover:after, .post-navigation .nav-links .nav-previous a:focus:after, .post-navigation .nav-links .nav-next a:focus:after{opacity: 1;} .post-navigation .nav-links .nav-previous .meta-nav, .post-navigation .nav-links .nav-next .meta-nav{ display: block; line-height: 2.25em; color: #999; } .post-navigation .nav-links .nav-previous a:hover .meta-nav, .post-navigation .nav-links .nav-next a:hover .meta-nav, .post-navigation .nav-links .nav-previous a:focus .meta-nav, .post-navigation .nav-links .nav-next a:focus .meta-nav{ color: #fff; } .post-navigation .nav-links .nav-previous .post-title, .post-navigation .nav-links .nav-next .post-title{ font-size: 22px; line-height: 1.5em; display: block; font-family: 'Playfair Display', serif; color: #333; font-weight: 700; } .post-navigation .nav-links .nav-previous a:hover .post-title, .post-navigation .nav-links .nav-next a:hover .post-title, .post-navigation .nav-links .nav-previous a:focus .post-title, .post-navigation .nav-links .nav-next a:focus .post-title{ color: #fff; } /*=============================== Related-post style ===============================*/ .related-post{ margin: 60px 0 0; } .related-post .post{ float: left; width: 33.3333%; padding: 0 15px; } #primary .related-post .post .img-holder{ width: 100%; margin: 0; } .related-post .title{ font-size: 22px; line-height: 1.5em; font-weight: 500; text-align: center; color: #111; } .related-post .post .img-holder img, .related-post .post .img-holder .fallback-svg { vertical-align: top; } .related-post .post .img-holder > a{display: block;} .related-post .post .img-holder{ position: relative; overflow: hidden; } .related-post .post .text-holder{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 65px 15px 1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,f5f5f5+4,dfdfdf+11,bfbfbf+19,808080+32,5a5a5a+37,282828+43,0b0b0b+47,000000+50,000000+100&0+0,0.08+15,0.2+32,0.37+43,0.46+50,0.57+71,0.65+100 */ background: -moz-linear-gradient(top, rgba(253,253,253,0) 0%, rgba(245,245,245,0.02) 4%, rgba(223,223,223,0.06) 11%, rgba(207,207,207,0.08) 15%, rgba(191,191,191,0.11) 19%, rgba(128,128,128,0.2) 32%, rgba(90,90,90,0.28) 37%, rgba(40,40,40,0.37) 43%, rgba(11,11,11,0.42) 47%, rgba(0,0,0,0.46) 50%, rgba(0,0,0,0.57) 71%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253,253,253,0) 0%,rgba(245,245,245,0.02) 4%,rgba(223,223,223,0.06) 11%,rgba(207,207,207,0.08) 15%,rgba(191,191,191,0.11) 19%,rgba(128,128,128,0.2) 32%,rgba(90,90,90,0.28) 37%,rgba(40,40,40,0.37) 43%,rgba(11,11,11,0.42) 47%,rgba(0,0,0,0.46) 50%,rgba(0,0,0,0.57) 71%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,253,253,0) 0%,rgba(245,245,245,0.02) 4%,rgba(223,223,223,0.06) 11%,rgba(207,207,207,0.08) 15%,rgba(191,191,191,0.11) 19%,rgba(128,128,128,0.2) 32%,rgba(90,90,90,0.28) 37%,rgba(40,40,40,0.37) 43%,rgba(11,11,11,0.42) 47%,rgba(0,0,0,0.46) 50%,rgba(0,0,0,0.57) 71%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdfdfd', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .related-post .post .text-holder .cat-links{ display: block; } .related-post .post .text-holder .cat-links a{ color: rgba(255, 255, 255, 0.7); -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .related-post .post .text-holder .cat-links a:hover, .related-post .post .text-holder .cat-links a:focus, .related-post .post .text-holder .entry-title a:hover, .related-post .post .text-holder .entry-title a:focus{ text-decoration: none; color: #f3c9dd; } .related-post .post .text-holder .entry-title{ font-size: 18px; line-height: 1.333em; font-family: 'Playfair Display', serif; } .related-post .post .text-holder .entry-title a{ color: #fff; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } /*=============================== Comment section style ===============================*/ .comments-area{margin: 60px 0 0;} .comments-area .comments-title{ font-size: 24px; line-height: 1.208em; color: #111; font-family: 'Playfair Display', serif; margin: 0 0 50px; } .comments-area ol{ margin: 0; padding: 0; list-style: none; } .comments-area .comment-body{ overflow: hidden; margin: 0 0 30px; } .comments-area .comment-body .comment-meta{ float: left; width: 50px; margin-right: 25px; } .comments-area .bypostauthor .comment-author { position: relative; } .comments-area .bypostauthor > .comment-body .comment-author::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 33px; left: 33px; z-index: 1; } .comments-area .comment-body .comment-meta img, .comments-area .comment-body .comment-meta .fallback-svg{ border-radius: 50%; vertical-align: top; } .comments-area .comment-body .text-holder{overflow: hidden;} .comments-area .comment-body .text-holder .top{ overflow: hidden; margin: 0 0 5px; } .comments-area .comment-body .text-holder .top .left{ float: left; } .comments-area .comment-body .text-holder .top .reply{float: right;} .comments-area .comment-body .fn{ font-size: 18px; line-height: 1.166em; color: #111; margin: 0; display: block; font-family: 'Playfair Display', serif; } .comments-area .comment-body .fn a{color: #111;} .comments-area .comment-body .fn a:hover, .comments-area .comment-body .fn a:focus{ text-decoration: none; color: #f3c9dd; } .comments-area .comment-body .says{display: none;} .comments-area .comment-body .comment-metadata{ font-size: 12px; line-height: 1.75em; color: #999; } .comments-area .comment-body .comment-metadata a{color: #999;} .comments-area .comment-body .comment-metadata a:hover, .comments-area .comment-body .comment-metadata a:focus{ text-decoration: none; color: #f3c9dd; } .comments-area .comment-body .reply{ font-size: 14px; line-height: 1.5em; } .comments-area .comment-body .reply a{text-decoration: underline;} .comments-area .comment-body .reply a:hover, .comments-area .comment-body .reply a:focus{ text-decoration: none; color: #333; } .comments-area .comment-body .comment-content{ font-size: 14px; line-height: 1.5em; } .comments-area .comment-body .comment-content p{margin: 0 0 5px;} .comments-area .children{ margin-left: 25px; border-left: 1px solid #eee; } .comments-area .children li{ padding-left: 30px; position: relative; } .comments-area .children li:first-child:before{ position: absolute; top: 25px; left: 0; width: 21px; height: 1px; background: #eee; content: ''; } .comments-area .bypostauthor > .comment-body{ background: #f9f9f9; padding: 25px 20px 15px 20px; } /*=============================== Comment form style ===============================*/ .comments-area .comment-reply-title{ font-size: 24px; line-height: 1.208em; color: #111; font-family: 'Playfair Display', serif; margin: 0 0 15px; } .comments-area .comment-form{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .comments-area .comment-form label{ display: block; margin: 0 0 5px; } .comments-area .comment-form .comment-notes, .comments-area .comment-form .comment-form-comment, .comments-area .comment-form .form-submit, .comment-respond p.comment-form-cookies-consent{ grid-column: 1 / span 3; } .comments-area .comment-form input[type="text"], .comments-area .comment-form input[type="email"], .comments-area .comment-form input[type="url"]{ width: 100%; } .comments-area .comment-form p{margin: 0;} .comments-area .comment-form p.logged-in-as { grid-column: 1 / span 3; } /*=============================== Archive page style ===============================*/ .woocommerce-products-header{ display: none; } .archive:not(.woocommerce) #primary{ width: 100%; } .archive .site-main .row { display: flex; flex: 1; flex-wrap: wrap; } .archive #primary .post, .archive .blossom-portfolio{ width: 33.3333%; display: block; padding: 0 15px; margin: 0 0 40px; } .archive #primary .post .post-thumbnail, .archive .blossom-portfolio .post-thumbnail{ display: block; margin: 0 0 15px; width: 100%; } .archive #primary .post .text-holder .entry-header .entry-title, .archive .blossom-portfolio .text-holder .entry-title{ font-size: 28px; line-height: 1.214em; margin: 0 0 20px; } .archive #primary .post .text-holder .entry-header .entry-meta{margin: 0 0 14px;} .archive #primary .post .text-holder .entry-header .cat-links{float: left;} .archive #primary .post .text-holder .entry-header .top:after{ content: ''; display: block; clear: both; } .archive #primary .post .text-holder .entry-header .top .share{ float: right; font-size: 14px; line-height: 1.5em; color: #666; margin: 0; cursor: pointer; position: relative; padding: 0 0 10px; } .archive #primary .post .text-holder .entry-header .top .share svg{ color: #111; margin-right: 5px; } .archive #primary .post .text-holder .entry-header .top .share .social-networks{ position: absolute; top: 24px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); display: none; } .archive #primary .post .text-holder .entry-header .top .share .social-networks ul{ margin: 0; padding: 13px 7px 10px 9px; list-style: none; font-size: 14px; line-height: 1.142em; background: #f5f5f5; border: 1px solid #eee; display: flex; position: relative; } .archive #primary .post .text-holder .entry-header .top .share:hover .social-networks, .archive #primary .post .text-holder .entry-header .top .share:focus .social-networks{display: block;} .archive #primary .post .text-holder .entry-header .top .share .social-networks:before{ position: absolute; top: -5px; left: 50%; width: 12px; height: 12px; background: #f5f5f5; border: 1px solid #eee; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .archive #primary .post .text-holder .entry-header .top .share .social-networks li{ display: inline-block; margin: 0 4px; } .archive #primary .post .text-holder .entry-header .top .share .social-networks li a{ color: #333; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .archive #primary .post .text-holder .entry-header .top .share .social-networks li a:hover, .archive #primary .post .text-holder .entry-header .top .share .social-networks li a:focus{ text-decoration: none; color: #f3c9dd; } .archive .pagination{ margin: 30px 0 0; text-align: center; } .archive .pagination a, .archive .pagination .current{ float: none; display: inline-block; } /*=============================== Full width style ===============================*/ .full-width #primary{width: 100%;} .full-width #primary .page .text-holder, .full-width #primary .post .text-holder{ max-width: 930px; margin: 0 auto; } .full-width .author-section{ max-width: 930px; margin: 60px auto 0; } .full-width .site-main .posts-navigation, .full-width .site-main .post-navigation{ max-width: 930px; margin: 60px auto 0; } .full-width .related-post{ max-width: 930px; margin: 60px auto 0; } .full-width .comments-area{ max-width: 930px; margin: 60px auto 0; } /*=============================== Sidebar style ===============================*/ #secondary{ float: left; width: 25%; padding: 0 15px; } #secondary .widget{ margin: 0 0 60px; } .widget .widget-title{ font-size: 20px; line-height: 1.2em; text-transform: uppercase; font-weight: 400; color: #111; margin: 0 0 30px; padding: 0 0 5px; position: relative; letter-spacing: 1px; text-align: center; } .widget .widget-title:after{ width: 110px; height: 2px; background: #eee; position: absolute; top: 100%; left: 50%; margin-right: -50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); content: ''; } /*============================== Common widget style ==============================*/ .widget ul{ margin: 0; padding: 0; list-style: none; } .widget ul ul{ margin-top: 15px; margin-left: 15px; } .widget ul li{ margin: 0 0 15px; padding-bottom: 8px; border-bottom: 1px dashed #cecece; padding-left: 15px; position: relative; } .widget ul li:before{ position: absolute; top: 5px; left: 0; content: ''; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; width: 15px; height: 17px; } .widget ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .widget ul li a{ color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .widget ul li a:hover, .widget ul li a:focus{ text-decoration: none; color: #f3c9dd; } .widget select{ width: 100%; } /*============================== Widget calendar style ==============================*/ .widget_calendar caption{ font-size: 18px; color: #111; line-height: 1.111em; background: #f3c9dd; font-weight: 600; text-transform: uppercase; padding: 9px 0 5px; } .widget_calendar table{ position: relative; } .widget_calendar table td, .widget_calendar thead th{border: 1px solid #eee;} .widget_calendar thead th{ font-size: 13px; background: #fff; color: #111; font-weight: 600; height: 45px; } .widget_calendar tbody td{ text-align: center; font-size: 14px; height: 45px; line-height: 45px; color: #111; } .widget_calendar .wp-calendar-nav-prev a{ left: 15px; position: absolute; top: 12px; background: url(images/btn-prev-month.png) no-repeat; width: 7px; height: 12px; text-indent: -9999px; } .widget_calendar .wp-calendar-nav-next a { position: absolute; right: 15px; top: 12px; background: url(images/btn-next-month.png) no-repeat; width: 7px; height: 12px; text-indent: -9999px; } .widget_calendar table tbody td a{ display: block; height: 100%; background: #f3c9dd; color: #fff; } .widget_calendar .wp-calendar-nav span{line-height: 0;} .widget_tag_cloud .tagcloud{ overflow: hidden; } .widget_tag_cloud .tagcloud a{ float: left; margin: 0 6px 6px 0; font-size: 12px !important; line-height: 1.25em; background: #eee; color: #333; padding: 10px 15px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; position: relative; } .widget_tag_cloud .tagcloud a:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 2px solid #fff; content: ''; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; opacity: 0; } .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus{ text-decoration: none; color: #fff; background: #f3c9dd; } .widget_tag_cloud .tagcloud a:hover:after, .widget_tag_cloud .tagcloud a:focus:after{opacity: 1;} .widget_recent_comments ul, .widget_rss ul{color: #999;} .widget_rss .widget-title a{color: #111;} .widget_rss .widget-title a:hover, .widget_rss .widget-title a:focus{ text-decoration: none; color: #f3c9dd; } .widget_search .search-form{ border: 1px solid #e5e5e5; } .widget_search .search-form:after{ content: ''; display: block; clear: both; } .widget_search .search-form label{ float: left; width: 80%; padding: 10px 0 0 20px; } .widget_search .search-form input[type="search"]{ padding: 0; margin: 0; background: none; border: 0; border-radius: 0; width: 100%; } .widget_search .search-form input[type="submit"]{ padding: 0; margin: 0; float: right; font-size: 0; background: #000 url(images/bg-search-white.png) no-repeat 50% 50%; width: 48px; height: 48px; border: 0; } /*============================= Custome widget style ============================*/ /*=========================== Author bio widget style ===========================*/ .widget_bttk_author_bio .image-holder{margin: 0;} .widget_bttk_author_bio .image-holder img, .widget_bttk_author_bio .image-holder .fallback-svg{ vertical-align: top; width: 100%; } .widget_bttk_author_bio .text-holder{ border: 1px solid #eee; border-top: 0; padding: 15px 25px; background: #fff; } .widget_bttk_author_bio .title-holder{ font-size: 28px; line-height: 1.142em; color: #111; font-family: 'Playfair Display', serif; margin: 0 0 15px; } .widget_bttk_author_bio .signature-holder{margin: 0 0 15px;} .widget_bttk_author_bio .readmore{ background: #111; color: #fff; display: inline-block; letter-spacing: 1px; padding: 12px 29px 9px 32px; position: relative; text-transform: uppercase; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .widget_bttk_author_bio .readmore:after{ border: 4px solid #fff; bottom: 1px; content: ""; left: 1px; opacity: 0; position: absolute; right: 1px; top: 1px; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .widget_bttk_author_bio .readmore:hover, .widget_bttk_author_bio .readmore:focus{ background: #f3c9dd; text-decoration: none; } .widget_bttk_author_bio .readmore:hover:after{opacity: 1;} .widget_bttk_author_bio .author-socicons li{ padding: 0; border-bottom: 0; margin: 0 7px; } .widget_bttk_author_bio .author-socicons li:before{ display: none; } .widget_bttk_author_bio .author-socicons{ border-top: 1px solid #eee; padding-top: 10px; } /*===================================== Custom Category widget style =====================================*/ .widget_bttk_custom_categories ul li{ background-size: cover !important; padding: 0; border-bottom: 0; margin: 0 0 5px; } .widget_bttk_custom_categories ul li:before{display: none;} .widget_bttk_custom_categories ul li a{color: #fff;} .widget_bttk_custom_categories ul li .cat-title{ font-weight: 500; padding: 11px 0 0 12px; } .widget_bttk_custom_categories ul li a:hover .post-count, .widget_bttk_custom_categories ul li a:hover:focus .post-count{ background: #f3c9dd; color: #333; } /*============================= Popular post style ============================*/ .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li{ margin: 0 0 30px; padding: 0; border-bottom: 0; } .widget_bttk_popular_post ul li:before, .widget_bttk_pro_recent_post ul li:before{ display: none; } .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title{ font-family: 'Playfair Display', serif; font-weight: 400; margin: 0 0 6px; } .widget_bttk_popular_post ul li .entry-header .entry-meta a, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a{ color: #999; } .widget_bttk_popular_post ul li .entry-header .entry-meta a:hover, .widget_bttk_popular_post ul li .entry-header .entry-meta a:focus, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:hover, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta a:focus{ color: #f3c9dd; } .widget_bttk_popular_post .style-two li .entry-header .cat-links a, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a, .widget_bttk_popular_post .style-three li .entry-header .cat-links a, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a{ color: #f3c9dd; } .widget_bttk_popular_post .style-two li .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a:hover, .widget_bttk_popular_post .style-two li .entry-header .cat-links a:focus, .widget_bttk_pro_recent_post .style-two li .entry-header .cat-links a:focus, .widget_bttk_popular_post .style-three li .entry-header .cat-links a:hover, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a:hover, .widget_bttk_popular_post .style-three li .entry-header .cat-links a:focus, .widget_bttk_pro_recent_post .style-three li .entry-header .cat-links a:focus{ text-decoration: underline; } /*============================= Widget social icon style =============================*/ .widget_bttk_social_links ul{ margin: 0 -2px; overflow: hidden; } .widget_bttk_social_links ul li{ border-bottom: 0; float: left; padding: 0 2px; margin: 0 0 4px; } .widget_bttk_social_links ul li:before{display: none;} .widget_bttk_social_links ul li a{ display: block; width: 62px; height: 62px; background: #111; color: #fff; text-align: center; line-height: 62px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .widget_bttk_social_links ul li a:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; opacity: 0; } .widget_bttk_social_links ul li a:hover, .widget_bttk_social_links ul li a:focus{ background: #f3c9dd; color: #fff !important; } .widget_bttk_social_links ul li a:hover:after, .widget_bttk_social_links ul li a:focus:after{ opacity: 1; } /*============================= Snapchat widget style =============================*/ .bttk_snapcode_widget img, .bttk_snapcode_widget .fallback-svg { vertical-align: top; } .bttk_snapcode_widget{ color: #999; font-size: 14px; } .bttk_snapcode_widget p{margin-top: 10px;} /*============================= Featured posts slider style =============================*/ .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev:before, .widget_bttk_posts_category_slider_widget .owl-theme .owl-next:before{ position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; content: ''; border: 2px solid #fff; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; opacity: 0; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev:hover, .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev:focus, .widget_bttk_posts_category_slider_widget .owl-theme .owl-next:hover, .widget_bttk_posts_category_slider_widget .owl-theme .owl-next:focus{ background: #d1a7bc; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev:hover:before, .widget_bttk_posts_category_slider_widget .owl-theme .owl-prev:focus:before, .widget_bttk_posts_category_slider_widget .owl-theme .owl-next:hover:before, .widget_bttk_posts_category_slider_widget .owl-theme .owl-next:focus:before{ opacity: 1; } .widget_bttk_posts_category_slider_widget .carousel-title .title{ font-family: "Playfair Display",serif; font-weight: 400; margin: 0 0 6px; } .widget_bttk_posts_category_slider_widget .carousel-title .title a{ color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover, .widget_bttk_posts_category_slider_widget .carousel-title .title a:focus{ text-decoration: none; color: #f3c9dd; } .widget_bttk_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] { top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /*============================= Image text widget style =============================*/ .widget_bttk_image_text_widget ul li{ padding: 0; border-bottom: 0; } .widget_bttk_image_text_widget ul li:before{ display: none; } .widget_bttk_image_text_widget ul li .btn-readmore:after{ position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .widget_bttk_image_text_widget ul li .btn-readmore:hover, .widget_bttk_image_text_widget ul li .btn-readmore:focus{ background: #f3c9dd; color: #fff; } .widget_bttk_image_text_widget ul li .btn-readmore:hover:after, .widget_bttk_image_text_widget ul li .btn-readmore:focus:after{ opacity: 1; } /*====================================== Instagram widget style ======================================*/ .widget_btif_instagram_widget ul li{ padding: 0; margin: 0; border-bottom: 0; } .widget_btif_instagram_widget ul li:before{ display: none; } /*================================== Gallery Widget style =================================*/ .widget_media_gallery .gallery{ margin: 0 -2px; } .widget_media_gallery .gallery .gallery-item{ padding: 0 2px; margin: 0 0 4px; } .widget_media_gallery .gallery .gallery-item img, .widget_media_gallery .gallery .gallery-item .fallback-svg { vertical-align: top; } /*============================= Subscribe widget ============================*/ .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper:after{ background: rgba(243, 201, 221, 0.8); } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper{padding: 40px 60px;} .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder{ text-align: center; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder h3{ font-family: 'Playfair Display', serif; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper form input[type="submit"] { margin-top: 0 !important; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover, .blossomthemes-email-newsletter-wrapper form input[type="submit"]:focus{ background: #fff; border-color: #fff; color: #111; } /*========================================= Added widget style =========================================*/ /*======================================= Featured Page widget style =======================================*/ #secondary .widget_blossomtheme_featured_page_widget .widget-featured-holder{ display: grid; } #secondary .widget_blossomtheme_featured_page_widget .img-holder{ grid-row-start: 2; margin: 0 0 20px; } #secondary .widget_blossomtheme_featured_page_widget .img-holder a{display: block;} #secondary .widget_blossomtheme_featured_page_widget .img-holder img, #secondary .widget_blossomtheme_featured_page_widget .img-holder .fallback-svg{ vertical-align: top; } #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:hover, #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:focus{ background: #f3c9dd; text-decoration: none; } #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:hover:after, #secondary .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:focus:after{ opacity: 1; } /*============================== CTA widget style ==============================*/ #secondary .widget_blossomtheme_companion_cta_widget .widget-title{ color: #fff; } #secondary .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container{ padding: 20px; text-align: center; color: #fff; position: relative; z-index: 1; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg{ position: relative; } #secondary .widget_blossomtheme_companion_cta_widget .bttk-cta-bg:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } #secondary .widget_blossomtheme_companion_cta_widget .btn-cta{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; margin: 0 5px 10px; } #secondary .widget_blossomtheme_companion_cta_widget .btn-cta:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #secondary .widget_blossomtheme_companion_cta_widget .btn-cta:hover, #secondary .widget_blossomtheme_companion_cta_widget .btn-cta:focus{ background: #f3c9dd; text-decoration: none; } #secondary .widget_blossomtheme_companion_cta_widget .btn-cta:hover:after, #secondary .widget_blossomtheme_companion_cta_widget .btn-cta:focus:after{ opacity: 1; } /*============================== Clients widget style ==============================*/ #secondary .widget_blossom_client_logo_widget .blossom-inner-wrap{ text-align: center; } #secondary .widget_blossom_client_logo_widget .image-holder{ margin: 0 0 20px; } #secondary .widget_blossom_client_logo_widget .image-holder a{ display: inline-block; } #secondary .widget_blossom_client_logo_widget .black-white img, #secondary .widget_blossom_client_logo_widget .black-white .fallback-svg{ filter: grayscale(100%); -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } #secondary .widget_blossom_client_logo_widget .black-white img:hover, #secondary .widget_blossom_client_logo_widget .black-white img:focus, #secondary .widget_blossom_client_logo_widget .black-white .fallback-svg:hover, #secondary .widget_blossom_client_logo_widget .black-white .fallback-svg:focus{ filter: grayscale(0); } /*================================== Contact widget style ==================================*/ #secondary .widget_bttk_contact_social_links .contact-list{ margin: 0 0 20px; } #secondary .widget_bttk_contact_social_links .contact-list li{ padding: 0; border-bottom: 0; } #secondary .widget_bttk_contact_social_links .contact-list li:before{ display: none; } #secondary .widget_bttk_contact_social_links .contact-list li svg{ margin-right: 5px; min-width: 20px; } #secondary .widget_bttk_contact_social_links .social-networks{ overflow: hidden; } #secondary .widget_bttk_contact_social_links .social-networks li{ padding: 0; border-bottom: 0; float: left; margin: 0 15px 15px 0; } #secondary .widget_bttk_contact_social_links .social-networks li:before{ display: none; } /*================================= Icon Text widget style ================================*/ #secondary .widget_bttk_icon_text_widget .text-holder{ margin: 0 0 20px; } #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover, #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore:focus{ background: #f3c9dd; text-decoration: none; } #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover:after, #secondary .widget_bttk_icon_text_widget .text-holder .btn-readmore:focus:after{ opacity: 1; } #secondary .widget_bttk_icon_text_widget .icon-holder{ font-size: 40px; } /*=================================== Counter widget style ===================================*/ #secondary .widget_blossomthemes_stat_counter_widget .icon-holder{ text-align: center; font-size: 40px; margin: 0 0 20px; } #secondary .widget_blossomthemes_stat_counter_widget .hs-counter{ text-align: center; font-size: 40px; font-weight: 700; line-height: 1.23em; } /*========================================= Team Widget style =========================================*/ #secondary .widget_bttk_description_widget .image-holder{ margin: 0 0 20px; text-align: center; } #secondary .widget_bttk_description_widget .image-holder img, #secondary .widget_bttk_description_widget .image-holder .fallback-svg{ vertical-align: top; border-radius: 50%; } #secondary .widget_bttk_description_widget .text-holder{ text-align: center; } #secondary .widget_bttk_description_widget .text-holder .name{ display: block; font-size: 20px; line-height: 1.2em; margin: 0 0 6px; font-family: 'Playfair Display', serif; } #secondary .widget_bttk_description_widget .text-holder .designation{ font-size: 14px; color: #999; display: block; } #secondary .widget_bttk_description_widget .text-holder .description{ margin-top: 15px; } #secondary .widget_bttk_description_widget .social-profile{ text-align: center; } #secondary .widget_bttk_description_widget .social-profile li{ margin: 0; padding: 0; border-bottom: 0; display: inline; margin: 0 7px 15px; } #secondary .widget_bttk_description_widget .social-profile li:before{ display: none; } /*===================================== Testimonial widget style =====================================*/ #secondary .widget_bttk_testimonial_widget .img-holder{ text-align: center; margin: 0 0 20px; } #secondary .widget_bttk_testimonial_widget .img-holder img, #secondary .widget_bttk_testimonial_widget .img-holder .fallback-svg { vertical-align: top; border-radius: 50%; } #secondary .widget_bttk_testimonial_widget .text-holder{ text-align: center; } #secondary .widget_bttk_testimonial_widget .text-holder .name{ display: block; font-size: 20px; line-height: 1.2em; margin: 0 0 6px; font-family: 'Playfair Display', serif; } #secondary .widget_bttk_testimonial_widget .text-holder .designation{ font-size: 14px; color: #999; display: block; } #secondary .widget_bttk_testimonial_widget .text-holder .testimonial-content{ margin-top: 15px; } /*============================= Search page style =============================*/ .search-result-page #primary{ width: 100%; } .search-result-page #primary .site-main { padding-right: 0; } .search-result-page #primary .search-post{ width: 33%; display: block; padding: 0 15px; margin: 0 0 40px; display: inline-block; vertical-align: top; } .search #primary .search-post .post-thumbnail{ display: block; margin: 0 0 15px; width: 100%; } .search #primary .search-post .text-holder .entry-header .entry-title{ font-size: 28px; line-height: 1.214em; margin: 0 0 20px; color: #111; font-weight: 700; font-family: "Playfair Display",serif; } .search #primary .search-post .text-holder .entry-header .entry-title a{ color: #111; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .search #primary .search-post .text-holder .entry-header .entry-title a:hover, .search #primary .search-post .text-holder .entry-header .entry-title a:focus{ text-decoration: none; color: #f3c9dd; } .search #primary .search-post .text-holder .entry-header .entry-meta{margin: 0 0 14px;} .search #primary .search-post .text-holder .entry-header .cat-links{float: left;} .search #primary .search-post .text-holder .entry-header .top:after{ content: ''; display: block; clear: both; } .search #primary .search-post .text-holder .entry-header .top .share{ float: right; font-size: 14px; line-height: 1.5em; color: #666; margin: 0; cursor: pointer; position: relative; padding: 0 0 10px; } .search #primary .search-post .text-holder .entry-header .top .share svg{ color: #111; margin-right: 5px; } .search #primary .search-post .text-holder .entry-header .top .share .social-networks{ position: absolute; top: 24px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); display: none; } .search #primary .search-post .text-holder .entry-header .top .share .social-networks ul{ margin: 0; padding: 13px 7px 10px 9px; list-style: none; font-size: 14px; line-height: 1.142em; background: #f5f5f5; border: 1px solid #eee; display: flex; position: relative; } .search #primary .search-post .text-holder .entry-header .top .share:hover .social-networks, .search #primary .search-post .text-holder .entry-header .top .share:focus .social-networks{display: block;} .search #primary .search-post .text-holder .entry-header .top .share .social-networks:before{ position: absolute; top: -5px; left: 50%; width: 12px; height: 12px; background: #f5f5f5; border: 1px solid #eee; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .search #primary .search-post .text-holder .entry-header .top .share .social-networks li{ display: inline-block; margin: 0 4px; } .search #primary .search-post .text-holder .entry-header .top .share .social-networks li a{ color: #333; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .search #primary .search-post .text-holder .entry-header .top .share .social-networks li a:hover, .search #primary .search-post .text-holder .entry-header .top .share .social-networks li a:focus{ text-decoration: none; color: #f3c9dd; } .search .pagination{ margin: 30px 0 0; text-align: center; } .search .pagination a, .search .pagination .current, .archive .pagination a, .archive .pagination .current{ float: none; display: inline-block; } .search .pagination .dots, .archive .pagination .dots{ display: inline-block; float: none; } .search .top-bar .search-form{ border: 1px solid #e5e5e5; background: #fff; max-width: 560px; margin: 0 auto 30px; padding: 12px 15px; } .search .top-bar .search-form:after{ content: ''; display: block; clear: both; } .search .top-bar .search-form label{ float: left; width: 90%; } .search .top-bar .search-form input[type="search"]{ border: 0; padding: 0; margin: 0; width: 100%; float: left; text-align: center; } .search .top-bar .search-form input[type="submit"]{ background: url(images/bg-search.png) no-repeat; width: 18px; height: 17px; font-size: 0; border: 0; padding: 0; margin: 6px 0 0; float: right; } .search .top-bar .result-count{ font-size: 18px; } .search .top-bar .result-count strong{ font-weight: 600; } /*============================= Error page style =============================*/ .error-holder{ max-width: 690px; margin: 0 auto; text-align: center; } .error-holder #primary{ float: none; display: block; width: 100%; } .error-holder #primary .site-main{padding-right: 0;} .error-holder .page-header{ margin: 0 0 40px; } .error-holder .page-content{ font-size: 25px; line-height: 1.52em; color: #333; } .error-holder .page-content .number-404{ font-size: 400px; font-weight: 700; font-family: "Playfair Display",serif; color: #111; margin: 60px 0 0.6em; line-height: 0.25em; text-shadow: 6px 6px 0 #f3c9dd; } .error-holder .page-content a{ font-size: 16px; line-height: 1.25em; text-transform: uppercase; color: #fff; letter-spacing: 1px; background: #000; display: inline-block; margin: 0 0 40px; padding: 20px 30px; position: relative; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .error-holder .page-content a:after{ content: ''; position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border: 4px solid #fff; opacity: 0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .error-holder .page-content a:hover, .error-holder .page-content a:focus{ text-decoration: none; background: #f3c9dd; } .error-holder .page-content a:hover:after, .error-holder .page-content a:focus:after{ opacity: 1; } .error-holder .page-content .search-form{ border: 1px solid #e5e5e5; max-width: 560px; margin: 0 auto; text-align: left; padding: 5px 15px; } .error-holder .page-content .search-form:after{ content: ''; display: block; clear: both; } .error-holder .page-content .search-form label{ float: left; width: 90%; } .error-holder .page-content .search-form input[type="search"]{ border: 0; border-radius: 0; background: none; margin: 0; padding: 0; } .error-holder .page-content .search-form input[type="submit"]{ font-size: 0; background: url(images/bg-search.png) no-repeat; width: 18px; height: 17px; float: right; margin: 11px 0 0; padding: 0; border: 0; } /*============================= Footer style =============================*/ .site-footer .footer-t{ background: #181818; padding: 81px 0 40px; } .site-footer .footer-t{color: #999;} .footer-t .row:not(.column-1) { display: grid; grid-gap: 30px; } .footer-t .row.column-2 { grid-template-columns: repeat(2, 1fr); } .footer-t .row.column-3 { grid-template-columns: repeat(3, 1fr); } .footer-t .row.column-4 { grid-template-columns: repeat(4, 1fr); } .site-footer .widget{margin: 0 0 60px;} .site-footer .widget .widget-title{ color: #fff; text-align: left; padding: 0 0 10px; margin: 0 0 30px; } .site-footer .widget .widget-title:after{ background: #464646; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); margin-right: 0; } .site-footer .widget ul li{ border-bottom: 0; padding: 0; } .site-footer .widget ul li:before{display: none;} .site-footer .widget ul li a{ color: #999; } .site-footer .widget ul li a:hover, .site-footer .widget ul li a:focus{ color: #f3c9dd; } .site-footer .widget_calendar thead th{ background: none; color: #999; } .site-footer .widget_calendar tbody td{color: #999;} .site-footer .widget_recent_comments ul li a, .site-footer .widget_rss ul li a{color: #fff;} .site-footer .widget_rss .widget-title a{color: #fff;} .site-footer .widget_search .search-form input[type="search"]{ color: #fff; } .site-footer .widget_search .search-form input[type="submit"]{ background: #fff url(images/bg-search.png) no-repeat 50% 50%; } .site-footer .widget_bttk_image_text_widget ul li .btn-readmore:hover, .site-footer .widget_bttk_image_text_widget ul li .btn-readmore:focus{color: #fff;} .site-footer .widget_bttk_custom_categories ul li a{color: #fff;} .site-footer .widget_bttk_popular_post ul li .entry-title a, .site-footer .widget_bttk_pro_recent_post ul li .entry-title a{color: #fff;} .site-footer .widget_bttk_posts_category_slider_widget .carousel-title .title a{color: #fff;} .site-footer .widget_bttk_posts_category_slider_widget .carousel-title .title a:hover, .site-footer .widget_bttk_posts_category_slider_widget .carousel-title .title a:focus{ color: #f3c9dd; } .site-footer .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span, .site-footer .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span:hover, .site-footer .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span:focus, .site-footer .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover > span, .site-footer .widget_bttk_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:focus > span{background: #999;} .site-footer .widget_bttk_popular_post .style-three li .entry-header, .site-footer .widget_bttk_pro_recent_post .style-three li .entry-header{ background: #181818; } .site-footer .widget_bttk_social_links ul li a{color: #fff;} .site-footer .widget_bttk_social_links ul li{padding: 0 2px;} /*========================================= Added widget style =========================================*/ /*======================================= Featured Page widget style =======================================*/ .site-footer .widget_blossomtheme_featured_page_widget .widget-featured-holder{ display: grid; } .site-footer .widget_blossomtheme_featured_page_widget .img-holder{ grid-row-start: 2; margin: 0 0 20px; } .site-footer .widget_blossomtheme_featured_page_widget .img-holder a{display: block;} .site-footer .widget_blossomtheme_featured_page_widget .img-holder img, .site-footer .widget_blossomtheme_featured_page_widget .img-holder .fallback-svg { vertical-align: top; } .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:hover, .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:focus{ background: #f3c9dd; text-decoration: none; } .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:hover:after, .site-footer .widget_blossomtheme_featured_page_widget .text-holder .btn-readmore:focus:after{ opacity: 1; } /*============================== CTA widget style ==============================*/ .site-footer .widget_blossomtheme_companion_cta_widget .widget-title{ color: #fff; } .site-footer .widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container{ padding: 20px; text-align: center; color: #fff; position: relative; z-index: 1; } .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg{ position: relative; } .site-footer .widget_blossomtheme_companion_cta_widget .bttk-cta-bg:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; margin: 0 5px 10px; } .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:hover, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:focus{ background: #f3c9dd; text-decoration: none; } .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:hover:after, .site-footer .widget_blossomtheme_companion_cta_widget .btn-cta:focus:after{ opacity: 1; } /*============================== Clients widget style ==============================*/ .site-footer .widget_blossom_client_logo_widget .blossom-inner-wrap{ text-align: center; } .site-footer .widget_blossom_client_logo_widget .image-holder{ margin: 0 0 20px; } .site-footer .widget_blossom_client_logo_widget .image-holder a{ display: inline-block; } .site-footer .widget_blossom_client_logo_widget .black-white img, .site-footer .widget_blossom_client_logo_widget .black-white .fallback-svg{ filter: grayscale(100%); -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .site-footer .widget_blossom_client_logo_widget .black-white img:hover, .site-footer .widget_blossom_client_logo_widget .black-white img:focus, .site-footer .widget_blossom_client_logo_widget .black-white .fallback-svg:hover, .site-footer .widget_blossom_client_logo_widget .black-white .fallback-svg:focus{ filter: grayscale(0); } /*================================== Contact widget style ==================================*/ .site-footer .widget_bttk_contact_social_links .contact-list{ margin: 0 0 20px; } .site-footer .widget_bttk_contact_social_links .contact-list li{ padding: 0; border-bottom: 0; } .site-footer .widget_bttk_contact_social_links .contact-list li:before{ display: none; } .site-footer .widget_bttk_contact_social_links .contact-list li svg{ margin-right: 5px; min-width: 20px; } .site-footer .widget_bttk_contact_social_links .social-networks{ overflow: hidden; } .site-footer .widget_bttk_contact_social_links .social-networks li{ padding: 0; border-bottom: 0; float: left; margin: 0 15px 15px 0; } .site-footer .widget_bttk_contact_social_links .social-networks li:before{ display: none; } /*================================= Icon Text widget style ================================*/ .site-footer .widget_bttk_icon_text_widget .text-holder{ margin: 0 0 20px; } .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore{ display: inline-block; background: #111; color: #fff; text-transform: uppercase; padding: 12px 29px 9px 32px; letter-spacing: 1px; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:after{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 4px solid #fff; content: ''; opacity: 0; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover, .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:focus{ background: #f3c9dd; text-decoration: none; } .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:hover:after, .site-footer .widget_bttk_icon_text_widget .text-holder .btn-readmore:focus:after{ opacity: 1; } .site-footer .widget_bttk_icon_text_widget .icon-holder{ font-size: 40px; } /*=================================== Counter widget style ===================================*/ .site-footer .widget_blossomthemes_stat_counter_widget .icon-holder{ text-align: center; font-size: 40px; margin: 0 0 20px; } .site-footer .widget_blossomthemes_stat_counter_widget .hs-counter{ text-align: center; font-size: 40px; font-weight: 700; line-height: 1.23em; } .site-footer .footer-t .widget_blossomthemes_stat_counter_widget .col{ width: 100%; padding: 0; float: none; display: block; } /*========================================= Team Widget style =========================================*/ .site-footer .widget_bttk_description_widget .image-holder{ margin: 0 0 20px; text-align: center; } .site-footer .widget_bttk_description_widget .image-holder img, .site-footer .widget_bttk_description_widget .image-holder .fallback-svg { vertical-align: top; border-radius: 50%; } .site-footer .widget_bttk_description_widget .text-holder{ text-align: center; } .site-footer .widget_bttk_description_widget .text-holder .name{ display: block; font-size: 20px; line-height: 1.2em; margin: 0 0 6px; font-family: 'Playfair Display', serif; } .site-footer .widget_bttk_description_widget .text-holder .designation{ font-size: 14px; color: #999; display: block; } .site-footer .widget_bttk_description_widget .text-holder .description{ margin-top: 15px; } .site-footer .widget_bttk_description_widget .social-profile{ text-align: center; } .site-footer .widget_bttk_description_widget .social-profile li{ margin: 0; padding: 0; border-bottom: 0; display: inline; margin: 0 7px 15px; } .site-footer .widget_bttk_description_widget .social-profile li:before{ display: none; } /*===================================== Testimonial widget style =====================================*/ .site-footer .widget_bttk_testimonial_widget .img-holder{ text-align: center; margin: 0 0 20px; } .site-footer .widget_bttk_testimonial_widget .img-holder img, .site-footer .widget_bttk_testimonial_widget .img-holder .fallback-svg { vertical-align: top; border-radius: 50%; } .site-footer .widget_bttk_testimonial_widget .text-holder{ text-align: center; } .site-footer .widget_bttk_testimonial_widget .text-holder .name{ display: block; font-size: 20px; line-height: 1.2em; margin: 0 0 6px; font-family: 'Playfair Display', serif; } .site-footer .widget_bttk_testimonial_widget .text-holder .designation{ font-size: 14px; color: #999; display: block; } .site-footer .widget_bttk_testimonial_widget .text-holder .testimonial-content{ margin-top: 15px; } .site-info{ background: #111; color: #999; text-align: center; padding: 25px 0; font-size: 14px; line-height: 1.5em; } .site-info a{ color: #999; -webkit-transition: linear 0.1s; -moz-transition: linear 0.1s; transition: linear 0.1s; } .site-info a:hover, .site-info a:focus{ text-decoration: none; color: #fff; } #blossom-top{ position: fixed; bottom: 20px; right: 20px; font-size: 10px; background: #f3c9dd; color: #fff; line-height: 2.2em; text-transform: uppercase; width: 60px; height: 60px; z-index: 9999; text-align: center; display: none; cursor: pointer; border: none; padding: 0; } #blossom-top:after{ border: 4px solid #fff; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; content: ''; } #blossom-top span{ position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -40%); -moz-transform: translate(-50%, -40%); transform: translate(-50%, -40%); } #blossom-top svg{ font-size: 20px; display: block; line-height: 0; text-align: center; margin: 0 auto; } #primary-toggle-button, #secondary-toggle-button{display: none;} /*==================================== Content Newsletter style ====================================*/ .content-newsletter{ margin: 0 0 35px; } .content-newsletter .blossomthemes-email-newsletter-wrapper{ padding: 60px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-direction: row; } .content-newsletter .blossomthemes-email-newsletter-wrapper.bg-img:after{ background: rgba(243, 201, 221, 0.8); } .content-newsletter .blossomthemes-email-newsletter-wrapper.bg-img:before{ position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 7px solid #fff; content: ''; z-index: 1; } .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder{ width: 500px; margin: 0 30px 0 0; } .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder h3{ font-size: 34px; line-height: 1.264em; font-family: 'Playfair Display', serif; } .blossomthemes-email-newsletter-wrapper form { display: flex; flex: 1; flex-wrap: wrap; justify-content: center; } .single .content-newsletter .blossomthemes-email-newsletter-wrapper form { justify-content: center; } .blossomthemes-email-newsletter-wrapper form label { order: 5; width: 100%; } .blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap { justify-content: center; } .blossomthemes-email-newsletter-wrapper form label .check-mark { margin-top: 6px; background: rgba(0,0,0,0.3); } .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked + .check-mark { background: #fff; } .blossomthemes-email-newsletter-wrapper form label .text { text-align: left; flex: inherit; max-width: calc(100% - 25px); } .blossomthemes-email-newsletter-wrapper form input[type="text"] { width: 100%; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"]{ margin: 10px 15px 0 0; float: left; width: 240px; padding: 9px 7px; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"]{ width: 158px; float: left; padding: 9px 36px; position: relative; margin: 10px 0 0 0; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover, .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"]:focus{ background: #fff; color: #111; border-color: #fff; } /*========================================= Content Instagram style =========================================*/ .content-instagram{ padding: 0 15px; margin: 0 0 30px; position: relative; } .content-instagram .profile-link{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; color: #333; background: rgba(255, 255, 255, 0.95); box-shadow: 0 0 30px rgba(0,0,0,0.3); padding: 10px 40px; } .content-instagram .profile-link:hover, .content-instagram .profile-link:focus{ text-decoration: none; } .content-instagram .profile-link .insta-icon { margin-right: 10px; } .content-instagram ul{ margin: 0; padding: 0; list-style: none; } .content-instagram ul li{ position: relative; } .content-instagram .popup-gallery:not(.photos-1) li { padding: 15px; } .content-instagram ul li .instagram-meta{ position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; padding: 10px; opacity: 0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; text-align: center; } .content-instagram ul li:hover .instagram-meta, .content-instagram ul li:focus .instagram-meta{ opacity: 1; } .content-instagram ul li:focus-within .instagram-meta{ opacity: 1; } .content-instagram ul li .instagram-meta .like{ display: inline-block; background: #F3C9DD; margin: 0 2px; padding: 10px; position: relative; } .content-instagram ul li .instagram-meta .like:before{ content: ''; position: absolute; border: 3px solid #fff; top: 1px; right: 1px; bottom: 1px; left: 1px; } .content-instagram ul li .instagram-meta .comment{ display: inline-block; background: #F3C9DD; margin: 0 2px; padding: 10px; position: relative; } .content-instagram ul li .instagram-meta .comment:before{ content: ''; position: absolute; border: 3px solid #fff; top: 1px; right: 1px; bottom: 1px; left: 1px; } .content-instagram ul li .instagram-meta svg:before{ margin-right: 5px; } .content-instagram ul li img, .content-instagram ul li .fallback-svg{ vertical-align: top; } /*===================================== Single newsletter style =====================================*/ .single .content-newsletter{margin-top: 60px;} .single .content-newsletter .blossomthemes-email-newsletter-wrapper{ flex-direction: column; text-align: center; } .single .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder{ margin: 0 0 30px; } /*=============================== Portfolio Style ===============================*/ .portfolio-sorting .button:hover, .portfolio-sorting .button:focus, .portfolio-sorting .button.is-checked{ color: #f3c9dd; } .portfolio-text-holder .portfolio-img-title{ font-family: 'Playfair Display', serif; } .portfolio-item .portfolio-img-title a{ -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .portfolio-item .portfolio-img-title a:hover, .portfolio-item .portfolio-img-title a:focus{ color: #f3c9dd; } .portfolio-item .portfolio-cat a{ font-size: 13px; line-height: 1.615em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0; margin: 0 5px 5px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .portfolio-item .portfolio-cat a:hover, .portfolio-item .portfolio-cat a:focus{ color: #f3c9dd; } .entry-header .portfolio-cat{margin: 0 0 20px;} .entry-header .portfolio-cat a{ font-size: 13px; line-height: 1.2em; font-weight: 500; text-transform: uppercase; color: #b5b5b5; margin: 0 10px 10px 0; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; transition: ease 0.2s; } .entry-header .portfolio-cat a:hover, .entry-header .portfolio-cat a:focus{ color: #f3c9dd; } .portfolio-holder .entry-header .entry-title{ font-size: 34px; line-height: 1.176em; margin: 0 0 15px; font-family: 'Playfair Display', serif; color: #111; } .portfolio-holder .entry-header{ border-bottom: 0; padding-bottom: 0; } .single-blossom-portfolio .post-navigation .nav-links{ margin-top: 30px; } .single-blossom-portfolio .post-navigation .nav-previous a, .single-blossom-portfolio .post-navigation .nav-next a{ font-size: 22px; line-height: 1.5em; display: block; font-family: 'Playfair Display', serif; color: #333; font-weight: 700; } .single-blossom-portfolio .post-navigation .nav-previous a:hover, .single-blossom-portfolio .post-navigation .nav-previous a:focus, .single-blossom-portfolio .post-navigation .nav-next a:hover, .single-blossom-portfolio .post-navigation .nav-next a:focus{ text-decoration: none; color: #fff; } .related-portfolio-title{ font-size: 30px; line-height: 1.2em; color: #111; margin: 30px; font-family: 'Playfair Display', serif; font-weight: 700; } .comments-area .comment-form label[for="wp-comment-cookies-consent"]{ display: inline-block; margin-left: 5px; } .site-footer .site-info a.privacy-policy-link { display: inline-block; margin-left: 5px; } /*----------------------------------------------- #Responsive style -----------------------------------------------*/ @media only screen and (max-width: 1440px){ .container{ max-width: 1170px; } #primary .post .img-holder, .archive .blossom-portfolio .post-thumbnail{ margin-right: 30px; width: 375px; } #primary .sticky .img-holder{ margin-right: 0; display: block; width: 100%; } #primary .post .text-holder .entry-header, .archive .blossom-portfolio .entry-header{ margin: 0; } #primary .post .text-holder .entry-header .cat-links{margin: 0 0 10px;} #primary .post .text-holder .entry-header .entry-title, .archive .blossom-portfolio .entry-header .entry-title{ font-size: 32px; line-height: 1.218em; margin: 0 0 15px; } #primary .sticky .text-holder .entry-header .entry-title{ font-size: 36px; line-height: 1.222em; } .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder{ width: 440px; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper{padding: 20px;} .content-newsletter .blossomthemes-email-newsletter-wrapper{padding: 30px;} .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"]{ width: 210px; } } @media only screen and (max-width: 1199px){ .custom-background .site{ max-width: 90%; } .container{ max-width: 970px; } .banner .banner-text{bottom: 5%;} .banner .banner-text .title{ font-size: 36px; line-height: 1.222em; } #primary .post .img-holder, .archive .blossom-portfolio .post-thumbnail{width: 305px;} #primary .sticky .img-holder{width: 100%;} .gallery .gallery-holder{ margin: 0 -5px; } .gallery .gallery-item{padding: 0 5px;} .related-post .post .text-holder .entry-title{ font-size: 15px; line-height: 1.333em; } .footer-t .row.column-3, .footer-t .row.column-4 { grid-template-columns: repeat(2, 1fr); } .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder{ margin: 0 0 30px; width: 100%; } .content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder h3{font-size: 28px;} .content-newsletter .blossomthemes-email-newsletter-wrapper{ flex-direction: column; text-align: center; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"]{ width: 180px; margin: 0 5px 0 0; } .widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper .text-holder h3{font-size: 24px;} } @media only screen and (max-width: 1024px){ .container{ max-width: 670px; } .header-b{ padding: 10px 0 7px; position: relative; } /*Open close menu style*/ #primary-toggle-button{ display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: none; border: none; color: inherit; padding: 0; } #primary-toggle-button.active { display: none; } #primary-toggle-button svg{margin-right: 5px;} #primary-toggle-button.active + .main-navigation { padding-top: 30px; } .main-navigation .primary-menu-list{ display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 44vh; overflow: visible; background: #fff; border-top: 1px solid #eee; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); z-index: 999; } .main-navigation .close { position: absolute; top: -37px; left: 0; right: 0; text-align: center; margin: 0 auto; background: none; border: none; color: initial; padding: 0; } .main-navigation .close svg{margin-right: 5px;} .main-navigation .primary-menu-list .mobile-menu { overflow: auto; max-height: 44vh; max-width: 500px; margin: 0 auto; padding: 0 15px; } .main-navigation ul{ text-align: left; font-size: 14px; line-height: 1.428em; } .main-navigation ul li.menu-item-has-children:after{ display: none; } .main-navigation ul li{ display: block; margin: 0; padding: 0; overflow: hidden; } .main-navigation ul li a{ color: #666; padding: 10px 0; border-bottom: 1px solid #eee; position: relative; } .main-navigation ul li .submenu-toggle{ background: none; border: none; padding: 0; font-size: 20px; width: 40px; height: 40px; line-height: 40px; color: inherit; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .main-navigation ul li.menu-item-has-children > .submenu-toggle { display: block; } .main-navigation ul li .submenu-toggle.active{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .main-navigation ul ul{ display: none; opacity: 1; filter: alpha(opacity=100); position: unset; width: 100%; background: none; margin: 0; border: 0; padding: 0 0 0 35px; } .main-navigation ul ul:after{display: none;} .main-navigation ul ul li{padding: 0;} .main-navigation ul ul li a, .main-navigation ul ul li:last-child a{ color: #666; padding: 10px 0; border-bottom: 1px solid #eee; position: relative; margin: 0; } .main-navigation ul ul ul{ position: unset; padding: 0 0 0 35px; } .main-navigation ul ul:before{display: none;} .banner img, .banner .fallback-svg { height: 500px; } .banner .banner-text{ max-width: 580px; width: 100%; padding: 0 15px; } .category-section{margin: 0 0 40px;} .category-section .col .img-holder .text-holder span{ padding: 5px 25px; font-size: 16px; } .category-section .col .img-holder .text-holder{ border: 0; padding: 0; } #primary, #secondary{ width: 100%; } #primary .site-main{padding-right: 0;} .leftsidebar #primary .site-main { padding-left: 0; } #secondary{margin-top: 80px;} #primary .post, .archive .blossom-portfolio{margin: 0 0 40px;} .subscribe-holder .bg-holder{padding: 30px 20px;} .archive #primary .post, .search-result-page #primary .search-post, .archive .blossom-portfolio{width: 50%;} .search-result-page #primary .search-post { width: 49%; } .archive #primary .post .text-holder .entry-header .entry-title, .search #primary .search-post .text-holder .entry-header .entry-title, .archive .blossom-portfolio .entry-header .entry-title{ font-size: 22px; line-height: 1.454em; margin: 0 0 15px; } .page-header .page-title{ font-size: 36px; line-height: 1.222em; margin: 0 0 10px; } #primary .post .entry-content blockquote, #primary .page .entry-content blockquote{ font-size: 30px; line-height: 1.5em; padding: 50px 20px 39px; } .portfolio-img-holder .portfolio-item{width: 50%;} .footer-t .row { margin-left: 0; margin-right: 0; } .content-instagram .profile-link { position: static; display: table; margin: 20px auto 0; -webkit-transform: none; -moz-transform: none; transform: none; } } @media screen and (min-width: 768px) { .secondary-nav .secondary-menu-list, .secondary-nav ul ul { display: block !important; } .secondary-nav .secondary-menu-list { height: auto !important; overflow: visible !important; } .secondary-nav .secondary-menu-list .close { display: none; } .secondary-nav ul li.menu-item-has-children > a { padding-right: 15px; } .secondary-nav .submenu-toggle { background: none; border: none; padding: 0; position: absolute; top: 12px; right: 0; height: auto; min-height: auto; line-height: 1; } .secondary-nav ul ul .submenu-toggle { color: inherit; top: 3px; right: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .secondary-nav .submenu-toggle:hover, .secondary-nav .submenu-toggle:focus { color: #f3c9dd; } } @media only screen and (max-width: 767px){ .container{ width: 100%; max-width: 100%; } .comments-area .children { margin-left: 10px; } .comments-area .children li { padding-left: 15px; } .comments-area .children li:first-child::before { width: 11px; } .comments-area .comment-body .comment-meta { width: 35px; margin-right: 15px; } .header-t{position: relative;} #secondary-toggle-button{ display: inline-block; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin: 6px 0; padding: 0; border: none; background: none; } #secondary-toggle-button.active { display: none; } .secondary-nav .secondary-menu-list{ display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 50vh; background: #fff; border-top: 1px solid #eee; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); z-index: 1; } .secondary-nav .close { padding: 0; border: none; background: none; position: absolute; top: -37px; left: 14px; width: 17px; height: 17px; } .secondary-nav .close:focus { outline-color: #fff; } .secondary-nav .close .toggle-bar { background: #fff; width: 100%; height: 3px; position: absolute; top: 0; left: 0; border-radius: 10px; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .secondary-nav .close .toggle-bar:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .secondary-nav .secondary-menu-list .mobile-menu { overflow: auto; max-height: 50vh; } .secondary-nav > div{ max-width: 100%; padding: 0 15px; } .secondary-nav ul{ text-align: left; font-size: 14px; line-height: 1.428em; } .secondary-nav ul li.menu-item-has-children:after{ display: none; } .secondary-nav ul li{ display: block; margin: 0; padding: 0; float: none; } .secondary-nav ul li a{ color: #666; padding: 10px 0; border-bottom: 1px solid #eee; position: relative; } .secondary-nav ul li .submenu-toggle{ background: none; border: none; padding: 0; font-size: 20px; color: inherit; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s; } .secondary-nav ul li .submenu-toggle.active{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .secondary-nav ul ul{ float: none; display: none; position: static; width: 100%; background: none; margin: 0; border: 0; padding: 0 0 0 35px; opacity: 1; filter: alpha(opacity=100); } .secondary-nav ul ul:after{display: none;} .secondary-nav ul ul li{padding: 0;} .secondary-nav ul ul li a, .secondary-nav ul ul li:last-child a{ color: #666; padding: 10px 0; border-bottom: 1px solid #eee; position: relative; margin: 0; } .secondary-nav ul ul ul{ position: unset; padding: 0 0 0 35px; } .secondary-nav ul ul:before{display: none;} .main-navigation ul li.menu-item-has-children > span, .secondary-nav ul li.menu-item-has-children > span { display: block; } .header-m{ padding: 25px 0 40px; } .banner img, .banner .fallback-svg { height: 350px; } .banner .banner-text{bottom: 20px;} .banner .banner-text .title{ font-size: 24px; line-height: 1.208em; } .banner .owl-nav .owl-next, .banner .owl-nav .owl-prev{display: none;} .category-section .col{ width: 100%; margin-bottom: 30px; } .category-section .col .img-holder img, .category-section .col .img-holder .fallback-svg { width: 100%; } .category-section .col:last-child{margin-bottom: 0;} .category-section .col .img-holder .text-holder span{ font-size: 24px; padding: 15px 45px; } #primary .sticky .img-holder{margin-bottom: 15px;} #primary .sticky .text-holder .entry-header .entry-title{ font-size: 22px; line-height: 1.318em; margin: 0 0 10px; } #primary .post .text-holder .entry-header .entry-meta .byline, #primary .post .text-holder .entry-header .entry-meta .posted-on .text-on{ display: inline-block; } #primary .post .text-holder .entry-header .entry-meta .posted-on .text-on { margin-right: 5px; } #primary .post.sticky .text-holder .entry-header .cat-links{margin: 0 0 10px;} #primary .post.sticky .text-holder .entry-header .entry-meta{margin: 0 0 15px;} #primary .post.sticky{margin: 0 0 40px;} #primary .post{ display: block; } #primary .post .img-holder, .archive .blossom-portfolio .post-thumbnail{ width: 100%; margin: 0 0 15px; } #primary .post .text-holder .entry-footer .share .social-networks{ left: 0; } #primary .post .text-holder .entry-footer .share .social-networks::before{ left: 65%; } .gallery{padding: 0 10px;} .gallery .gallery-item{ margin-bottom: 10px; width: 33.3333%; } .top-bar{padding: 25px 0;} .page-header .page-title{ font-size: 22px; line-height: 1.454em; margin: 0 0 10px; } .archive #primary .post, .search #primary .search-post, .archive .blossom-portfolio{width: 100%;} .single #primary .post .text-holder .entry-header .entry-title{ font-size: 22px; line-height: 1.454em; margin: 0 0 10px; } .single #primary .post .text-holder .entry-content .social-share{ margin-right: 0; margin-top: 30px; grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 3; } #primary .post .entry-content blockquote, #primary .page .entry-content blockquote{ font-size: 22px; line-height: 1.454em; padding: 20px 15px 18px; } #primary .post .entry-content blockquote cite, #primary .page .entry-content blockquote cite{ font-size: 15px; line-height: 1.333em; } #primary .post .entry-content .pull-left, #primary .page .entry-content .pull-left{ width: 100%; margin-right: 0; font-size: 20px; line-height: 1.4em; } #primary .post .entry-content .pull-right, #primary .page .entry-content .pull-right{ width: 100%; margin-left: 0; font-size: 20px; line-height: 1.4em; } 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{width: 100%;} .author-section{display: block;} .post-navigation .nav-links .nav-previous .post-title, .post-navigation .nav-links .nav-next .post-title{ font-size: 17px; line-height: 1.411em; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next{width: 49%;} .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a{padding: 15px;} .related-post .post{ width: 100%; margin: 0 0 30px !important; } .related-post .post:last-child{margin: 0;} .comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url{width: 100%;} .alignright{ float: none; display: block; margin-left: 0; } .alignleft{ float: none; display: block; margin-right: 0; } .single #primary .post .text-holder .entry-content{ display: grid; grid-template-columns: auto; grid-template-rows: auto; } .single #primary .post .text-holder .entry-content .text{ grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; } .error-holder .page-content{ font-size: 16px; line-height: 1.588em; } .error-holder .page-content .number-404{ font-size: 75px; line-height: 1.093em; margin: 0 0 26px; text-shadow: 2px 2px 0 #f3c9dd; } .error-holder .page-content a{ padding: 20px 8px; } .error-holder .page-content p{margin: 0;} .footer-t .grid:not(.column-1) { grid-gap: 50px; } .footer-t .row.column-2, .footer-t .row.column-3, .footer-t .row.column-4 { display: block; grid-template-columns: repeat(1, 1fr); } .comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url, .comments-area .comment-form .form-submit{ grid-column: 1 / span 3; } .comments-area .comment-form{ grid-gap: 15px; } .related-post .post .img-holder img, .related-post .post .img-holder .fallback-svg{ width: 100%; } .post-navigation .nav-links .nav-previous .meta-nav, .post-navigation .nav-links .nav-next .meta-nav{ line-height: 1.5em; } .content-instagram{padding: 0 10px;} .content-instagram .popup-gallery:not(.photos-1) li { padding: 5px; } .content-instagram ul li .instagram-meta .like, .content-instagram ul li .instagram-meta .comment { padding: 5px; font-size: 14px; line-height: 1.5; margin: 2%; } .content-instagram ul li .instagram-meta .like::before, .content-instagram ul li .instagram-meta .comment::before { border-width: 2px; } .content-instagram ul li .instagram-meta .like svg, .content-instagram ul li .instagram-meta .comment svg { font-size: 12px; } .content-instagram .profile-link { padding-left: 30px; padding-right: 30px; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"]{ width: 100%; margin: 0 0 5px; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"]{width: 100%;} .content-newsletter .blossomthemes-email-newsletter-wrapper form{ max-width: 280px; margin: 0 auto; } .site-content{margin: 0 0 40px;} .portfolio-img-holder .portfolio-item{width: 100%;} .portfolio-sorting .button{ text-align: center; margin: 0 15px 10px; font-size: 14px; } .content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="submit"] { width: 100%; } }