/* Small change to the colour the block title bakcgrounds colours so they use the alt-dark instead of dark */

.qld__banner.qld__banner__advanced  .qld__banner__content .qld__banner__heading--dark {
    background-color: var(--QLD-color-dark__background--shade);
    -webkit-box-shadow: 8px 0px 0 6px var(--QLD-color-dark__background--shade),-8px 0px 0 6px var(--QLD-color-dark__background--shade),-12px 0px 0 6px var(--QLD-color-dark__design-accent),0px 4px 16px rgba(0,0,0,0.3);
    box-shadow: 8px 0px 0 6px var(--QLD-color-dark__background--shade),-8px 0px 0 6px var(--QLD-color-dark__background--shade),-12px 0px 0 6px var(--QLD-color-dark__design-accent),0px 4px 16px rgba(0,0,0,0.3);
}

/* Updates the behaviour or background images on mobile to be taller */

.qld__banner.qld__banner__advanced .qld__banner__image--background {
    padding: 0px;
    padding: 0rem;
    height:100%;
    aspect-ratio: 16/9;
}

@media (min-width: 699px){
   .qld__banner.qld__banner__advanced .qld__banner__image--background {
    aspect-ratio: unset;
}
}