.breakdance .bde-header-builder {
    position: relative;
    width: 100%;
    background-color: var(--bde-background-color);
    --bde-header-width: var(--bde-section-width);
    --bde-header-sticky-top: calc(var(--bde-header-sticky-offset) + var(--wp-admin--admin-bar--height, 0px));
    --bde-header-sticky-offset: 0px;
    --bde-header-sticky-duration: var(--bde-transition-duration)
}

.breakdance .bde-header-builder .bde-header-builder__container {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    padding: var(--bde-section-horizontal-padding) var(--bde-section-horizontal-padding);
    margin: 0px 5%;
    padding: 0px;
}

.breakdance .bde-header-builder.bde-header-builder--overlay:not(.bde-header-builder--sticky) {
    position: absolute;
    z-index: var(--bde-z-index-header-overlay)
}

.breakdance .bde-header-builder.bde-header-builder--sticky {
    position: fixed;
    z-index: var(--bde-z-index-header-sticky);
    top: var(--bde-header-sticky-top);
    transition-property: transform,opacity,background-color,box-shadow,top;
    transition-duration: var(--bde-header-sticky-duration);
    transition-timing-function: ease-in-out
}

.breakdance .bde-header-builder.bde-header-builder--sticky-bottom {
    top: auto;
    bottom: 0
}

.breakdance .bde-header-builder.bde-header-builder--sticky .bde-header-builder__container {
    transition-property: min-height;
    transition-duration: var(--bde-header-sticky-duration);
    transition-timing-function: ease-in-out
}

.breakdance .bde-header-builder .bde-header-builder__header-builder-border-top,.breakdance .bde-header-builder .bde-header-builder__header-builder-border-bottom {
    transition-property: height,background-color;
    transition-duration: var(--bde-header-sticky-duration);
    transition-timing-function: ease-in-out
}

.bde-header-builder--sticky-scroll-hide {
    box-shadow: none!important;
    pointer-events: none
}

.bde-header-builder--sticky-scroll-hide * {
    pointer-events: none
}

.bde-header-builder--sticky-scroll-start-off-hidden {
    transition-duration: 0s!important
}

.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-slide {
    transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px)));
    opacity: 0
}

.bde-header-builder--sticky-bottom.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-slide {
    transform: translateY(100%)
}

.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-fade {
    opacity: 0
}

.breakdance .bde-text-link {
    display: flex
}

.breakdance .bde-text-link>* {
    margin: 0;
    color: currentColor
}

.breakdance .bde-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    max-width: 100%;
    position: relative;
    background-size: cover
}

.breakdance .bde-container-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    max-width: 100%;
    text-decoration: none;
    transition-property: background-color,border-color,box-shadow,color;
    transition-timing-function: ease-in-out;
    transition-duration: var(--defaultTransition,300ms);
    position: relative;
    background-size: cover
}

.breakdance .bde-container-link h1,.bde-container-link h2,.bde-container-link h3,.bde-container-link h4,.bde-container-link h5,.bde-container-link h6 {
    transition-property: color;
    transition-timing-function: ease-in-out;
    transition-duration: var(--defaultTransition,300ms)
}

.breakdance .bde-text-link {
    display: flex
}

.breakdance .bde-text-link>* {
    margin: 0;
    color: currentColor
}

.breakdance .bde-button {
    max-width: 100%
}

.breakdance .bde-code-block {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.breakdance .bde-icon {
    display: flex
}

.breakdance .bde-text {
    max-width: 100%;
    margin: 0;
    color: var(--bde-text-color,var(--bde-body-text-color))
}

.breakdance .bde-menu-custom-area {
    text-align: left;
    max-width: 100%
}

.breakdance .bde-custom-area-link {
    --link-alignment: flex-start
}

.bde-menu-custom-area.bde-menu-custom-area-hide-in-desktop-menu {
    display: var(--menu-hide-on-desktop,block)
}

.bde-menu-custom-area.bde-menu-custom-area-hide-in-mobile-menu {
    display: var(--menu-hide-on-mobile,block)
}