/**
 * This file contains component styles
 *
 * @author Michael Straeten
 */


/*###############################################################################*/
/*#### SLIDEOUT
/*###############################################################################*/

.skContact {
    position:fixed;
    right:0;
    top:50%;
    z-index:999;
}

.skContact .item {
    display:flex;
    background-color:#666666;
    height: 50px;
    width: 70px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
    margin-right: -30px;
}

.skContact .item .icon {
    padding:5px;
    height: 40px;
    margin-left: -10px;
    margin-top: -2px;
    width:20px;
    text-align:center;
}

.skContact .item .icon:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

    display:inline-block;
    vertical-align:sub;
}

.skContact .item a {
    padding:5px;
    align-self:center;
    margin-left: 14px;
    margin-top: 10px;
    font-size: 15px;
    color: white;
}

.skContact .item a:hover {
    color: #cccccc;
}