/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08-feb-2019, 13:45:04
    Author     : Tatiana
*/
@import 'colores';
#footer{
    color:$fuente_footer;
    .footer-center{
        padding: 49px 0 50px;
        background:$fondo_footer;
        border-top: 1px solid $borde_footer;
        .footer-block:not(.footer_logo) ul li:hover {
            padding-left: 8px;
            a {
                color: $enlaces_footer !important;
                &:hover{
                    color: $enlaces_footer_hover
                }
            }
            ul{
                li{
                    a:before{
                        bottom: 3px;
                        content: "\e080";
                        font-family: $fuente_iconos;
                        font-size: 12px;
                        left: 1px;
                        line-height: 1;
                        position: absolute;
                        color: rgb(102, 102, 102);
                        transition: all 0.3s ease-in-out 0s;
                    }
                }
            }
        }
        .footer-static.row-fluid {
            position: relative;
            @media (max-width:767px){
                text-align:center;
            }
            .footer_logo{
                .logof {
                    margin-bottom: 29px;
                    a {
                        padding-right: 15px;
                        overflow: hidden;
                        /* display: block; */
                        text-align: left;
                    }
                }
                .logo_center{
                    border-right:1px solid $primario;
                    .em1 {
                        background: transparent;
                        border: 2px solid $primario;
                        border-radius: 50%;
                        width: 40px;
                        height: 40px;
                        color: $primario;
                        display: inline-block;
                        left: 0;
                        vertical-align:middle;
                        i {
                            display: block;
                            line-height: 40px;
                            text-align: center;
                            font-size: 15px;
                            &.icon-map-markerr::before {
                                content:"\f34e";
                                font: normal normal normal 21px/1 $fuente_iconos;
                            }
                            &.icon-phonee::before {
                                content: "\f3f2";
                                font: normal normal normal 21px/1 $fuente_iconos;
                            }
                            &.icon-email::before {
                                content: "\f1ee";
                                font: normal normal normal 21px/1 $fuente_iconos;
                            }
                        }
                    }
                }
                ul{
                    li{
                        font-size: 12px;
                        margin-bottom: 12px;
                        text-align:left;
                        @media (max-width:767px){
                            text-align:center;
                        }
                        @media (min-width:1200px){
                            em:not(.em1) {
                                position: absolute;
                                width: 100%;
                                left: 20px;
                                top: 55%;
                                transform: translateY(-50%);
                                -ms-transform: translateY(-50%);
                                -webkit-transform: translateY(-50%);
                                padding: 0 30px 0 30px;
                            }
                        }
                        @media (max-width:1199px){
                            em.em1 {
                                display:none !important;
                            }
                        }
                        a{
                            padding: 0px;
                            display:inline-block;
                            &:hover{
                                color: $colorDelDemonio;
                            }
                        }
                    }
                }
            }
            h4 {
                color: $cabeceras_menu_footer;
                font-size: 16px;
                margin: 25px 0 19px;
                line-height: 14px;
                font-weight: bold;
                a{
                    color: $cabeceras_menu_footer;
                }
            }
        }
        ul{
            overflow: hidden;
            margin:0px;
            li{
                transition: all 0.3s ease-in-out 0s;
                -webkit-transition: all 0.3s ease-in-out 0s;
                -ms-transition: all 0.3s ease-in-out 0s;
                padding: 0;
                margin: 0 0 10px;
                position: relative;
                a{
                    color: $enlaces_footer;
                    display: block;
                    font-size: 12px;
                    line-height: 20px;
                    padding-left: 13px;
                    position: relative;
                    /*text-transform: capitalize;*/
                    transition: all 0.3s ease-in-out 0s;
                    -webkit-transition: all 0.3s ease-in-out 0s;
                    -ms-transition: all 0.3s ease-in-out 0s;
                    &:hover{
                        color:$enlaces_footer_hover;
                    }
                }
            }
        }
    }
    .row{
        position:relative}
    ul.row{
        position:static}
    h4 a{
        color:$cabeceras_menu_footer;}
    ul li{
        padding-bottom:8px}
    #block_contact_infos > div{
        padding:0 0 0 5px;
        ul li{
            padding:0 0 7px 4px;overflow:hidden;line-height:30px;
            i{
                font-size:25px;width:32px;text-align:center;padding-right:12px;float:left;color:$fuente_footer;}
        }
        ul li > span, ul li > span a{
            color:$blanco;font-weight:normal}
    }
    .blockcategories_footer{
        clear:left}
    #social_block ul li{
        text-align:center;float:left;
        a{
            display:inline-block;color:$fuente_footer;font-size:28px;
            span{
                display:none}
            &:before{
                display:inline-block;font-family:$fuente_iconos;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
            &:hover{
                color:$blanco}
        }
        h4{
            float:right;margin-bottom:0;font-size:21px;line-height:25px;text-transform:none;padding:0 10px 0 0}
    }
    .footer_facebook {
        text-align: center;
        div figure {
            display: inline-block;
        }
        div figure figcaption{
            display:none;
        }
    }
    .footer-bottom {
        background: $gris;
        padding: 30px 0;
        //(Marina 18/09/19)
        //añadido para mejorar el aspecto del footer cuando tiene subvencion
        //media para que a partir de 991px hacia abajo se centre el contenido del footer-bottom
        @media(max-width: 991px){
            .contenedor_subvencion figure{
                display: inline-block;
                text-align: center;
                img{
                    float: none;
                    margin: 6px;
                }
            }
            .contenedor_subvencion, #social_block, .footer-address{
                width: 100%;
                text-align: center;
            }
        }
        .footer-static.row-fluid {
            position: relative;
        }
        .footer-address {
            text-align: left;
            p {
                color: $primario;
                font-size: 13px;
                margin: 0;
                line-height: 35px;
                a:hover{
                    color: $primario !important;
                    font-size: 13.5px;
                    font-weight: bold;
                }
            }
        }
        #social_block{
            @media (max-width:768px){
                text-align: center;
            }

            ul {
                margin: 0;
                display: inline-block;
                float: right;
                @media (max-width:768px){
                    float:none;
                }
                li {
                    margin-right: 8px;
                    padding: 0;
                    text-align: center;
                    float: left;
                    color: #989898;

                    &.facebook {
                        a{
                            background: rgba(255,255,255,0.2);
                        }
                        &:hover{
                            background: $facebook ;
                        }
                    }

                    &.instagram {
                        a{
                            background: rgba(255,255,255,0.2) ;

                        }
                        &:hover{
                            background: $instagram;
                        }
                    }
                    &.google {
                        a{
                            background: rgba(255,255,255,0.2) ;
                        }
                        &:hover{
                            background: $naranja_google;
                        }                    }

                    &.twitter {
                        a{
                            background: rgba(255,255,255,0.2) ;

                        }
                        &:hover{
                            background: $twitter ;
                        }
                    }
                    &.youtube {
                        a{
                            background: rgba(255,255,255,0.2) ;

                        }
                        &:hover{
                            background: $youtube ;
                        }
                    }
                    a {

                        background-size: 50% !important;
                        display: inline-block;
                        height: 35px;
                        width: 35px;
                        color: #908f8f;
                        font-size: 23px;
                        &:hover{

                            i{
                                font-size:24px;
                                &:before {

                                    color: $blanco;
                                }     
                            }
                        }
                    }
                }
            }
        }
    }
    .bottom-footer{
        position:absolute;bottom:-55px;left:0; }

}

@media (max-width:767px){
    #footer{
        h4{
            position:relative;margin-bottom:0;padding-bottom:13px;
            &:after{
                /*display:block;content:"\f055";font-family:$fuente_iconos;position:absolute;right:0;top:1px*/
            }
            &.active:after{
                content:"\f056"}
        }
        .footer-block:not(:first-child){
            margin-top:20px}
        #block_contact_infos{
            border:none}
        #block_contact_infos > div{
            padding-left:0}
        #social_block h4{
            display:none;text-align:center}
    } 
}
@media (min-width:768px) and (max-width:991px){
    #footer #social_block ul li a{
        font-size:20px}
}