/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
    background: var(--bg);
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

    #topbar .contact-info a {
        line-height: 1;
        color: #555;
        text-decoration: none;
    }

        #topbar .contact-info a:hover {
            color: var(--secondary);
            font-weight: 600;
        }

    #topbar .contact-info i {
        color: var(--secondary);
        padding: 4px;
    }

    #topbar .contact-info .fa-phone {
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #e9e9e9;
    }

    #topbar .social-links a {
        color: #555;
        padding: 4px 12px;
        display: inline-block;
        line-height: 1px;
        border-left: 1px solid #e9e9e9;
        text-decoration: none;
    }

        #topbar .social-links a:hover {
            color: var(--secondary);
        }

        #topbar .social-links a:first-child {
            border-left: 0;
        }