.lp-hero {
    /* display: flex; */
}

.lp_hero__container {
    display: flex;
    align-items: stretch;
    gap: 2rem;
    height:100%;
    padding: 0 2rem;
}

.lp_hero__container .lp_hero__content-wrapper,.lp_hero__container .lp_hero_overlay_content {
    flex: 1 1;    
    display:flex;
    align-items: center;
    position: relative;
}

.lp_hero__morse-wrapper {
    position: absolute;
    width: 100%;
    z-index:0;
    top:-6rem;
}
.lp_hero_overlay_content iframe {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.lp_hero__container .lp_hero__morse-wrapper .lp-morse-code-wrapper {
    justify-content: center;
}

.dnd-section.bg-dark-blue.hero-inside-shadow:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(28, 39, 50, 0.00) -1.35%, #1C2732 72.28%);
    width: 100%;
    height: 1.5rem;
    z-index:1;
}

.dnd-section.bg-dark-blue.hero-inside-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    background: linear-gradient(0deg, rgba(28, 39, 50, 0.00) -1.35%, #1C2732 72.28%);
    width: 100%;
    height: 1.5rem;
    z-index:1;
}

/* backgrounds specific to this module */
.bg-morse-light-default {
    background-color: #3E667C;
}
.bg-morse-dark-default {
    background-color: #2F4A5B;
}
.bg-homepage-hero-gradient{
    background: rgb(28, 39, 50); {# revisit this the bottom of this is lighter than the mock #}
}



.single-morse {
    white-space:nowrap;
    line-height:0;
    --paddingMultiplier: 3.2rem;
}

.single-morse:nth-child(3n+1){
    margin-inline-start:var(--paddingMultiplier);
}

.single-morse:nth-child(3n+2){
    margin-inline-start:calc(var(--paddingMultiplier) * 2);
}

.single-morse:nth-child(3n+3){
    margin-inline-start:calc(var(--paddingMultiplier) * 3);
}


.single-morse span{
    block-size: 21.425px;
    border-radius:1.5rem;
    display:inline-flex;
    margin:0 2px;
}

.dash{
    inline-size:46.415px;
    
}

.dot{
    /*inline-size:1.5rem;
    block-size:1.5rem;*/
    inline-size: 21.425px;
    
    
}

.lp-morse-code-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}



.single-morse span.space{
    inline-size:1rem;
}
.single-morse span:not(.dash,.dot){
    inline-size:42.41px;
}

.dnd-section:has(.hero){
    overflow:hidden;
    position:relative;
}

.lp_hero__content-co-marketing-logos {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-left:.5reml
}

.lp_hero__content-co-marketing-logos__item {
    width: 125px;
    img {
        max-width: 100%;
    }
}
.co-marketing-and {
    font-size: 2rem;
}

.lp_hero__content-co-marketing-logos > * {
    display: flex;
}

@media (max-width:950px){
    .lp_hero__container {
        display:flex;
        flex-direction:column;
    }
    .lp_hero_overlay_content iframe {
        height: 48vw;
    }
    .lp_hero_overlay_content {
         z-index:0;
    }
    .lp_hero__content-wrapper {
         z-index:1;
    }
    .lp_hero__morse-wrapper{
        position: absolute;
        top: -5vw;
        left: -10vw;
    }
    .lp_hero__morse-wrapper.no-embed{
        position: absolute;
        transform: translate(0%, -70%);
        opacity:.3;
    }

}
@media (min-width:951px) {
    .lp_hero_overlay_content iframe {
        max-height: 300px;
    }
}