@font-face {
	font-family: "Highlights Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src:
		url("../themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
		url("../themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff") format("woff");
}

@font-face {
	font-family: "Highlights Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src:
		url("../themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2") format("woff2"),
		url("../themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff") format("woff");
}

.highlights-calendar-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.highlights-calendar-icon::before {
	font-family: "Highlights Font Awesome 5 Free";
	font-weight: 900;
}

.highlights-calendar-icon--calendar-plus::before {
	content: "\f271";
}

.highlights-calendar-icon--chevron-down::before {
	content: "\f078";
}

.highlights-calendar-icon--arrow-right::before {
	content: "\f061";
}

.highlights-calendar-icon--download::before {
	content: "\f019";
}

.highlights-calendar-icon--google::before,
.highlights-calendar-icon--apple::before,
.highlights-calendar-icon--microsoft::before {
	font-family: "Highlights Font Awesome 5 Brands";
	font-weight: 400;
}

.highlights-calendar-icon--google::before {
	content: "\f1a0";
}

.highlights-calendar-icon--apple::before {
	content: "\f179";
}

.highlights-calendar-icon--microsoft::before {
	content: "\f3ca";
}

.highlights-event-inline-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 16px;
}

.highlights-event-card {
	position: relative;
	z-index: 1;
	overflow: visible !important;
}

.highlights-calendar-stack-open {
	position: relative !important;
	z-index: 10000 !important;
	overflow: visible !important;
}

.highlights-event-card .dsm_card_wrapper {
	min-width: 0;
}

@media (min-width: 1200px) {
	html body .highlights-event-cards-row.et_pb_row {
		width: 100% !important;
		max-width: 1200px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-left: 0 !important;
	}

	html body .highlights-event-card.dsm_card {
		width: calc(100% - 24px);
		max-width: 560px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 30px;
	}

	html body .highlights-event-card.dsm_card > .et_pb_module_inner {
		justify-content: center;
	}
}

.highlights-calendar-control {
	position: relative;
	display: inline-block;
	margin: 0;
	color: #003464;
}

.highlights-calendar-control summary,
.highlights-event-action {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 10px 17px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}

.highlights-calendar-control summary {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 14px;
	gap: 10px;
	min-width: 212px;
	padding: 7px 14px 7px 8px;
	border: 1px solid #00d9ad;
	background: #00f0bf;
	box-shadow:
		0 9px 24px rgba(0, 52, 100, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.42);
	color: #003464;
	text-align: left;
	list-style: none;
}

.highlights-calendar-control summary::-webkit-details-marker {
	display: none;
}

.highlights-calendar-control__leading-icon {
	width: 34px;
	height: 34px;
	border: 1px solid rgba(0, 52, 100, 0.09);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.72);
	font-size: 14px;
}

.highlights-calendar-control__label {
	min-width: 0;
	font-weight: 700;
	white-space: nowrap;
}

.highlights-calendar-control__chevron {
	font-size: 11px;
	transition: transform 180ms ease;
}

.highlights-calendar-control[open] .highlights-calendar-control__chevron {
	transform: rotate(180deg);
}

.highlights-calendar-control summary:hover,
.highlights-calendar-control[open] summary {
	border-color: #00f0bf;
	background: #fff;
	box-shadow:
		0 12px 30px rgba(0, 52, 100, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.7);
	color: #003464;
	transform: translateY(-1px);
}

.highlights-calendar-control summary:focus-visible,
.highlights-event-action:focus-visible,
.highlights-calendar-menu a:focus-visible {
	outline: 3px solid #00f0bf;
	outline-offset: 3px;
}

.highlights-calendar-control > .highlights-calendar-menu {
	position: absolute;
	z-index: 10001;
	top: calc(100% + 12px);
	left: 0;
	box-sizing: border-box;
	width: min(330px, calc(100vw - 32px));
	min-width: 290px;
	margin: 0;
	padding: 11px;
	border: 1px solid rgba(0, 52, 100, 0.13);
	border-radius: 18px;
	background: #fff;
	box-shadow:
		0 24px 60px rgba(0, 32, 61, 0.24),
		0 3px 12px rgba(0, 52, 100, 0.1);
	list-style: none;
}

.highlights-calendar-menu li {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.highlights-calendar-menu li::before,
.highlights-calendar-menu li::marker {
	display: none !important;
	content: none !important;
}

.highlights-calendar-menu li + li {
	margin-top: 7px;
}

.highlights-calendar-menu a {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 12px;
	gap: 12px;
	align-items: center;
	min-height: 58px;
	padding: 8px 12px 8px 8px;
	border: 1px solid rgba(0, 52, 100, 0.09);
	border-radius: 12px;
	background: #fff;
	color: #003464 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none !important;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		transform 160ms ease;
}

.highlights-calendar-menu__icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(0, 52, 100, 0.07);
	color: #003464;
	font-size: 17px;
}

.highlights-calendar-menu__link--google .highlights-calendar-menu__icon {
	background: rgba(66, 133, 244, 0.1);
	color: #2f71d9;
}

.highlights-calendar-menu__link--apple .highlights-calendar-menu__icon {
	background: rgba(0, 0, 0, 0.07);
	color: #151515;
}

.highlights-calendar-menu__link--microsoft .highlights-calendar-menu__icon {
	background: rgba(0, 120, 212, 0.1);
	color: #0078d4;
}

