/* 

No public difusion allowed. Code rights reserved.
Contact us hola@sergiotorres.info
www.sergiotorres.info

*/

/************************ RESPONSIVE ************************/

/* X-Large desktop */
@media (min-width: 1200px) {
    
}

/* Large desktop */
@media (max-width: 1199px) {
    
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) { 
    /* MENU */
    
    .nav > li > a {
        padding: 10px 7.5px;
    }
    
    /* HOME */
    
    body.page-template-home .box-content .content, body.home .box-content .content{
        height: 1100px;
    }
    
    .colCentral{
        padding: 15px;
    }
    
    /* AUDIOVISUAL */
    
    .box-content.bg-img .content{
        height: 425px;
    }
    
    .page-audiovisual h2{
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .page-audiovisual .box-premio{
        margin-top: 30px;
        margin-bottom: 90px;
    }
    
    .page-audiovisual .box-premio .row:nth-child(2){
        margin-top: 0;
    }
    
    .page-audiovisual .box-premio h2{
        margin-bottom: 0;
    }
    
    .page-audiovisual .box-premio .row{
        margin-top: 0;
    }
    
    .page-audiovisual .box-premio .row div{
        min-height: inherit;
        margin-bottom: 30px;
    }
    
    /* NOTICIAS */
    
    .box-news{
        padding-bottom: 150px;
    }
    
    .box-news .new .content .readMore{
        position: relative;
        right: inherit;
        top: inherit;
        display: block;
        text-align: right;
        margin-top: 15px;
    }
    
    /* FOOTER */
    
    .footer:before{
        top: -110px;
        height: 155px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  
    
    /* MENU */
    
    .menu-toggle span{
        background-color: black;
    }
    
    .menu-toggle.open span{
        background-color: white;
    }
    
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
        color: white;
    }
    
    .navbar-default .navbar-nav{
        margin: 100px auto;
        display: block;
    }
    
    /* CLIP */
    
/*    .bg-img,*/
    .galardonados,
    .footer:before{
        -webkit-clip-path: none;
        clip-path: none;
    }

    
    /* HOME */
    
    body.page-template-home .box-content .content, body.home .box-content .content{
        height: inherit;
        min-height: 700px;
    }
    
    .galardonados{
        padding-bottom: 30px;
    }
    
    .colCentral h1{
        font-size: 20px;
    }
    
    .colCentral p{
        font-size: 11px;
    }
    
    .home-content .colCentral p:last-child{
        padding-right: 0;
    }
    
    .galardonados .row:first-child{
        padding-top: 0;
    }
    
    /* AUDIOVISUAL */
    
    .cita{
        padding: 0;
    }
    
    .box-content.bg-img .content{
        height: inherit;
    }
    
    .bg-img{
        margin-bottom: 30px;
        min-height: 225px;
    }
    
    .page-audiovisual .box-premio{
        margin-bottom: 30px;
    }
    
    .footer.bg-img{
        margin-bottom: 0;
    }    
    
    /* LOS POETAS */
    
    .page-poetas .box-premio{
        margin-bottom: 30px;
    }
    
    .panel-group .bio{
        margin: inherit;
    }
    
    .page-poetas .panel-group{
        padding-top: 0;
    }
    
    /* NOTICIAS */
    
    .flex{
        display: block;
    }
    
    .box-news{
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    
    .box-news .row:first-child{
        margin-top: 0;
    }
    
    /* CONTACTO */
    
    .page-contact h1{
        font-size: 22px;
    }
    
    /* JARDIN */
    
    .page-template-jardin h2{
        margin-bottom: 30px;
    }
    
    
    /* FOOTER */
    
    .footer{
        background: #00345b;    
    }
    
    .footer:before{
        content: none;
    }
    
    .footer:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 250px;
        width: 100%;
        background: #00345b;
    }
    
    .footer.bg-img {
        min-height: 500px;
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: transparent;
        margin-top: -15px;
        z-index: 0;
    }
    
    .footer:before{
        top: -15px;
        height: 16px;
    }
    
    .footer .info{
        bottom: -475px;
    }
}

/* Landscape phones and down */
@media (max-width: 320px) {
    
    /* CONTACTO */
    
    .page-contact h1{
        font-size: 18px;
    }
   
}