/*
 Theme Name:   Twenty Sixteen Child
 Description:  Twenty Sixteen Child Theme
 Author:       Jesse Fisher
 Author URI:   https://orioncreative.com.au
 Template:     twentysixteen
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentysixteen-child
*/


#commercial .item {
    margin-bottom: 0;
}



.single-residential dl dt,
.single-commercial dl dt,
.single-commercial h1 dt {
    font-family:'NHaasGroteskDSStd-65Md', Helvetica, sans-serif;
    font-size:15px;
    line-height:25px;
    letter-spacing:0.02em;
    font-weight:normal;
    color:#000;
}

div.flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
}
@media only screen and (min-width:768px){
    .commercial-list-main > .row {
        margin-left: 0;
        margin-right: 0;
    }
    div.commercial-list-content{
        text-align: center;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        /* height: 59vh; */
        align-items: center;
        display: flex !important;
        align-content: center;
        justify-content: center;
    }
    /* .page-template-page_templatescommercial_list-php .navbar-header div.col-md-6{
        padding-left:0;
        padding-right:0px;
    } */
}
div.commercial-list-content:before{
    width:1px;
    height:100%;
    background:#000;
    position:absolute;
}

div.commercial-list-content h3{
    font-size: 32px;
    line-height: 26px;
    font-weight: 100;
    font-family: 'NHaasGroteskDSStd-45Lt', Helvetica, sans-serif;
    margin: 20px 0 !important;
}
div.commercial-list-content h3 span{
    font-family: 'NHaasGroteskDSStd-65Md', Helvetica, sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
    font-weight: normal;
    color: #000;
    width: 100%;
    display: inline-block;
}

#commercial img.left{
    margin-left:-15px;
    width:100%;
}
#commercial img.right{
    margin-left:15px;
    width:100%;
}
#commercial img.cover{
    width:calc(100% + 30px ) !important;
    max-width:calc(100% + 30px ) !important;
    margin-left:-15px;
    margin-bottom:20px;
}
@media only screen and (max-width:767px){
    #commercial img.right, #commercial img.left{margin:0;}
    /* div.commercial-list-content{
        width:90%;
        margin-left:5%;
    } */
    div.commercial-list-content{
        text-align: left;
        /*border-left: 1px solid #000;
        border-right: 1px solid #000;
        /* height: 59vh; */
        align-items: center;
        display: flex ;
        align-content: center;
        justify-content: flex-start;
        /* padding: 0; */
        margin-bottom: 0;
    }
    /* div.commercial-list-content h3{
        padding-left:0 !Important;
    } */
    div.commercial-list-content.right{
        order:1;
    }
    #commercial div.image.right{
        order:0;
    }
}

.split .link-to-project{
    margin-top:58px;
}

.link-to-project{
    display:none;
}
body.single-commercial .link-to-project{
    display:block;
}
@media only screen and (max-width:991px){
    body.single-commercial .link-to-project.hide-mobile{
        display:none !important;
    }
    /* .sidebar-offcanvas .offcanvas-top img, .sidebar-offcanvas .offcanvas-top svg{
        max-height:16px;
    } */
}


@media only screen and (min-width:992px){
    .split {
        min-height: calc(100vh - 132px);
    }
    body.single-commercial .link-to-project.hide-desktop{
        display:none !important;
    }
}

header .nav-flex-menu {
    align-content: center;
}
.nav-flex {
    height: clamp(8px, calc(0.5rem + ((1vw - 3.2px) * 4.9107)), 30px);
}
.nav-flex * {
    height: 100%;
}
.nav-flex img,
.nav-flex svg {
    display: block;
    width: auto !important;
    height: 100%;
    max-height: 30px;
}

.sidebar-offcanvas .offcanvas-top {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.sidebar-offcanvas .offcanvas-top div {
    padding: 0;
}

@media only screen and (max-width:991px){
    .sidebar-offcanvas .offcanvas-top div.logo-text {
        margin-right: auto;
        padding-left: 4vw;
    }
}

.offcanvas-top .logomark,
.offcanvas-top .logo-text,
.offcanvas-top .close {
    height: clamp(8px, calc(0.5rem + ((1vw - 3.2px) * 4.9107)), 30px);
}
.offcanvas-top .logomark *,
.offcanvas-top .logo-text *,
.offcanvas-top .close * {
    height: 100%;
}
.offcanvas-top img,
.offcanvas-top svg {
    display: block;
    width: auto !important;
    height: 100%;
    max-height: 30px !important;
}

@media only screen and (max-width:991px){
    .offcanvas-mobile-logo {}
    .offcanvas-desktop-logo { display: none; }
}
@media only screen and (min-width:992px){
    .offcanvas-mobile-logo { display: none; }
    .offcanvas-desktop-logo {}
}

footer {
    line-height: 0;
}
footer > .row {
    margin: 0 15px;
}
footer a {
    display: inline-block;
    line-height: 1.3;
}
#main footer {
    transition: all 0.3s ease-in-out;
}
.split .content {
    box-sizing: border-box;
    transition: padding-bottom 0.3s ease-in-out;
}
#footer-right a.instagram{
    margin-right:-2px;
}
@media only screen and (min-width:992px){
    footer > .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 5%;
    }
}