@layer theme, utils;

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

.transparent-header{
	.dynamic-button-colour{
			a{
				padding-left: 0;
				padding-right: 0;
			}
		}
	&: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;
				}
			}
		}
		.dynamic-button-colour{
			a{
				border-color: transparent;
				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;
		}
	}
}