.highlights-calendar-menu__link--download .highlights-calendar-menu__icon {
	background: rgba(0, 240, 191, 0.15);
	color: #006d59;
}

.highlights-calendar-menu__label {
	min-width: 0;
}

.highlights-calendar-menu__arrow {
	color: rgba(0, 52, 100, 0.48);
	font-size: 10px;
}

.highlights-calendar-menu a:hover {
	border-color: rgba(0, 240, 191, 0.72);
	background: rgba(0, 240, 191, 0.07);
	box-shadow: 0 7px 18px rgba(0, 52, 100, 0.08);
	color: #003464 !important;
	transform: translateX(2px);
}

.highlights-event-action {
	background: #003464;
	color: #fff !important;
}

.highlights-event-action:hover {
	background: #00447f;
	color: #fff !important;
	transform: translateY(-1px);
}

.highlights-event-action--secondary {
	border-color: #65bea9;
	background: #fff;
	color: #003464 !important;
}

.highlights-event-action--secondary:hover {
	border-color: #00f0bf;
	background: #00f0bf;
	color: #003464 !important;
}

.highlights-event-action--quiet {
	border-color: rgba(255, 255, 255, 0.5);
	background: transparent;
	color: #fff !important;
}

.highlights-event-action--quiet:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.highlights-confirmation-event {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: clamp(64px, 8vw, 104px) 6vw;
	background-color: #003464;
	background-image: url("../uploads/2024/10/fond.webp");
	background-position: center;
	background-size: cover;
	color: #fff;
}

.highlights-confirmation-event__inner {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(100%, 920px);
	margin: 0 auto;
	padding: clamp(28px, 5vw, 54px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 24px;
	background: rgba(0, 35, 68, 0.82);
	box-shadow: 0 26px 70px rgba(0, 18, 35, 0.28);
}

.highlights-confirmation-event__eyebrow {
	margin: 0 0 10px;
	color: #00f0bf;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.highlights-confirmation-event h2 {
	max-width: 720px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.08;
}

.highlights-confirmation-event__intro {
	max-width: 650px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 17px;
	line-height: 1.65;
}

.highlights-confirmation-event__summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 32px 0;
}

.highlights-confirmation-event__summary > div {
	padding: 20px;
	border: 1px solid rgba(101, 190, 169, 0.32);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.055);
}

.highlights-confirmation-event__summary dt {
	margin: 0 0 7px;
	color: #65bea9;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.highlights-confirmation-event__summary dd {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.highlights-confirmation-event__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.highlights-confirmation-event .highlights-calendar-control summary {
	background: #00f0bf;
	color: #003464;
}

.highlights-confirmation-event .highlights-calendar-control summary:hover,
.highlights-confirmation-event .highlights-calendar-control[open] summary {
	background: #fff;
	color: #003464;
}

body.page-id-15 .entry-content > .et-l > .et_builder_inner_content > .et_pb_section:first-child .et_pb_button_module_wrapper {
	display: none;
}

@media (max-width: 767px) {
	html body .highlights-event-card.dsm_card {
		padding-left: 15px !important;
	}

	html body .highlights-event-card--where.dsm_card {
		margin-top: 12px !important;
	}

	.highlights-event-inline-actions {
		align-items: stretch;
	}

	.highlights-event-inline-actions .highlights-calendar-control,
	.highlights-event-inline-actions .highlights-event-action {
		width: 100%;
	}

	.highlights-event-inline-actions .highlights-calendar-control summary,
	.highlights-event-inline-actions .highlights-event-action {
		width: 100%;
	}

	.highlights-calendar-control > .highlights-calendar-menu {
		right: 0;
		left: auto;
		width: min(330px, calc(100vw - 36px));
		min-width: 0;
		transform: none;
	}

	.highlights-event-card--when .highlights-calendar-control > .highlights-calendar-menu {
		position: fixed;
		top: 50%;
		right: auto;
		left: 50%;
		max-height: calc(100vh - 36px);
		overflow-y: auto;
		transform: translate(-50%, -50%);
	}

	.highlights-confirmation-event__summary {
		grid-template-columns: 1fr;
	}

	.highlights-confirmation-event__actions {
		align-items: stretch;
	}

	.highlights-confirmation-event__actions > * {
		width: 100%;
	}

	.highlights-confirmation-event__actions .highlights-calendar-control summary,
	.highlights-confirmation-event__actions .highlights-event-action {
		width: 100%;
	}
}

@media (max-width: 360px) {
	.highlights-event-card--when .et_pb_module_inner {
		position: relative;
		padding-bottom: 72px !important;
	}

	.highlights-event-card--when .dsm_card_wrapper {
		position: static !important;
	}

	.highlights-event-card--when .highlights-event-inline-actions {
		position: absolute;
		right: 14px;
		bottom: 14px;
		left: 14px;
		margin: 0;
	}

	.highlights-event-card--when .highlights-calendar-control summary {
		min-width: 0;
	}

	.highlights-event-card--when .highlights-calendar-control > .highlights-calendar-menu {
		right: auto;
		left: 50%;
		width: min(330px, calc(100vw - 52px));
		transform: translate(-50%, -50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.highlights-calendar-control summary,
	.highlights-event-action,
	.highlights-calendar-control__chevron,
	.highlights-calendar-menu a {
		transition: none;
	}
}