/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.2
*/

@import url("../oshin/style.css");


.page-template-blog-tmplt .element-inner{position:relative;margin-bottom:30px;}
/*.page-template-blog-tmplt .element-inner .Image_block{overflow:hidden;position:relative;}*/
.page-template-blog-tmplt .element-inner .hover-blog{bottom:0;z-index: 1;transform:translateY(85px);-webkit-transform:translateY(85px);transition:all 0.3s;-webkit-transition:all 0.3s;background: rgba(0,0,0,0.8);background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);height:auto;width:100%;position:absolute;left:0;right:0;}
.page-template-blog-tmplt .element-inner .post-thumb img{height:280px !important;}
.page-template-blog-tmplt .element-inner .post-thumb{overflow:hidden;position:relative;}
.page-template-blog-tmplt .post-header h5.post-title{color:#fff;margin-bottom:0;font-weight:bold;line-height:normal;}
.page-template-blog-tmplt .post-header h5.post-title:hover,
.page-template-blog-tmplt .post-header h5.post-title a:hover{color:#fff !important;}
.page-template-blog-tmplt .element-inner a.recipe:focus,
.page-template-blog-tmplt .element-inner a.recipe:hover,
.page-template-blog-tmplt .element-inner a.recipe:active{text-decoration:underline;color:#0084c8;}
.page-template-blog-tmplt .element-inner .article-details{padding:0 15px;transition:all 0.3s;-webkit-transition:all 0.3s;position:relative;left:0;right:0;bottom:40px;}
.page-template-blog-tmplt .element-inner .post-details{padding:0 15px;color:#fff;font-size:12px;font-weight:500;line-height:normal;transition:all 0.3s;-webkit-transition:all 0.3s;position: relative;bottom:0;}
.page-template-blog-tmplt .element-inner .post-details a.style2-button{color:#fff !important;font-size:12px;font-weight:bold;border:0;margin-top:10px;padding:0;display: inline-block;}
.page-template-blog-tmplt .element-inner .post-details a.style2-button:after{background: #1ebbf0;background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);display: block;width: 0;height: 2px;content: "";-webkit-transition: width .4s ease;transition: width .4s ease;}
.page-template-blog-tmplt .element-inner .post-details a.style2-button:hover:after{width:65px;}
.page-template-blog-tmplt .element-inner .post-details a.style2-button:hover{background-color:rgba(0,0,0,0)!important;}
.page-template-blog-tmplt .element-inner .post-content-wrap{transition:all 0.3s;-webkit-transition:all 0.3s;}
.page-template-blog-tmplt .element-inner .hover-blog:hover:after{content:"";background: rgba(0,0,0,0.8);background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);}
.page-template-blog-tmplt .element-inner .hover-blog:after{content:"";transform:translate3d(0,35%,0);transition: opacity .35s,bottom .35s,transform .4s;-webkit-transition:opacity .35s,bottom .35s,-webkit-transform .4s;opacity:1;}
.page-template-blog-tmplt .element-inner .post-content-wrap:hover .hover-blog{transform:translateY(0);-webkit-transform:translateY(0);transition:all 0.3s;-webkit-transition:all 0.3s;}
.page-template-blog-tmplt .element-inner .post-content-wrap:hover.hover-blog:after{content:"";background: rgba(0,0,0,0.8);background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);height:100%;width:100%;position:absolute;top:0;left:0;right:0;}
.page-template-blog-tmplt .element-inner:hover .post-details{bottom:30px;}
/*#navigation a, #navigation-right-side a {padding: 0px 15px;}
@media screen and (max-width: 767px){
    div#header-wrap img.normal-logo {
        max-width: 160px;
    }
}*/
header#header .style1 {
    padding: 20px 0;
}
header#header .style1.no-transparent {
    padding: 0;
}
ul#topbar-menu li a {
    padding: 0;
}
#header-top-bar-right .topbar-menu-container {
    margin: 0;
}

@media screen and (max-width: 1279px){
    #navigation a, #navigation-right-side a, #navigation-left-side a {
        padding: 0 10px;
    }
    .logo img {
        max-width: 300px;
    }
}
@media screen and (max-width: 960px){
    .mobile-nav-controller-wrap .be-mobile-menu-icon span {
        height: 2px;
    }
    header#header .style1 {
        padding: 0;
    }
    .mobile-nav-controller-wrap .be-mobile-menu-icon {
        top: -8px;
    }
    header#header .logo {
        margin-left: 0 !important;
        max-width: auto !important;
    }
    .logo img {
        max-width: 100%;
    }
    header#header div#header-inner-wrap div#header-wrap {
        max-width: 100%;
        padding: 15px;
    }
    .tatsu-fz08amqk4f265tzb.tatsu-section {
        margin: 0 !important;
    }
    .tatsu-fz08amqk4f265tzb .tatsu-section-pad {
        padding: 0 !important;
        text-align: center;
    }
}
@media screen and (max-width: 575px){
    .logo {
        max-width: 100% !important;
    }
    header .style1 #header-controls-right, header .style5 #header-controls-right {
        float: none;
        right: 0 !important;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    div#header-controls-right .header-search-controls {
        margin: 0;
    }
    header#header div#header-inner-wrap div#header-wrap {
        padding: 15px 15px 0;
    }
}