/* Fix the player container to take up 100% width and to calculate its height based on its children. */
#greenbox-logo-container {
    background: #ffffff;
}

#greenbox-logo-inner {
    max-width: 1170px;
    margin: 0 auto;
    /*background: #39AA36;*/
    background: #ffffff;
    position: relative;
    z-index: 10;
    text-align: right;
    right: 20px;
}

#greenbox-logo-inner img {
    max-height: 50px;
}

#greenbox-vid-container {
    width: 100%;
    background: #000;
    position: relative;
}

#greenbox-vid {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

#greenbox-vid-container [data-player] {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
}

/* Fix the video container to take up 100% width and to calculate its height based on its children. */
[data-player] .container[data-container] {
    width: 100%;
    height: auto;
    position: relative;
}

/* Fix the media-control element to take up the entire size of the player. */
[data-player] .media-control[data-media-control] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Fix the video element to take up 100% width and to calculate its height based on its natural aspect ratio. */
[data-player] video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.greenbox-content-container {
    font-size: 14px;
}

.greenbox-social-links {
    background: transparent;
    border-radius: 5px padding: 15px;
    margin: 10px auto;
    width: 302px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    place-content: center;
}

.greenbox-social-links img {
    max-width: 30px;
}

.greenbox-separator {
    margin: 30px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #eaeaea;
}

#greenbox-vid-container div:has(div.clappr-watermark) {
    display: block !important;
}

#greenbox-vid-container .clappr-watermark {
    text-align: left;
}

#greenbox-vid-container .clappr-watermark img {
    max-width: 70px;
}

.greenbox-banner {
    position: relative;
    border-radius: 5px;
    box-shadow: 0 10px 15px rgba(0,0,0,.2),0 4px 6px rgba(0,0,0,.1);
    max-width: 600px;
    margin: 0 auto 100px;
}

.greenbox-banner .tns-controls {
    display: none;
}

.greenbox-banner .tns-nav {
    /*display: none;*/
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.greenbox-banner .tns-nav>[aria-controls] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    color: #ffffff;
}

.greenbox-banner .tns-nav>.tns-nav-active {
    background: rgba(0, 0, 0, 0.7);
}

.greenbox-banner button[data-action='stop'] {
    display: none;
}

.greenbox-banner button[data-action='start'] {
    display: none;
}

.greenbox-banner .banner-slider img {
    outline: 7px solid rgba(255,255,255,.55);
    outline-offset: -7px;
    border-radius: 5px;
}