/* TC YOUTUBE SIDEBAR */

#block-views-youtube-sidebar-view-block .block-title {
    display: none;
}

#tc-youtube-description {
    font-weight: 900;
    font-size: 1.3em;
    font-family: 'Acumin Pro', sans-serif;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 1em;
    padding-left: 2.25em;
    padding-right: 2.25em;
}

#tc-youtube-thumbnail-wrapper {
    position: relative;
    cursor: pointer;
}

#tc-youtube-play-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    background: url('../images/play.svg');
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-size: contain;
}

#tc-youtube-play-icon:hover {
    opacity: 0.8;
}

#tc-youtube-url {
    opacity: 0;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    transform: translateY(-183px);
}

#tc-youtube-sidebar-wrapper::before {
    content: "";
    display: block;
    height: 20px;
    background: url('../images/stars.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

#tc-youtube-sidebar-wrapper::after {
    content: "";
    display: block;
    height: 20px;
    background: url('../images/stars.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
}

#tc-youtube-video-wrapper.tc-stop {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    z-index: -9999;
    cursor: none;
    transition: all 0.2s ease-out;
}

#tc-youtube-video-wrapper.tc-play {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.85);
    right: 0;
    bottom: 0;
    transition: all 0.2s ease-out;
}

#tc-youtube-vid-embed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#tc-close-video-icon {
    display: block;
    position: fixed;
    left: 50%;
    top: 75px;
    background: url('../images/cancel.svg');
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 0.2s ease-in;
    transform: translateX(-50%) rotate(0deg);
    background-size: contain;
    background-repeat: no-repeat;
}

#tc-close-video-icon:hover {
    transition: all 0.3s linear;
    transform: translateX(-50%) rotate(-180deg);
}

.node-type-youtube-sidebar #page-title {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#tc-thumbnail {
    text-align: center;
}

@media all and (min-width: 1200px) {
    #tc-youtube-vid-embed iframe {
        width: 1080px;
        height: 608px;
    }
    #tc-close-video-icon {
        top: 45px;
    }
    #tc-youtube-vid-embed {
        top: 53%;
    }
}

@media all and (min-width: 800px) and (max-width: 1199px) {
    #tc-youtube-vid-embed iframe {
        width: 720px;
        height: 405px;
    }
}

@media all and (min-width: 480) and (max-width: 799px) {
    #tc-youtube-vid-embed iframe {
        width: 420px;
        height: 236px;
    }
}

@media all and (max-width: 479px) {
    #tc-youtube-vid-embed iframe {
        width: 315px;
        height: 177px;
    }
    #tc-youtube-vid-embed {
        top: 48%;
    }
}