@layer theme, utils;

@import "./typography.css";
@import "./lists.css";
@import "./notices.css";
@import "./events.css";

.transparent-header {
	&:not(.bde-header-builder--sticky-styles) {
		background-color: transparent !important;
		.breakdance-menu-list {
			.breakdance-menu-link {
				color: white !important;
			}
			.breakdance-menu-link-arrow {
				&::after {
					background-color: white !important;
				}
			}
		}
		.breakdance-menu-toggle-lines,
		.breakdance-menu-toggle-lines::after,
		.breakdance-menu-toggle-lines::before {
			background-color: white;
		}
	}
}
html:not(.is-breakdance-menu-open) {
	.transparent-header {
		&:not(.bde-header-builder--sticky-styles) {
			background-color: transparent !important;

			.dynamic-button-colour {
				a {
					border-color: white;
					color: white;
					&:hover {
						color: white;
						border-color: white;
					}

          svg {
            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;
		}
	}
}