/*
* CSS for the responsive design of this website
*/
@media screen and (min-width: 1400px) and (max-width: 2000px) {
    .highlights-navigation{
        position:absolute;
        top:-45px;
    }
    .photographer-highlights-container {
        margin-top: -45px;
    }
}

@media screen and (max-width: 1399px) {
     .photographer-slide-border{
         top:56%;
     }
    .entry-content{
        margin-bottom:20px;
    }
    .photographer-blog-list-item-main{
        padding:40px 100px 40px 80px;
    }
    .photographer-slide-title{
        position:absolute;
        width:52%;
        left: 7%;
        top: 50%;
        transform: translate(-10%,-50%);
    }
    .swiper-custom-navigation{
        width:137px;
        clear:both;
        z-index:999;
        position: absolute;
        right: 7%;
        bottom: 10%;
        transform: translate(-6%,-10%);
    }
    .highlights-navigation{
        position:absolute;
        top:-30px;
    }
    .photographer-highlights-container {
        margin-top: -35px;
    }

    .highlights-navigation{
        position:absolute;
        top:-25px;
    }
    .photographer-highlights-container {
        margin-top: -25px;
    }
}
@media screen and (max-width: 1170px) {
    .mobile-navigation{
        display:block;
    }
    #left-navigation,
    #right-navigation{
        display:none;
    }
}
@media screen and (max-width: 1024px) {
    .mobile-navigation{
        display:block;
    }
    #left-navigation,
    #right-navigation{
        display:none;
    }
    .highlights-navigation{
       display:none;
    }
}

@media screen and (max-width: 992px) {

    .mobile-navigation{
        display:block;
    }

    #left-navigation,
    #right-navigation{
        display:none;
    }
}

@media screen and (max-width: 768px) {
    #site-logo {
        text-align: center !important;
    }
    .mobile-navigation{
        display:block;
    }
    .footer-menu{
        float: none;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .site-info{
        float: none;
        text-align: center;
    }

    .photographer-slide-title{
        position:absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size:1.5em;
    }

    /*---------------------
    # Shortcodes
    ---------------------*/
    .column-shortcode{
        margin-bottom:25px;
    }
}

@media screen and (max-width: 520px) {
    .swiper-custom-navigation{
        display:none;
    }
    .photographer-slide-title{
        display:none;
    }
}