/*=============================================
TOP
=============================================*/

#top {
    font-size: .9rem;
    background: #a00707;
    color: White;
}

#top ul li {
    display: inline;
    line-height: 30px;
    margin: 0px 5px;
}

#top ul li a {
    color: #fff;
}

.languages ul {
    text-align: right;
}

.navbar-nav .nav-item {
    padding-left: 15px;
}

.navbar {
    background: linear-gradient(to right, orange, #ec38bc, #7303c0, cyan);
}
.icon-menu {display:none;}
.nav-item {
    background: rgba(256, 256, 256, .5);    
}
.profile {margin-top: 10px;}

.navbar-nav .dropdown-menu {
    border: none;
    margin: 0 15px 14px 0;
    background: rgba(256, 256, 256, .5);
}

.social-network { color: white;}

.dropdown-item:hover {    
    background-color: #f5bfe7;
}

/*=============================================
MEDIA QUERIES
=============================================*/

@media (min-width: 576px) {     
   
    .icon-menu {display:none;}

    .profile {margin-top: 0;}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {     
   
    .icon-menu {display:none;}
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
    .icon-menu {display:none;}
    .nav-item {
        background: none;   
    }
    
    .navbar-light .navbar-nav .nav-link {
        color: white !important;
        font-weight: 300;
    }

    .navbar-nav a {
        position: relative;
        display: block;
        overflow: hidden;
        color: white;
    }

    .navbar-nav .dropdown-menu {        
        background: rgba(170, 84, 234, .8);
    }
    
 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {     

    .navbar-light .navbar-nav .nav-link {
        color: white !important;
        font-weight: 300;
    }

    .navbar-nav a span {
        transition: transform 0.2s ease-out;
    }

    .navbar-nav a span:first-child {
        display: inline-block;
    }

    .navbar-nav a span:last-child {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-120%);
    }

    .navbar-nav a:hover span:first-child {
        transform: translateY(120%);
    }

    .navbar-nav a:hover span:last-child,
    .navbar-nav[data-animation] a:hover span:last-child {
        transform: none;
    }

    .icon-menu { display: block;}

    .nav-item {
        background: none;    
    }
    
 }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    
 }