@layer theme, utils;

@import './typography.css';
@import './lists.css';
@import './notices.css';

.transparent-header{
	&:not(.bde-header-builder--sticky-styles) {
		background-color: transparent!important;

      &:not(:has(.breakdance-responsive-menu--open)) {
      
      .breakdance-menu-list{
        .breakdance-menu-link{
          color: white!important;
        }
        .breakdance-menu-link-arrow{
          &::after{
            background-color: white!important;
          }
        }
      }
      .dynamic-button-colour{
        a{
          color: white;
          &:hover{
            color: white;
          }
        }
      }
      .breakdance-menu-toggle-lines,
      .breakdance-menu-toggle-lines::after,
      .breakdance-menu-toggle-lines::before{
        background-color: white;
      }
    }
	}
}

header.bde-header-builder--sticky-styles{
	border-bottom: 1px solid var(--bde-palette-color-1-a432eac9-bd1f-46e8-a339-ab7bafb7751e); /* blue */
}

.bde-lightbox{
	button{
		border-radius: 50%;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		background-color: white;
		&:hover{
			color: white !important;
		}
	}
}