/*	
--------------------------------------------------
Social navigation
-------------------------------------------------- 
*/

nav.social {
    margin-bottom: var(--base-spacing);    
}

.item .inner nav.social {
    margin-bottom: 0;
}

nav.social ul {
    line-height: 0;
}

nav.social ul li {
    display: inline-block;
    position: relative;
    margin: 0 2px 5px 0!important;
}

nav.social ul li a {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    transition: opacity 0.3s ease-in-out 0s;
}

.author-bio nav.social ul li a { 
    width:30px; height:30px;
}

nav.social ul li a img {
    display:block;
    width: 30px;
    height: 30px;
}

.author-bio nav.social ul li a img { 
    width:30px; height:30px;
}

html.no-touch nav.social ul li a:hover {
    opacity: 0.7;
}

@media(max-width:991px) {
    nav.social {
        margin-bottom: 0;
        order: 3;
        position: absolute;
        right: 30px;
        top: 20px;
    }

    footer nav.social {        
        left: 0px;
    }

        nav.social ul li a {
            position: relative;
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            transition: opacity 0.3s ease-in-out 0s;
        }

            nav.social ul li a img {
                display: block;
                width: 20px;
                height: 20px;
            }

    nav.header-phone {       
        order: 4;
        position: absolute;
        right: 10px;
        top: 20px;
        }
        nav.header-phone i.icon.usn_ion-ios-call {
            color: white;
            font-size: 20px;
        }
}