/* css for secondary button starts*/
.is-style-zoom-button-secondary .wp-element-button {
    border: 1px solid #2D8CFF;
    color: #2D8CFF;
    background: transparent;
    padding: 1rem 3rem;
    border-radius: 50px;
    font-size: 20px
}

.is-style-zoom-button-primary .wp-element-button {
    border: 1px solid #2D8CFF;
    color: #F8F8F8;
    padding: 1rem 3rem;
    border-radius: 50px;
    font-size: 20px
}
/* css for secondary button ends*/

/*speakers list design starts */

.cm-vcz-speaker ul li:nth-child(even) .wp-block-group{
    flex-direction: column-reverse;
}

.cm-vcz-speaker ul li .wp-block-group .wp-block-post-excerpt p{
    color: #2D8CFF;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 18px;
}

/*speakers list design ends */

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 8px 16px;
}

/*responsive css*/

/*responsive css*/

@media (max-width: 782px) {
    /*css for mobile navigation dropdown*/
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: block;
        padding: 8px;
        height: unset;
        width: unset;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation {
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        border-bottom: 1px solid #eee;
        justify-content: space-between;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-link {
        border-bottom: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
        width: 86%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-link .wp-block-navigation-item__content {
        padding: 6px 0;
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
        width: 80%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-submenu {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-submenu.is-subMenu--active {
        display: block;
    }

    .has-modal-open:before {
        position: fixed;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: #000;
        opacity: 0.7;
        z-index: 9999;
    }


    .wp-block-navigation__responsive-container.is-menu-open {
        padding: 0;
        height: 100vh !important;
        width: 70%;
        right: 0;
        left: unset;
    }

    .wp-block-navigation__responsive-close {
        height: 100%;
    }

    .wp-block-navigation__responsive-container-close {
        right: 20px;
        top: 20px;
    }

    .has-child .wp-block-navigation__submenu-container {
        display: none !important;
    }

    .has-child .wp-block-navigation__submenu-container.is-subMenu--active {
        display: block !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container ul {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .wp-block-navigation__responsive-dialog {
        background-color: #fff !important;
        padding: 24px;
        height: 100%;
        margin-top: 0 !important;
        z-index: 99999;
    }

    .wp-block-navigation__submenu-container.wp-block-navigation-submenu.is-subMenu--active {
        padding: 0 16px !important;
    }
}