/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Footer and under footer                           *
*                                                                               *
*  [^]fo = footer                                                               *                                                             
*  [^]uf = under footer                                                         *
*                                                                               *
*                                                                               *
*                                                                               *
*                                                                               *
********************************************************************************/


/* [$] Block *****************************************/
    
    
    .footer-content ul.lang-list {
        padding-top: 5px;
        font-size: 0.85em;
    }
    
    .footer-content ul.social-network-icon .fa-facebook:hover {
        color:#3B5998;
    } 
    .footer-content ul.social-network-icon .fa-linkedin:hover {
        color:#0077B5;
    }
    .footer-content ul.social-network-icon .fa-twitter:hover {
        color:#1DA1F2;
    }
    .footer-content ul.social-network-icon .fa-youtube:hover {
        color:#CD201F;
    }

    .footer-content ul.social-network-icon li a em {
        color: #aaaaaa;
        -webkit-transition: color .3s linear;
        -moz-transition: color .3s linear;
        -ms-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        font-size:1.6em;
        padding-left:5px;
    }

    .footer-content ul.social-network-icon li:first-child a em {
        padding-left: 0;
    }
    
    .footer-content ul.social-network-icon li a em:hover {
        opacity: .7;
    }
    
    #footer ul.social-network-icon .fa-facebook:hover {
    color:#3B5998;
    } 
    #footer ul.social-network-icon .fa-linkedin:hover {
        color:#0077B5;
    }
    #footer ul.social-network-icon .fa-twitter:hover {
        color:#1DA1F2;
    }
    #footer ul.social-network-icon .fa-youtube:hover {
        color:#CD201F;
    }
    
    
    #footer ul.social-network-icon {
        text-align:left;
        padding: 12px 0 2px 0;
    }
    
    #footer ul.social-network-icon li a em {
        color: #ffffff;
        -webkit-transition: color .3s linear;
        -moz-transition: color .3s linear;
        -ms-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear;
        font-size:1.6em;
    }
    
    
    ul.social-network-icon li a em:hover {
        opacity: .7;
    }

    
    /* end of [^]fo */



/* [$] Element *****************************************/

    /* [^]fo */
    
    .footer__social-media {
        clear: both;
        height: auto;
        overflow: hidden;
    }
   
   .footer__privacy-copyright{
        background-color:#F3F3F3;
        padding-top: 23px;
   }

    .footer__copyright p {
        color: #616161;
        text-align: left;
        margin-top: 10px;
        font-size:14px;
    }
    
    .footer__privacy >a>span {
        text-decoration: underline;
        color: #616161;
    }

    .footer__menu.hidden-xs ul.list-inline {
        text-align:center;
    }

  /* end of [^]fo */


/*------ Return to top -----------*/
    #return-to-top {
         position: fixed;
         bottom: 20px;
         right: 20px;
         background: rgb(0, 0, 0);
         background: rgba(0, 0, 0, 0.6);
         width: 38px;
         height: 38px;
         display: block;
         text-decoration: none;
         -webkit-border-radius: 35px;
         -moz-border-radius: 35px;
         border-radius: 35px;
         display: none;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
         z-index:8009;
    }
     #return-to-top span.go-up {
         margin: 0;
         position: absolute;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
         left: 11px;
         top: 10px;
         background-repeat: no-repeat;
         background-position: center center;
         background-image:url('/img/site/arrow-16.png');
         width:16px;
         height:16px;
    }
     #return-to-top:hover {
         background: rgba(0, 0, 0, 0.9);
    }
     #return-to-top:hover i {
         color: #fff;
         top: 5px;
    }
    
    .fixed-bottom{
        position: fixed;
        width: 100%;
        bottom: 0;
    }

/**************************************************************************/
/*                              FOOTER                                    */
/**************************************************************************/
/* Moved from _tools/resources/front/css/blog/style.css */

#footer ul.lang-list {
    padding-top: 5px;
    font-size: 0.85em;
}

#footer .logos-container img:nth-child(2), 
#footer .logos-container img:nth-child(3) {
    margin-left: 20px;
}

#footer .footer-menu.hidden-xs ul.list-inline {
    text-align:center;
}
   
#footer .logos-container {
    padding-left: 7%;
}

#footer .logos-container .logos div {
    margin-left: 15px;
}

#footer .europa-logo img {
    padding-left: 5px;
    margin-left: 8px;
}

    /* [#] sm,md,lg screen */
    @media screen and (min-width: 768px) {
         /*---------- Footer ------------*/
        #footer .logos-container .logos div {
            margin: 0px;
            padding-right: 15px;
        }
        
        #footer .logos-container .logos .europa-logo {
            padding-right: 0!important;
            margin-top: -5px;
        }
        
        #footer .logos-container {
            padding-left: 0;
        }
        
        #footer .footer-menu {
            padding-left: 0;
        }
    
    
    }
    
    /* [#] lg screen */
    @media (min-width: 1281px) and (min-height: 720px) {
      /*---------- Footer ------------*/
        #footer .logos-container {
            padding-left: 9%;
        }
    
    
    }