/*****************************************************
LESS compilation failed due a JavaScript error!

Input: apps/ibcmed/components/lp-med-day/header/clientlib/less/style.less
Error: FileError: 'css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap' wasn't found in apps/ibcmed/components/lp-med-day/header/clientlib/less/style.less on line 1, column 1:
1 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
2 


(uncompiled LESS src is included below)
*****************************************************/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--default-blue: #3C499B;
	--default-green: #A1C417;
	--default-pink: #E40071;
	--default-orange: #FFAB00;
	--dark-blue: #1E244D;
	--dark-green: #647A29;
	--dark-pink: #900149;
	--dark-orange: #BC7900;
	--white: #FFFFFF;
}

body .root.container {
	padding-top: 0;
}

.header {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	background-color: var(--default-green);

	&.menu-open {
		box-shadow: 0px 8px 8px -4px #00000029;
		position: relative;
		z-index: 5;

		.header__nav {
			display: block;
			height: fit-content;
			position: absolute;
			z-index: 5;
		}

		.menu__mobile-button .menu-icon {
			&.open-menu-icon {
				display: none;
			}

			&.close-menu-icon {
				display: block;
			}
		}
	}

	.header__menu {
		margin: 0 auto;
		padding: 16px 20px;
		position: relative;
	}

	.menu__mobile {
		align-items: center;
		display: flex;
		justify-content: space-between;
		position: relative;
		z-index: 2;
	}

	.menu__mobile-button {
		.menu-icon {
			display: block;
			height: 20px;
			width: 20px;

			&.open-menu-icon {
				background-image: url('../../../../../etc.clientlibs/ibcmed/components/lp-med-day/header/clientlib/resources/inspirali-medday-2026-menu-open.svg');
			}

			&.close-menu-icon {
				background-image: url('../../../../../etc.clientlibs/ibcmed/components/lp-med-day/header/clientlib/resources/inspirali-medday-2026-menu-close.svg');
				display: none;
			}
		}
	}

	.header__nav {
		background-color: var(--default-green);
		display: none;
		margin: 0;
		padding: 8px 20px 16px;
		transition: all 0.3s ease;
		width: 100%;

		.header__nav-list {
			align-items: flex-end;
			display: flex;
			flex-flow: column nowrap;
			font-family: 'Bebas Neue', sans-serif;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
			list-style: none;
		}

		.header__nav-item {
			color: var(--default-blue);
			margin-bottom: 16px;
			width: fit-content;

			a {
				display: inline-block;
			}
		}
	}

	.header__register {
		border: solid 1px var(--default-pink);
		border-radius: 4px;
		cursor: pointer;
		margin-left: auto;
		padding: 8px 16px;
		transition: all 0.3s ease;
		width: fit-content;

		&:hover {
			background-color: var(--default-pink);

			span {
				color: var(--white);
			}
		}

		span {
			color: var(--default-pink);
			font-size: 16px;
			font-family: 'Inter', sans-serif;
			font-weight: 700;
			transition: all 0.3s ease;
		}
	}
}

@media screen and (min-width: 1440px) {
	.header {
		.header__menu {
			display: none;
		}

		.header__nav {
			align-items: center;
			background-image: url('../../../../../etc.clientlibs/ibcmed/components/lp-med-day/header/clientlib/resources/inspirali-medday-2026-header-plus.svg'), url('../../../../../etc.clientlibs/ibcmed/components/lp-med-day/header/clientlib/resources/inspirali-medday-2026-header-plus.svg');
			background-position: top 6px right 6px, bottom 6px right 6px;
			background-repeat: no-repeat;
			display: flex;
			justify-content: center;
			margin: 0;
			padding: 20px 64px;
			position: relative;
			left: unset;
			bottom: unset;
			width: 100%;
			z-index: 0;

			.header__nav-list {
				align-items: center;
				flex-flow: row nowrap;
				font-size: 24px;
				gap: 0 48px;
				min-height: 44px;
			}

			.header__nav-item {
				margin: 0;
			}
		}

		.header__register {
			align-self: flex-end;
			margin-left: initial;
			padding-right: 42px;
			padding-left: 42px;
			position: absolute;
			right: 64px;

			span {
				font-size: 24px;
				line-height: 26px;
			}
		}
	}
}

@media screen and (min-width: 1920px) {
	.header {
		.header__nav {
			padding-right: 130px;
			padding-left: 130px;
		}

		.header__register {
			right: 130px;
		}
	}
}