/*
Theme Name: Blossom PinIt
Theme URI: https://blossomthemes.com/downloads/blossom-pinit
Template: blossom-pin  
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Blossom PinIt is a child theme of Blossom Pin Free WordPress theme. This theme features a Pinterest styled layout helpful to create a visually appealing and lively blog for female bloggers. You can create a fully responsive and mobile-friendly blog using this theme without writing a single liine of code. This theme can be the perfect choice for female bloggers who are serious about blogging and wants to share their expert fashion tips, favorite recipes or create a lifestyle, travel, food, beauty, make-up, coaching, wedding, portfolio, personal, girly, parenting or cooking blog. The beautifully placed Instagram section can be used to show your Instagram account and increase your followers. The well placed Newsletter section will help you to grow your email list and keep in touch with your visitors. Furthermore, it is SEO friendly, Schema friendly, and speed optimized. The theme is translation ready and supports RTL and WooCommerce plugin for your utmost benefit. In addition, Blossom PinIt is backed by world-class, one-on-one support, and a super active team of developers and designers ready to help! Check demo: https://blossomthemes.com/theme-demo/?theme=blossom-pinit, read documentation: https://docs.blossomthemes.com/docs/blossom-pinit/, and get support: https://blossomthemes.com/support-ticket/
Version: 1.0.4
Liicense: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 5.4.2
Requires PHP: 5.6
Text Domain: blossom-pinit
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,photography,e-commerce
*/
:root{
	--primary-color: #ea3c53;
	--primary-font: 'Muli', sans-serif;
	--secondary-font: 'EB Garamond', sans-serif;
}

.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
.site-header .site-branding .site-title{
	font-size: 3em;
}
/*========================================
 Header Layout Two Style
 ========================================*/

 .header-layout-two {
    padding: 0;
    display: block;
}

.header-layout-two .header-t {
    background-size: cover !important;
    text-align: center;
    padding: 30px 0 25px;
}

.header-layout-two .site-branding {
    width: 100%;
}

.header-layout-two .site-branding.has-logo-text {
    justify-content: center;
}

.header-layout-two .site-branding.has-logo-text .custom-logo-link {
    float: left;
   
}

.header-layout-two .site-branding.has-logo-text .site-title-wrap {
    width: auto;
    text-align: left;
}

.header-layout-two .header-b {
    background: #fff;
    padding: 18px 0 17px;
}

.header-layout-two .main-navigation {
    float: left;
    width: auto;
}

.header-layout-two .main-navigation ul ul {
    padding-top: 18px;
}

.header-layout-two .main-navigation ul ul ul {
    padding-top: 0;
}

.header-layout-two .tools {
    float: right;
    width: auto;
}

/*======================================
 Banner Layout two Style
 =====================================*/

 .banner-layout-two {
    padding-top: 15px;
}

.banner-layout-two img {
    vertical-align: top;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.banner-layout-two .item {
    position: relative;
    height: 650px;
    background: var(--primary-color);
    border-radius: 12px;
}

.banner-layout-two .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

.banner-layout-two .active .item:after {
    display: none;
}

.banner-layout-two .text-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding: 64px 15%;
    border-radius: 0 0 12px 12px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    /* IE6-9 */
}

.banner-layout-two .text-holder .category {
    display: block;
    margin: 0 0 12px;
}

