.header .top-bar {
    min-height: 30px;
    background: $gray-light;
    border-bottom: 1px solid $gray-lighter;
    padding: 0;
}


@media (min-width: 980px)
{
    .top-bar .collapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) { 
  .header .top-bar {
        min-height: 0;
        padding: 3px 0;
    }
}
 

.header .social,
.footer .social {
    margin-right: 4px;
    line-height: 30px;
    padding-left: 0;
    margin-bottom: 0;
}


.footer .social li:last-child,
.footer .social { margin-right: 0 !important }

.header .social li:first-child { border-left: 1px solid $gray-light }

.header .social li,
.footer .social li {
    border-right: 1px solid $gray-light;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    margin-right: 5px;
    width: 40px;
    text-align: center;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    padding: 1px;
}

.header .social i,
.footer .social i {
    color: $gray;
    font-size: 16px;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.header .social li:hover a i,
.footer .social li:hover a i { color: $body-bg }




.team .item .team-member-links a.facebook:hover,
.member-social.dark a.facebook:hover,
.header .social li.facebook:hover,
.footer .social li.facebook:hover { background: $brand-primary }

.team .item .team-member-links a.dribbble:hover,
.member-social.dark a.dribbble:hover,
.header .social li.dribbble:hover,
.footer .social li.dribbble:hover { background: $brand-warning }

.team .item .team-member-links a.twitter:hover,
.member-social.dark a.twitter:hover,
.header .social li.twitter:hover,
.footer .social li.twitter:hover { background: $brand-primary }

.team .item .team-member-links a.gplus:hover,
.member-social.dark a.gplus:hover,
.header .social li.gplus:hover,
.footer .social li.gplus:hover { background: $brand-danger }

.team .item .team-member-links a.linkedin:hover,
.member-social.dark a.linkedin:hover,
.header .social li.linkedin:hover,
.footer .social li.linkedin:hover { background: $brand-primary }

.team .item .team-member-links a.pinterest:hover,
.member-social.dark a.pinterest:hover,
.header .social li.pinterest:hover,
.footer .social li.pinterest:hover { background:$brand-danger }

.header .social li.rss:hover,
.footer .social li.rss:hover { background: $brand-warning }


.top-bar .languages  {
    padding: 8px 0;
}

.top-bar .languages a {
    margin-right: 20px;
    color: $gray;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
}