/**
 * (en) Side Buttons
 * (de) Side Buttons
 *
 * @copyright			Copyright 2017, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen {

    .side-buttons {
        position: fixed;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        z-index: 1;
    }

    .side-buttons .select2-style-button-box-center > * {
        margin: 0 0 12px 0;
    }

    .side-buttons .select2-style-button-box-center .s-button > span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .side-buttons .s-button,
    .side-buttons a.s-button:visited,
    .side-buttons a.s-button:active,
    .side-buttons a.s-button:focus {
        height: 44px;
        width: 44px;
        display: block;
        background: #A1007B;
        border: none;
        position: relative;
    }

    .side-buttons .no-text[class*="icon"]::before {
        font-family: FontAwesome;
        font-size: 28px;
        line-height: 44px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        text-align: center;
        color: #fff;
    }

    .side-buttons .no-text.share-alt-icon::before {
        content: "\f1e0";
    }

    .side-buttons .no-text.envelope-icon::before {
        content: "\f0e0";
    }

    .side-buttons .no-text.youtube-play-icon::before {
        content: "\f167";
    }

    .side-buttons .no-text.linkedin-icon::before {
        content: "\f08c";
    }

    .side-buttons .no-text.facebook-icon::before {
        content: "\f082";
    }

    .side-buttons .no-text.twitter-icon::before {
        content: "\f081";
    }

    .side-buttons .no-text.twitter-icon::before {
        content: "\f081";
    }

    .side-button-content p.social-media {
        margin: 0 -12px;
    }

    .side-button-content p.social-media a,
    .side-button-content p.social-media button {
        padding: 0 6px;
        position: relative;
    }

    p.social-media .fa,
    p.social-media .fas,
    p.social-media .far,
    p.social-media .fal,
    p.social-media .fad,
    p.social-media .fab {
        vertical-align: bottom;
        line-height: 34px;
    }

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {


}