.banner-layout-two .text-holder .category a,
.banner-layout-two .text-holder .category span {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.556em;
    line-height: 1em;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
    background: var(--primary-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px 7px;
    text-decoration: none;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.banner-layout-two .text-holder .category a:hover {
    background: #000;
}

.banner-layout-two .text-holder .entry-title {
    font-size: 3.111em;
    line-height: 1.429em;
    font-weight: 400;
    margin: 0;
    font-family: var(--secondary-font);
    color: #fff;
}

.banner-layout-two .text-holder .entry-title a {
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.banner-layout-two .owl-prev {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 4px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-layout-two .owl-prev:hover {
    background: #fff !important;
}

.banner-layout-two .owl-prev svg {
    width: 18px;
    height: 12px;
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-layout-two .owl-next {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 4px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-layout-two .owl-next:hover {
    background: #fff !important;
}

.banner-layout-two .owl-next svg {
    width: 18px;
    height: 12px;
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog article.post{
    transition: linear all 0.3s;
}
.blog article.post:hover{
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
}
.blog article.post .top a.post-thumbnail{
    overflow: hidden;
    border-radius: 12px;
}
.blog article.post .top a.post-thumbnail img{
    overflow: hidden;
    transition: ease-in-out all 0.3s;
    transform: scale(1);

}
.blog article.post:hover .top a.post-thumbnail img{
    transform: scale(1.05);
    transition: ease-in-out all 0.3s;

}
.blog #primary .post .entry-header .category a,
.banner-layout-two .text-holder .category a,
.single .post-entry-header .category a,
.recommended-post .post .entry-header .category a,
.search #primary .search-post .entry-header .category a, 
.archive #primary .post .entry-header .category a,
 .banner-slider .item .text-holder .category a{
    border-radius: 100px;
    padding: 8px 15px;
}

.blog #primary .post .entry-header .entry-title a,
.banner-layout-two .text-holder .entry-title a,
.banner-slider .item .text-holder .entry-title a{
    background-image: linear-gradient(180deg, transparent 95%, var(--primary-color) 0);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}
.blog #primary .post .entry-header .entry-title a:hover,
.banner-layout-two .text-holder .entry-title a:hover,
.banner-slider .item .text-holder .entry-title a:hover{
    text-decoration: none;
    background-size: 100% 100%;
    color: #fff;
}
.blog #primary .post .entry-header .entry-title{
    font-weight: 500;
}

.header-layout-four .header-b{
    background: #fff;
    padding-bottom: 0;
}
.header-layout-four,
.header-layout-four .search-form{
    background: #fff;
}

.header-layout-four .main-navigation{
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    padding: 20px 0;
}

/*======================================
 Single Post Style
 =====================================*/
.single .post-entry-header .entry-title,
.recommended-post .post .entry-header .entry-title,
.widget_recent_entries ul li a,
.widget_bttk_popular_post ul li .entry-header .entry-title, 
.widget_bttk_pro_recent_post ul li .entry-header .entry-title,
.search #primary .search-post .entry-header .entry-title,
.archive #primary .post .entry-header .entry-title,
.banner-slider .item .text-holder .entry-title{
	font-weight: 500;
}
.single .navigation .meta-nav{
	text-transform: none;
}

.search #primary .search-post .post-thumbnail a.pinit-button, 
.archive #primary .post .post-thumbnail a.pinit-button, 
.site-main .blossom-portfolio .post-thumbnail a.pinit-button{
    height: auto;
}

.single #primary .post .holder .meta-info .entry-meta .byline:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    background: var(--primary-color);
}

/*======================================
 Widget Style
 =====================================*/
.widget_bttk_author_bio{
    box-shadow: 0 6px 40px rgba(0,0,0,0.05);
    padding: 25px;
    border-radius: 10px;
}
.widget_bttk_custom_categories ul li{
    background-size: cover !important;
}
.newsletter-section .social-networks ul li a:hover{
    color: var(--primary-color);
}



.widget_recent_entries ul li:before {
    counter-increment: section;
     content: "";
     font-size: 2.222em;
     line-height: 1.250em;
     font-weight: 700;
     color: var(--primary-color);
     position: absolute;
     top: 0;
     left: 0;
 }
 .widget .widget-title:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 30px;
    height: 3px;
    border-radius: 1000px;
    background: var(--primary-color);
}
.widget .widget-title {
    font-size: 0.889em;
    line-height: 1.625em;
    margin: 0 0 25px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*======================================
 Pagination Style
 =====================================*/
 .posts-navigation .nav-previous,
 .posts-navigation .nav-next{
    padding: 10px 0;
    background: #f3f3f3;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    width: 30%;
 }

.posts-navigation .nav-next:hover,
.posts-navigation .nav-previous:hover {
    transition: all linear 0.3s;
    background: var(--primary-color);
}
 .posts-navigation .nav-previous a,
 .posts-navigation .nav-next a{
    color: #000;
}

/*========================================
 Responsiveness
 ========================================*/
 @media only screen and (max-width: 1199px){
    .banner-layout-two .item {
        height: 500px;
    }
    .banner-layout-two .text-holder {
        padding: 64px 5%;
    }
 }

 @media only screen and (max-width: 1024px){
    .site-header {
        display: none;
    }
    .banner-layout-two .item {
        height: 400px;
    }
    .banner-layout-two .text-holder .entry-title {
        font-size: 2.111em;
    }
    .banner-layout-two .text-holder {
        padding: 64px 5% 30px;
    }
    .mobile-menu-wrap {
        background: #fff;
        max-width: 356px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        padding-top: 80px;
        overflow: auto;
        z-index: 9999;
        display: none;
    }
   
    .mobile-menu-wrap .btn-close-menu {
        position: absolute;
        top: 30px;
        right: 15px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 1;
        background: none;
        border: none;
        padding: 0;
        border-radius: 0;
        color: inherit;
    }
}

/*==========================
BREADCRUMB STYLE
===========================*/
.breadcrumb-wrapper {
    padding: 10px 0;
}

#crumbs{
    font-size: 0.7778em;
    color: #666;
}

#crumbs > span {
    display: inline-block;
    margin-bottom: 5px;
}

#crumbs a{
    color: #333;
    margin-left: 10px;
    -webkit-transition: ease 0.2s;
    transition: ease 0.2s;
}

#crumbs a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

#crumbs .separator{
    margin-left: 10px;
}
.fa-angle-right{
  
	transform: rotate(0);

}
svg .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    transform: rotate(0);

}

#crumbs .current a {
    color: var(--primary-color);
    pointer-events: none;
}

.single .navigation .nav-previous {
    float: left;
    width: 48%;
}
.single .navigation .nav-next {
    float: right;
    width: 48%;
    text-align: right;
}

.blog #primary .post .entry-footer .edit-link {
    font-size: 0.667em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    float: right;
    margin-top: 11px;
}