/*
    Estilos añadidos utilizando ls librería modernizr para adaptar los estilos a los navegadores antiguos
*/




/* Imagen del logo cuando se permi*/

.cont-img-log-festi{
    width: 150px;
    height: 150px;    
}

.cont-img-log-festi img{    
    max-height: 180px;
    max-width: 180px;    
}


.cont-img-log-festi-sm{ 
    width: 120px;
    height: 120px;    
}

.cont-img-log-festi-sm img{       
    max-height: 120px;
    max-width: 120px; 
}


/*Clases para navegadores modernos*/
.flexbox #cont-img-logo-fest, .flexbox #cont-img-logo-fest-sm  {    
    overflow: hidden;  
    margin-left: 4%;    
    
    /*background: gray;*/
    
    display: flex;
    display: -webkit-box;
    /*display: -moz-box;*/
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.flexbox #cont-img-logo-fest > img, .flexbox #cont-img-logo-fest-sm > img{        
   
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
         transition: all 0.5s ease;    
}

.flexbox #cont-img-logo-fest > img:hover, .flexbox #cont-img-logo-fest-sm > img:hover{    
    transform: scale(1.4); 
}


/*Clases para navegadores antiguos*/
.no-flexbox #cont-img-logo-fest, .no-flexbox #cont-img-logo-fest-sm {    
    overflow: hidden;  
    margin-left: 4%;    
        
    text-align: center;
    vertical-align: middle;
    
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-flexbox #cont-img-logo-fest > img, .no-flexbox #cont-img-logo-fest-sm > img{        
           
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
         transition: all 0.5s ease;    
}

.no-flexbox #cont-img-logo-fest img {
    height: 150px;
    width: 150px;    
}

.no-flexbox #cont-img-logo-fest-sm img{
    height: 120px;
    width: 120px;    
    
    max-height: 120px;
    max-width: 120px; 
}

.no-flexbox #cont-img-logo-fest > img:hover{    
    height: 180px !important;
    width: 180px !important; 
}

.no-flexbox #cont-img-logo-fest-sm > img:hover{    
    max-height: 150px;
    max-width: 150px; 
    
    height: 150px !important;
    width: 150px !important;     
}



/*
    Label para los festivales que son nuevos y que en los navegadores antiguos no se puede rotar
    usando "transform: rotate(15deg)"
*/
.not-oriented-new-label{        
    top: 5px !important;   
    right: inherit !important;
    width: 150px !important;            
    padding: 7px 20px 7px 32px!important;
}


/* Logo y nombre del festival en la ficha del festival */

.no-flexbox #name-fest-ficha-style {
    float: inherit !important;    
}

.no-flexbox #cell-logo-fest-style {
    float: inherit !important;
}

.no-flexbox #cont-logo-fest-style{
    text-align: center;
}

.no-flexbox #cont-header-fest-style{
    height: 100% !important;
}