.sbc-video-header {
    position: relative;
    margin-top: 0 !important;
}

.sbc-video-header__content {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 21;
    background-size: cover;
    min-height: 560px;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.sbc-video-header__video-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.frosted-glass-parent ~ .sbc-video-header{
    margin-top: calc(calc(var(--one-line-event-menu-padding) + var(--top-part-mobile-height)) * -1) !important;
}

.frosted-glass-parent ~ .sbc-video-header .sbc-video-header__content{
    padding-top: calc(var(--one-line-event-menu-padding) + var(--top-part-mobile-height)) !important;
    padding-bottom: var(--one-line-event-menu-padding) !important;
}

@media screen and (min-width: 769px) {
    .frosted-glass-parent ~ .sbc-video-header .sbc-video-header__content{
        padding-top: calc(calc(var(--one-line-event-menu-padding) + var(--top-part-mobile-height)) + 40px) !important;
    }
}

@media screen and (min-width: 1001px){
    .frosted-glass-parent ~ .sbc-video-header{
        margin-top: calc(var(--one-line-event-menu-padding) * -1) !important;
    }
}


/* Event template  */

.sbc-video-header.header__banner > :not(.header__banner-overlay){
    transition: none;
}

.sbc-video-header.header-template-event .sbc-baby-header-info__item{
    text-align: center;
}

@media screen and (max-width: 768px) {
    .sbc-video-header.header__banner{
        height: inherit;
    }

    .sbc-video-header.header-template-event .sbc-baby-header-info {
        flex-direction: row;
        flex-wrap: wrap;
        height: auto !important;
        padding: 10px;
    }

    .sbc-video-header.header-template-event .sbc-baby-header-info__item {
        flex: 1 1 50% !important;
        padding: 10px;
    }

    .sbc-video-header.header-template-event .sbc-baby-header-info__item:nth-of-type(1),
    .sbc-video-header.header-template-event .sbc-baby-header-info__item:nth-of-type(2) {
        border-bottom: 1px solid rgba(255, 255, 255, .35) !important;
    }

    .sbc-video-header.header-template-event .sbc-baby-header-info__item:nth-of-type(2):after {
        display: none !important;
    }
}

@media only screen and (min-width: 1001px) {
    .sbc-video-header.header-template-event .sbc-baby-header-info{
        max-width: calc(100vw - 30px);
    }
}

@media screen and (min-width: 769px) {
    .sbc-video-header.header-template-event .sbc-baby-header-info {
        bottom: -63px !important;
    }
}

/* End of Event Template */

@media screen and (max-width: 768px) {
    #blank-page .section_inner.sbc-video-header__content {
        position: initial;
        padding-bottom: 30px;
        transform: none;
        margin: auto;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .sbc-video-header video[poster],
    .sbc-video-header__video-wrapper {
        display: none;
    }
}
@media screen and (min-width: 769px) {
    .sbc-video-header__content {
        background-image: none;
        background: transparent;
    }
}

.sbc-video-header video {
    min-height: unset !important;
}

.sbc-video-header video[poster] {
    object-fit: cover;
    max-height: unset !important;
}

.sbc-video-header .dropdown-wrapper {
    width: 100%;
    text-align: center;
    bottom: 250px;
    z-index: 21;
    left: 0;
}

.dropbtn {
    width: 200px;
    height: 32px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.46;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    border: none;
    outline: none;
}

#btn-header {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 21;
    left: 0;
}

.dropbtn>i {
    padding-right: 0.5rem;
}

.dropdown {
    position: relative;
    display: inline-block;
    text-align: left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 200px !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 0.5rem;
    overflow: hidden;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-top: 0px!important;
}

.dropdown-content li:first-child {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}

.dropdown-content li:nth-last-child(1) {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.dropdown-content li {
    color: black;
}

.dropdown-content li:hover {
    color: white;
}

.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.dropdown-content li:active {
    filter: brightness(110%);
}

.dropdown:hover .dropbtn {
    filter: brightness(110%);
}

ul.dropdown-content {
    list-style-type: none;
}

ul.dropdown-content>li {
    padding: 5px 16px 5px 42px;
    background-repeat: no-repeat;
    background-position: 14px;
    cursor: pointer;
}

ul.dropdown-content>li.google {
    background-image: url(https://sbcconnectstorage.blob.core.windows.net/assets/img/calendar/google.png);
}

ul.dropdown-content>li.apple {
    background-image: url(https://sbcconnectstorage.blob.core.windows.net/assets/img/calendar/apple.png);
}

ul.dropdown-content>li.outlook-desktop {
    background-image: url(https://sbcconnectstorage.blob.core.windows.net/assets/img/calendar/outlook-desktop.png);
}

ul.dropdown-content>li.outlook-web {
    background-image: url(https://sbcconnectstorage.blob.core.windows.net/assets/img/calendar/outlook-web.png);
}

ul.dropdown-content>li.yahoo {
    background-image: url(https://sbcconnectstorage.blob.core.windows.net/assets/img/calendar/yahoo.png);
}

@media(max-width:768px) {
    .dropdown-wrapper {
        top: 300px;
    }
}

@media(min-width:1000px) and (max-width:1057px) {
    .dropdown-wrapper {
        top: 570px;
    }
}

.dropbtn.has-button-preset {
    position: relative;
    overflow: hidden;
    border-style: solid;
    color: var(--sbc-smart-button-desktop-color) !important;
    padding: var(--sbc-smart-button-desktop-padding);
    font-size: var(--sbc-smart-button-desktop-font-size);
    font-weight: var(--sbc-smart-button-desktop-font-weight);
    text-align: var(--sbc-smart-button-desktop-text-align);
    border-width: var(--sbc-smart-button-desktop-border-width);
    border-radius: var(--sbc-smart-button-desktop-border-radius);
    border-color: var(--sbc-smart-button-desktop-border-color);
    background: var(--sbc-smart-button-desktop-background) !important;
}

@media(max-width:768px) {
    .dropbt.has-button-preset {
        position: relative;
        overflow: hidden;
        border-style: solid;
        color: var(--sbc-smart-button-mobile-color) !important;
        padding: var(--sbc-smart-button-mobile-padding);
        font-size: var(--sbc-smart-button-mobile-font-size);
        font-weight: var(--sbc-smart-button-mobile-font-weight);
        text-align: var(--sbc-smart-button-mobile-text-align);
        border-width: var(--sbc-smart-button-mobile-border-width);
        border-radius: var(--sbc-smart-button-mobile-border-radius);
        border-color: var(--sbc-smart-button-mobile-border-color);
        background: var(--sbc-smart-button-mobile-background) !important;
    }
}