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

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

header#header {
    padding-top: 40px;
}

header#header .mobile-menu {
    margin-bottom: 30px;
}

#content.no-sidebar-page {
    z-index: 20;
}

.logo {
    height: 135px;
    box-sizing: border-box;
}

.logo a {
    display: inline-block;
}

.logo img {
    width: 250px;
    height: auto !important;
    aspect-ratio: unset !important;
    margin-bottom: 30px;
}

#content .tatsu-section-pad {
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .logo {
        height: 144px;
    }

    .logo a {
        display: block;
    }
}

/* Adjustments for < 320px logo size */
@media only screen and (max-width: 320px) {
    #header-wrap .logo {
    width: 200px !important;
    height: auto;
    max-width: 100% !important;
    margin-left: 0px !important;
}

}

/* Adjustments for 321px - 480px logo size */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    #header-wrap .logo {
        max-width: 70% !important;
        margin-left: 0px !important;
        height: auto;
    }
    
}

/* Adjustments for 480px - 767px logo size */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    #header-wrap .logo {
        max-width: 50% !important;
        margin-left: 0px !important; 
        height: auto;
    }
    
}

.oshine-module :last-child {
    margin-bottom: 0!important;
}

.single-portfolio .gallery-side-heading-wrap.portfolio-share {
    display: none;
}

/* Customize auto generated header height style */
.style1 #navigation, .style3 #navigation, .style4 #navigation, .style5 #navigation, #header-controls-left, #header-controls-right, #header-wrap, .mobile-nav-controller-wrap, #left-header-mobile .header-cart-controls, .style6 #navigation-left-side, .style6 #navigation-right-side, .style7 #navigation {
    line-height: 135px;
}

/* portfolio single page */
.single-portfolio .tatsu-column.tatsu-two-third h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px !important;
    position: relative;
}
.single-portfolio .tatsu-column.tatsu-two-third h3::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #222;
    top: 6px;
    left: 0;
}
.single-portfolio .tatsu-module.tatsu-single-image {
    padding-bottom: 100px;
    margin-bottom: 0 !important;
}
.single-portfolio .tatsu-module.tatsu-single-image.no-padding {
    padding-bottom: 0 !important;
}
.single-portfolio .tatsu-module.tatsu-single-image:first-child {
    padding-top: 100px;
}
.single-portfolio .tatsu-two-third .tatsu-text-block-wrap {
    padding-left: 90px;
}
.single-portfolio .tatsu-column.tatsu-two-third .tatsu-text-block-wrap:first-of-type {
    padding-top: 65px;
}

.team-shortcode-wrap .team-description {
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .single-portfolio .tatsu-module.tatsu-single-image {
        padding-bottom: 50px;
    }
    .single-portfolio .tatsu-module.tatsu-single-image:first-child {
        padding-top: 50px;
    }
    .single-portfolio .tatsu-two-third .tatsu-text-block-wrap {
        padding-left: 30px;
    }
    .single-portfolio .tatsu-column.tatsu-two-third .tatsu-text-block-wrap:first-of-type {
        padding-top: 35px;
    }
}

/* Adjustments for 960 - 1020 viewport alignment */
@media only screen and (min-width: 960px) and (max-width: 1019px) {
    .be-wrap {
        max-width: 900px;
        margin: 0 auto;
    }
    .left-header.left-static .be-wrap{
        max-width: 650px
    }
    .layout-box {
        width:100%;
    }

    #page-content.content-single-sidebar{
        width:670px;
    }

    #left-sidebar, #right-sidebar{
        width:220px;
    }
    #left-sidebar, 
    .right-sidebar-page #page-content {
        margin-right: 50px;
    }
    .fixed-sidebar-page #left-sidebar,
    .fixed-sidebar-page #right-sidebar {
        width: 30%;
        margin: 0px !important ;
    } 
}

/* Adjustments for 1020 - 1279 viewport alignment */
@media only screen and (min-width: 1020px) and (max-width: 1279px) {
    .be-wrap {
        max-width: inherit;
        margin: 0 30px 0 30px;
    }
    .left-header.left-static .be-wrap{
        max-width: 650px
    }
    .layout-box {
        width:100%;
    }

    #page-content.content-single-sidebar{
        width:670px;
    }

    #left-sidebar, #right-sidebar{
        width:220px;
    }
    #left-sidebar, 
    .right-sidebar-page #page-content {
        margin-right: 50px;
    }
    .fixed-sidebar-page #left-sidebar,
    .fixed-sidebar-page #right-sidebar {
        width: 30%;
        margin: 0px !important ;
    } 
}

.tatsu-two-third {
    width: 66.695% !important
}
.tatsu-one-third {
    width: 33.3% !important;
}

@media only screen and (max-width: 768px) {
    .tatsu-two-third {
        width: 65.695% !important
    }
    .tatsu-one-third {
        width: 34.3% !important;
    }
}

@media only screen and (max-width: 767px) {
    .tatsu-column, .tatsu-row>.tatsu-column.tatsu-one-col, .tatsu-row>.tatsu-column.tatsu-one-fifth, .tatsu-row>.tatsu-column.tatsu-one-fourth, .tatsu-row>.tatsu-column.tatsu-one-half, .tatsu-row>.tatsu-column.tatsu-one-third, .tatsu-row>.tatsu-column.tatsu-three-fourth, .tatsu-row>.tatsu-column.tatsu-two-third {
        width: 100% !important;
    }
}

.portfolio-item-cats-inner-wrap {
    padding: 0 40px;
}

@media only screen and (max-width: 640px) {
    #portfolio-navigation-bottom a {
        position: relative;
        padding-top: 15px;
    }
    .next-arrow, .previous-arrow {
        position: absolute;
        top: 0;
        margin: 0 auto;
        width: 5px;
    }
    .navigation-previous-post-link:hover .arrow-line-two, .navigation-next-post-link:hover .arrow-line-two {
        transform: none;
        display: none;
    }
    .navigation-previous-post-link:hover .previous-arrow, .navigation-next-post-link:hover .next-arrow {
        transform: none;
    }
    .next-title, .previous-title {
        display: block;
    }
    .navigation-previous-post-link:hover .previous-title {
        transform: none;
    }
    .navigation-next-post-link:hover .next-title {
        transform: none;
    }
}

/* Contact Page */
#telephone-number .title-with-icon-card {
    display: inline-block;
    cursor: pointer;
}
#telephone-number .title-with-icon-card + a {
    display: none;
}

#email-address .title-with-icon-card {
    display: inline-block;
    cursor: pointer;
}
#email-address .title-with-icon-card + a {
    display: none;
}