/* Place for custom per-site CSS. Won't be replaced when upgrading the site. */

#fb-wrapper {
    width: 240px;
    position: fixed;
    right: -242px;
    top: 50%;
    margin-top: -170px;
    z-index: 101;
    background: #fff;
    border: 1px solid #395994;
}
#fb-wrapper #handle {
    width: 33px;
    height: 171px;
    position: absolute;
    top: -1px;
    left: -33px;
    background: url('../../img/fb-handle.png');
    cursor: pointer;
}
#yt-wrapper {
    width: 33px;
    height: 171px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
    background: url('../../img/yt-handle.png');
}
#yt-wrapper:hover { opacity: 0.8; }

@media screen and (max-width: 768px) {
    #fb-wrapper, #yt-wrapper { display: none; }
}