/*
Theme Name: Blossom Feminine
Theme URI: https://blossomthemes.com/themes/blossom-feminine-free-wordpress-theme
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://demo.blossomthemes.com/blossom-feminine, read documentation: https://blossomthemes.com/blossom-feminine-documentation/, and get support: https://blossomthemes.com/support-ticket/.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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;
}
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;
outline: none;
}
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;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## 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 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: -20px;
z-index: 99999;
width: 220px;
background: #f9f9f9;
text-align: left;
padding: 17px 0 15px;
display: none;
font-size: 14px;
border: 1px solid #eee;
}
.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{
display: block !important;
}
}
.main-navigation ul ul ul {
left: 100%;
top: -10px;
padding: 9px 0;
}
.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
----------------------------------------------*/
.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;
}
/*=============================
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: 9px 0 4px;
}
.header-t .tools{
float: right;
padding-left: 24px;
margin-left: 20px;
border-left: 1px solid #595959;
font-size: 18px;
line-height: 1.222em;
color: #111;
}
.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;}
.header-t .tools .form-section #btn-search{cursor: pointer;}
.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);
/*z-index: -1;*/
}
.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 label{
width: 100%;
}
.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"]{display: none;}
/*========================
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: -20px;
z-index: 99999;
width: 220px;
background: #f9f9f9;
text-align: left;
padding: 17px 0 15px;
display: none;
font-size: 14px;
border: 1px solid #eee;
}
.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;
}
/*.secondary-nav ul li:hover > ul{
display: block;
}*/
@media only screen and (min-width: 768px){
.secondary-nav ul li:hover > ul{
display: block !important;
}
}
.secondary-nav ul ul ul {
left: 100%;
top: -10px;
padding: 9px 0;
}
.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.menu-item-has-children:after{
content: '\f105';
right: 10px;
}*/
.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{
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{
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{
-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{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 .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{vertical-align: top;}
/*===============================
Gallery section Style
===============================*/
/*.gallery{
max-width: 1860px;
margin: 0 auto 35px;
position: relative;
padding: 0 30px;
}
.gallery .gallery-holder{
margin: 0 -15px;
overflow: hidden;
}
.gallery .gallery-item{
float: left;
width: 16.6667%;
padding: 0 15px;
}
.gallery .gallery-item a{display: block;}
.gallery .gallery-item:last-child{margin-right: 0;}
.gallery .gallery-item img{vertical-align: top;}
.gallery .follow{
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
font-size: 14px;
line-height: 21px;
color: #333;
background: rgba(255, 255, 255, 0.95);
padding: 12px 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gallery .follow:hover,
.gallery .follow:focus{text-decoration: none;}
.gallery .follow svg{font-size: 18px;}*/
/*===============================
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: #333;}
#crumbs a:hover,
#crumbs a:focus{
text-decoration: none;
color: #f3c9dd;
}
/*===============================
Single post style
===============================*/
.single .top-bar{
background: none;
border-bottom: 0;
padding: 0;
text-align: left;
}
.single #crumbs{
font-size: 12px;
margin: 20px 0 0;
}
.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;
}
.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{
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{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 .comment-body .comment-meta img{
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 .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url{
/*float: left;
width: 33.3333%;
padding: 0 15px;*/
}
.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;}
/*===============================
Archive page style
===============================*/
/*.archive #primary{
width: 100%;
}*/
.archive:not(.woocommerce) #primary{
width: 100%;
}
.archive .site-main .row {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.archive #primary .post,
.archive .blossom-portfolio{
/*float: left;*/
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;
/*background: #fff;*/
}
.widget_calendar table #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 table #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 table tfoot td{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 li a,
.widget_rss ul li a{color: #999;}*/
.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{
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{
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{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;
}
/*=============================
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{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{
color: #111;
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"]: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{
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{
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{
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{
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{
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 .search-post{
float: left;
width: 33.3333%;
display: block;
padding: 0 15px;
margin: 0 0 40px;
}
.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 h2{
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;}
.site-footer .footer-t .col{
width: 25%;
float: left;
padding: 0 15px;
}
.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{
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{
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{
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{
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{
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;
}
#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;
color: #111;
}
.content-newsletter .blossomthemes-email-newsletter-wrapper .text-holder span{
color: rgba(0, 0, 0, 0.7);
}
.content-newsletter .blossomthemes-email-newsletter-wrapper form input[type="text"]{
margin: 0 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: 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 30px;
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);
padding: 10px 40px;
}
.content-instagram .profile-link:hover,
.content-instagram .profile-link:focus{
text-decoration: none;
}
.content-instagram ul{
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 30px;
}
.content-instagram ul li{
position: relative;
}
.content-instagram ul li .instagram-meta{
position: absolute;
width: 100%;
left: 0;
top: 50%;
/*background: rgba(0, 0, 0, 0.7);*/
color: #fff;
padding: 10px;
opacity: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
}
.content-instagram ul li:hover .instagram-meta,
.content-instagram ul li:focus .instagram-meta{
opacity: 1;
}
.content-instagram ul li .instagram-meta .like{
display: inline-block;
/*width: 20px;
height: 20px;*/
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;
/*width: 20px;
height: 20px;*/
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{
vertical-align: top;
width: 100%;
height: 285px;
object-fit: cover;
}
/*=====================================
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;
}
.site-footer .footer-t .col{width: 50%;}
.content-instagram ul li img{height: 116px;}
.content-instagram ul{grid-gap: 10px;}
.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;
}
#primary-toggle-button svg{margin-right: 5px;}
.main-navigation{
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
border-top: 1px solid #eee;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.main-navigation > div{
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 span{
font-size: 20px;
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;
}
.main-navigation ul li span.active{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-navigation ul ul{
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{
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;}
#secondary{margin-top: 80px;}
#primary .post,
.archive .blossom-portfolio{margin: 0 0 40px;}
#primary .post .text-holder .entry-header .entry-meta .byline,
#primary .post .text-holder .entry-header .entry-meta .posted-on .text-on{display: none;}
.subscribe-holder .bg-holder{padding: 30px 20px;}
.archive #primary .post,
.search-result-page #primary .search-post,
.archive .blossom-portfolio{width: 50%;}
.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;
}
.content-instagram ul{
grid-template-columns: repeat(3, 1fr);
}
.portfolio-img-holder .portfolio-item{width: 50%;}
}
@media only screen and (max-width: 767px){
.container{
width: 100%;
max-width: 100%;
}
.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;
}
.secondary-nav{
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
border-top: 1px solid #eee;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.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;
overflow: hidden;
float: none;
}
.secondary-nav ul li a{
color: #666;
padding: 10px 0;
border-bottom: 1px solid #eee;
position: relative;
}
.secondary-nav ul li span{
font-size: 20px;
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 span.active{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.secondary-nav ul ul{
position: unset;
width: 100%;
background: none;
margin: 0;
border: 0;
padding: 0 0 0 35px;
}
.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;}
.header-m{
padding: 25px 0 40px;
}
.banner img{
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{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.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%;}
#blossom-top{display: none !important;}
.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 h2{
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;}
.site-footer .footer-t .col{width: 100%;}
.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{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 ul li .instagram-meta{display: none;}
.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{
display: block;
width: 100%;
text-align: center;
margin: 0 0 10px;
}
}