/* GÉNÉRAL */
main.type-oa-calendar header.post-header,
main.type-oa-calendar figure {
	display: none;
}
main.type-oa-calendar .post-content {
	padding-top: 0 !important;
}
.oa-sidebar-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10000;
	display: none;
}



/* TEMPLATE AGENDA */

main.type-oa-calendar .post-content {
	min-height: 400px !important;
}

main.type-oa-calendar .post-content {
	display: grid;
	grid-template-columns: 2fr 5fr;
	grid-template-rows: auto;
	grid-template-areas:
		"header header" 
		"sidebar content";
}

main.type-oa-calendar .post-content .page-header {
	grid-area: header;
	background-color: #e6e7e8;
	margin-bottom: 3rem;
}

main.type-oa-calendar .post-content .page-header h2 {
	text-transform: uppercase;
	font-size: 2.5rem !important;
	font-weight: 700;
	line-height: 1;
}

main.type-oa-calendar .post-content .page-header .input-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	flex-wrap: nowrap;
	border: none;
}

main.type-oa-calendar .post-content .page-header .input-group:hover {
	border: none;
}

main.type-oa-calendar .post-content .page-header .oa-search-widget {
	margin: 0 auto;
}

main.type-oa-calendar .post-content .page-header input {
	background-color: var(--atp-white);
	border: none;
	flex: 1 1 auto;
	padding: 3px 12px;
	font-size: 1.2rem;
	height: 40px;
	width: 100%;
	max-width: 600px;
	display: block;
}

main.type-oa-calendar .post-content .page-header input:focus {
	-webkit-appearance: textfield;
	outline-offset: -2px;
	box-shadow: none;
	outline: 1px auto;
}

main.type-oa-calendar .post-content .page-header button[type="submit"] {
	flex: 0 0 auto;
	padding: 8px 16px;
	font-size: 1rem;
	cursor: pointer;
	margin: 0;
	border: none;
	background-color: var(--atl-primary-color);
	color: var(--atp-white);
	transition: opacity 0.25s ease, transform 0.2s ease;
}

main.type-oa-calendar .post-content .page-header button[type="submit"]:hover {
	outline: none;
}

main.type-oa-calendar .post-content .page-header .fa-search {
	display: none;
}

main.type-oa-calendar .post-content .page-header .btn.btn-outline-secondary::before {
	content: "Rechercher";
}

main.type-oa-calendar .oa-filter-sidebar {
	grid-area: sidebar;
	padding-left: 0 !important;
}

main.type-oa-calendar .oa-filter-sidebar #filters-panel {
	padding-left: 0;
	padding-right: 2rem;
}

main.type-oa-calendar .oa-filter-sidebar #filters-panel {
	transition: max-height 0.4s ease, opacity 0.3s ease;
	overflow: hidden;
}

main.type-oa-calendar .oa-filter-sidebar #filters-panel.hidden {
	max-height: 0;
	opacity: 0;
}

main.type-oa-calendar .oa-filter-sidebar .input-group {
	border: none;
}

main.type-oa-calendar .oa-filter-sidebar input.form-control,
main.type-oa-calendar .oa-filter-sidebar input.form-control:hover {
	display: block;
	width: 100%;
	padding: .375rem 2.375rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	appearance: none;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius) !important;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

main.type-oa-calendar .oa-filter-sidebar input.form-control:focus {
	color: var(--bs-body-color);
	background-color: transparent;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget .input-group-append {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget button {
	border: none;
	position: absolute;
	right: 0;
	margin-top: 0;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget button:hover,
main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget button:focus {
	outline: none;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget .fa-search {
	font-size: 1rem;
	color: var(--bs-body-color);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-search-widget button:hover .fa-search {
	color: #000;
}

main.type-oa-calendar .oa-filter-sidebar h3,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside h3 {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
	padding-bottom: .4rem;
	margin-top: 1.8rem !important;
	margin-bottom: 1.5rem;
	border-bottom: 4px solid var(--atl-primary-color);
}

main.type-oa-calendar .oa-filter-sidebar ul li {
	padding-bottom: .6rem !important;
	list-style-type: none !important;
	text-indent: 0 !important;
	padding-left: 0 !important;
}

main.type-oa-calendar .oa-filter-sidebar ul li input[type="checkbox"],
main.type-oa-calendar .oa-filter-sidebar ul li input[type="radio"] {
	margin-right: 6px;
}

main.type-oa-calendar .oa-filter-sidebar .oa-ranges-widget button:first-child,
main.type-oa-calendar .oa-filter-sidebar .oa-ranges-widget button:last-child {
	display: none;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDefinedRangesWrapper {
	width: 100%;
}

main.type-oa-calendar .oa-filter-sidebar .rdrStaticRanges {
	justify-content: space-between;
	gap: 0 5px;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplay,
main.type-oa-calendar .oa-filter-sidebar .rdrMonthAndYearPickers {
	justify-content: flex-end;
	gap: 0 5px;
}

main.type-oa-calendar button.rdrStaticRange,
main.type-oa-calendar .oa-filter-sidebar .oa-widget .btn-link {
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius) !important;
	box-shadow: none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-size: .75rem;
	color: initial;
	text-decoration: none;
}

main.type-oa-calendar .rdrDefinedRangesWrapper .rdrStaticRangeSelected {
	border-color: var(--atl-primary-color);
	color: var(--atl-primary-color) !important;
}

main.type-oa-calendar button.rdrStaticRange:focus,
main.type-oa-calendar button.rdrStaticRange:hover,
main.type-oa-calendar .oa-preview button.rdrStaticRange:focus,
main.type-oa-calendar .oa-preview button.rdrStaticRange:hover,
main.type-oa-calendar .oa-filter-sidebar .oa-widget .btn-link:focus,
main.type-oa-calendar .oa-filter-sidebar .oa-widget .btn-link:hover {
	background-color: var(--bs-gray-200);
	border-color: var(--bs-gray-300);
}

main.type-oa-calendar .rdrDefinedRangesWrapper .rdrStaticRangeSelected:hover,
main.type-oa-calendar .rdrDefinedRangesWrapper .rdrStaticRangeSelected:focus {
	background-color: transparent;
	border-color: var(--atl-primary-color);
	cursor: default;
}

main.type-oa-calendar .oa-filter-sidebar .rdrStaticRange + .rdrStaticRange,
.oa-preview .rdrStaticRange + .rdrStaticRange {
	margin-left: 0;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplay {
	margin: .6rem 0;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItem {
	background-color: var(--bs-gray-200);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius) !important;
	box-shadow: none;
	color: inherit;
	transition: background-color 0.3s ease;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItem:hover,
main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItem:focus {
	border-color: var(--bs-gray-300);
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItemActive {
	background-color: var(--atl-primary-color);
}

main.type-oa-calendar .oa-filter-sidebar ::placeholder {
	color: #000;
	opacity: 1 !important;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItem input {
	color: #000 !important;
	caret-color: transparent;
	font-weight: 500;
}

main.type-oa-calendar .oa-filter-sidebar ::placeholder {
	color: #000;
	opacity: 1 !important;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItemActive ::placeholder,
main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplayItemActive input {
	color: #fff !important;
}

main.type-oa-calendar .rdrDateDisplayItem + .rdrDateDisplayItem {
	margin: 0;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-calendar-widget .rdrPprevButton {
	order: 1;
	margin-right: 4px;
	margin-left: 0;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-calendar-widget .rdrMonthAndYearPickers {
	order: 3;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget.oa-calendar-widget .rdrNextButton {
	order: 2;
	margin-right: 0/75rem;
}

main.type-oa-calendar .oa-filter-sidebar .rdrMonthPicker,
main.type-oa-calendaar .oa-filter-sidebar .rdrMonthPicker:hover,
main.type-oa-calendar .oa-filter-sidebar .rdrYearPicker,
main.type-oa-calendaar .oa-filter-sidebar .rdrYearPicker:hover {
	border: none !important;
	margin: 0;
}

main.type-oa-calendar .oa-filter-sidebar .rdrMonthAndYearPickers select {
	font-size: .8rem;
	font-weight: 500;
	text-transform: capitalize;
	color: #000 !important;
	padding-left: 0;
}

main.type-oa-calendar .oa-filter-sidebar .rdrMonthPicker select {
	min-width: 120px;
}

main.type-oa-calendar .oa-filter-sidebar .rdrWeekDay {
	color: inherit;
}

main.type-oa-calendar .oa-filter-sidebar button.rdrNextPrevButton {
	border: var(--bs-border-width) solid var(--bs-border-color);
	transition: background-color 0.3s ease;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget button:hover,
main.type-oa-calendar .oa-filter-sidebar .oa-widget button:focus {
	background-color: var(--bs-gray-200);
	outline: none;
}

main.type-oa-calendar .oa-filter-sidebar .rdrMonthAndYearPickers select:focus,
main.type-oa-calendar .oa-filter-sidebar .rdrDateInput input:focus,
main.type-oa-calendar .oa-filter-sidebar .oa-widget button:focus,
main.type-oa-calendar .oa-active-filters-widget button.badge:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

main.type-oa-calendar .oa-filter-sidebar .rdrDay {
	line-height: 2.4em;
	height: 2.4em;
}

main.type-oa-calendar .oa-filter-sidebar button.rdrDay:hover,
main.type-oa-calendar .oa-filter-sidebar button.rdrDay:focus {
	background-color: transparent !important;
}

main.type-oa-calendar .oa-filter-sidebar .rdrDayNumber {
	font-size: .8rem;
}

main.type-oa-calendar .rdrStartEdge,
main.type-oa-calendar .rdrEndEdge,
main.type-oa-calendar .rdrInRange {
	background: var(--atl-primary-color);
}

main.type-oa-calendar .rdrDayStartPreview,
main.type-oa-calendar .rdrDayEndPreview,
main.type-oa-calendar .rdrDayInPreview {
	border-color: var(--atl-primary-color);
}

main.type-oa-calendar .rdrDayToday .rdrDayNumber span::after {
	background: var(--atl-primary-color) !important;
	bottom: 0;
}

main.type-oa-calendar .oa-filter-sidebar .rdrMonth {
	padding-bottom: 0;
}

main.type-oa-calendar .oa-filter-sidebar .oa-choice-widget input.form-control {
	margin-bottom: .8rem;
}

main.type-oa-calendar .oa-filter-sidebar .oa-choice-widget .oa-choice-option-label {
	padding: 0 .6rem;
	margin-bottom: .2rem;
}

main.type-oa-calendar .oa-filter-sidebar .oa-choice-widget .oa-filter-total {
	font-weight: 200;
}

main.type-oa-calendar .oa-filter-sidebar .oa-widget .btn-link {
	margin-top: .8rem;
}

 main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-bottom {
	padding: 2rem 1rem;
}

main.type-oa-calendar .oa-filter-sidebar #toggle-filters button,
main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-bottom button {
	margin: 0 auto;
	padding: .4rem 1rem;
	background-color: var(--bs-gray-200);
	border: 2px solid var(--bs-border-color);
	border-radius: 0 !important;
	box-shadow: none;
	color: initial;
	transition: background-color 0.3s ease;
	border-radius: var(--bs-border-radius) !important;
	font-size: 1rem;
	font-weight: 500;
}


main.type-oa-calendar .oa-filter-sidebar #toggle-filters button:hover,
main.type-oa-calendar .oa-filter-sidebar #toggle-filters button:focus,
main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-bottom button:hover,
main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-bottom button:focus {
	background-color: var(--atl-primary-color);
	border-color: var(--atl-primary-color);
	color: #ffffff;
}


main.type-oa-calendar .oa-event-grid-loop {
	grid-area: content;
}

main.type-oa-calendar .oa-event-grid-loop .oa-event-grid:has(article) {
	grid-template-columns: 1fr;
	grid-gap: 0;
}

main.type-oa-calendar .oa-event-grid-loop .map-container .leaflet-container {
	height: 440px;
	min-height: auto;
	z-index: 0;
}

main.type-oa-calendar .oa-event-grid-loop .leaflet-touch .leaflet-bar a {
	color: initial !important;
	text-decoration: none !important;
}

main.type-oa-calendar .oa-event-grid-loop .map-container .css-1uiqtkn {
	z-index: 0;
}

main.type-oa-calendar .oa-event-grid-loop .map-container button {
	background-color: var(--atl-primary-color);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius) !important;
	box-shadow: none;
	padding: 0.8rem;
}

main.type-oa-calendar .oa-event-grid-loop .oa-events-total-widget {
	font-size: 1.4rem !important;
	font-weight: 600;
	color: #000;
	min-width: 240px;
}

main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header {
	grid-template-columns: 160px auto;
	margin: 2.2rem 0 .5rem 0;
	padding-bottom: 2rem !important;
	border-bottom: 1px solid var(--bs-border-color);
	display: flex;
	justify-content: space-between;
	align-items: start;
}

main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header {
	align-items: start;
}

main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header hr {
	display: none;
}

main.type-oa-calendar .oa-widget button,
.single-oa-calendar .oa-widget .btn {
	margin-top: 0;
}

main.type-oa-calendar .oa-active-filters-widget {
	text-align: right;
}

main.type-oa-calendar .oa-active-filters-widget button.badge {
	font-size: .9rem;
	font-weight: normal;
	color: var(--atl-primary-color);
	background-color: #fff;
	border-radius: var(--bs-border-radius) !important;
	padding: .4rem .8rem;
}

main.type-oa-calendar .oa-active-filters-widget button.badge:hover,
main.type-oa-calendar .oa-active-filters-widget button.badge:focus {
	background-color: var(--atl-primary-color);
}

main.type-oa-calendar .oa-event-grid .oa-event,
main.type-oa-calendar .oa-event-grid .oa-event:hover {
	border: none;
	border-bottom: 1px solid #e6e7e8;
	border-radius: 0;
	padding: 2rem 0;
}

main.type-oa-calendar .oa-event-grid .oa-event-header {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	align-items: start;
}

main.type-oa-calendar .oa-event-grid .oa-event-thumbnail {
	height: auto;
}

main.type-oa-calendar .oa-event-grid .oa-event-thumbnail img {
	display: block;
	border-radius: 0;
	border: 1px solid #e6e7e8;
	min-height: 200px;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details {
	padding: 1rem;
	grid-column: span 2;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details .oa-metas {
	padding: .8rem 0 0 0;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details .oa-metas p {
	margin-bottom: .4rem;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details h2 .oa-event-permalink {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4rem;
	color: #4A4A4A !important;
	text-decoration: none !important;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details .oa-metas svg {
	width: 1.5em;
	height: 1.5em;
	margin-right: 4px;
}

main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details .oa-metas svg.oa-icon-month {
	margin-right: 8px;
}

main.type-oa-calendar ul.oa-pagination {
	justify-content: center;
	gap: .2rem;
	padding-top: 2rem;
	margin: 3rem 0;
}

main.type-oa-calendar ul.oa-pagination li {
	list-style: none !important;
	text-align: center;
	min-width: 2.4rem;
	text-indent: unset !important;
	padding: 0 !important;
}

main.type-oa-calendar ul.oa-pagination li:has(span.active) {
	background: #ED3772;
	margin: 0 .4rem;
	text-align: center;
}

main.type-oa-calendar ul.oa-pagination li span.active {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 1.5 !important;
}

main.type-oa-calendar ul.oa-pagination li a {
	color: #4A4A4A !important;
	text-decoration: none !important;
	line-height: 1.5 !important;
	width: 100%;
}

main.type-oa-calendar ul.oa-pagination li:first-child a,
main.type-oa-calendar ul.oa-pagination li:last-child a {
	font-family: "bootstrap-icons";
}

main.type-oa-calendar ul.oa-pagination li a:hover {
	background-color: var(--bs-pagination-hover-bg);
}

.single-oa-calendar .oa-event-thumbnail {
	position: relative;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status,
.oa-preview .oa-card-image-link .oa-event-status {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: 6px 12px;
	display: inline-block;
	margin: 0;
	font-size: 1.2rem !important;
	font-weight: 700;
	text-transform: uppercase;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-cancelled,
.oa-preview .oa-card-image-link .oa-event-status.oa-event-status-cancelled {
	background-color: #e53e3e;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-rescheduled,
.oa-preview .oa-card-image-link .oa-event-status.oa-event-status-rescheduled {
	background-color: #f4aA15;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-postponed,
.oa-preview .oa-card-image-link .oa-event-status.oa-event-status-postponed {
	background-color: #e53e3e;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-full,
.oa-preview .oa-card-image-link .oa-event-status {
	background-color: #e53e3e;
}
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-movedOnline,
.oa-preview .oa-card-image-link .oa-event-status.oa-event-status-movedOnline {
	background-color: #f4aA15;
}
.single-oa-calendar .oa-event-thumbnail a .oa-event-status,
.oa-preview .oa-card-image-link .oa-event-status {
	padding: 4px 8px;
	font-size: 1rem !important;
}

main.type-oa-calendar .oa-filter-sidebar .content-type {
	padding: 0 1rem;
	margin: 1.4rem 0 0 0;
}

main.type-oa-calendar #search-form #filter-title {
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 2rem;
}


/* TEMPLATE SINGLE */


.single-oa-calendar-event main.type-oa-calendar .post-content {
	grid-template-columns: 1fr;
}

.single-oa-calendar-event main.type-oa-calendar .oa-back {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.8rem;
	padding-bottom: .4rem;
	margin-bottom: 0;
	width: max-content;
}

.single-oa-calendar-event main.type-oa-calendar .oa-back .oa-icon {
	width: 1.4rem;
	height: 1.4rem;
	vertical-align: center;
}

.single-oa-calendar-event main.type-oa-calendar .oa-back button {
	all: unset;
}

.single-oa-calendar-event main.type-oa-calendar .oa-refresh {
	display: none;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-header {
	margin-bottom: 1rem !important;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-thumbnail img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 5rem;
	align-items: start;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-event-body-content {
	grid-column: span 3;
	margin-top: 2rem;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-additional {
	grid-column: 2 / span 3;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-timings {
	margin-bottom: 1rem;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside ul li {
	list-style-type: none !important;
	text-indent: 0 !important;
	padding-left: 0 !important;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header {
	border: none;
	padding: 0;
	margin-bottom: 1.2rem;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header .oa-month-label {
	order: 1;
	flex-grow: 1;
	text-transform: capitalize;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header .oa-button-previous {
	order: 2;
	margin-right: 4px;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header .oa-button-next {
	order: 3;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button.oa-button[disabled="true"] {
	opacity: 0.3;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button {
	border: var(--bs-border-width) solid var(--bs-border-color);
	transition: background-color 0.3s ease;
	border-radius: 5px;
	padding: 4px;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button:hover,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button:focus {
	background-color: var(--bs-gray-200);
	outline-offset: -2px;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button.oa-button[disabled="true"]:hover,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header button.oa-button[disabled="true"]:focus {
	background-color: transparent;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-month-header .oa-icon {
	width: 20px;
	height: 20px;
	fill: inherit;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside ul.oa-week {
	border-left: 3px solid var(--bs-border-color);
	margin: 0;
	margin-top: -4px;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside ul.oa-week li {
	padding: 3px 0;
	padding-left: .8em;
	margin: 0;
	font-size: var(--oa-text-3);
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-timing-date {
	text-transform: capitalize;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-day-timings .oa-timing {
	padding-top: 0;
	padding-bottom: 0;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .btndiv .morebtn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	font-weight: 600;
	margin-left: auto;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	background-color: var(--bs-gray-200);
	transition: background-color 0.3s ease;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside a {
	color: inherit !important;
	text-decoration: none !important;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-registration-method-wrapper {
	column-gap: 0;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-registration-method-wrapper svg.oa-icon {
	width: 22px;
	height: 22px;
	fill: var(--oa-gray-900);
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-tarif p,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-specificites li,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility li {
	display: flex;
	font-size: var(--oa-text-3);
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-tarif p::before,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-specificites i,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i {
	content: '';
	background-size: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 32px;
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-tarif p::before {
	background-image: url('../images/information.svg');
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-specificites li,
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility li {
	margin-bottom: var(--oa-spacing-2);
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-specificites i.en-famille {
	background-image: url('../images/famille.svg');
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-specificites i.gratuit-participation-libre {
	background-image: url('../images/gratuit.svg');
}

.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i.ii {
	background-image: url('../images/handicap-intellectuel.svg');
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i.hi {
	background-image: url('../images/handicap-auditif.svg');
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i.vi {
	background-image: url('../images/handicap-visuel.svg');
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i.pi {
	background-image: url('../images/handicap-psychique.svg');
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility i.mi {
	background-image: url('../images/handicap-moteur.svg');
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul {
	display: flex;
	flex-direction: column;
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul li:nth-child(5) {
	order: 1;
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul li:nth-child(3) {
	order: 2;
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul li:nth-child(2) {
	order: 3;
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul li:first-child {
	order: 4;
}
.single-oa-calendar-event main.type-oa-calendar .oa-event-body-aside .oa-event-accessibility ul li:nth-child(4) {
	order: 5;
}

.single-oa-calendar-event .oa-event-body-content .oa-event-title h1 {
	display: flex;
	margin: 0 0 1.2rem 0;
	font-size: 2.4rem;
	font-weight: 700;
}

.single-oa-calendar-event .oa-event-body-content .oa-event-categories p {
	font-size: 0;
}

.single-oa-calendar-event .oa-event-body-content .oa-event-categories a {
	background-color: var(--atl-primary-color);
	border-radius: var(--bs-border-radius);
	padding: 4px 8px;
	margin-right: .6rem;
	margin-bottom: 0.8rem;
	display: inline-block;
	font-size: var(--oa-text-3);
	color: #fff !important;
	text-decoration: none !important;
}

.single-oa-calendar-event .oa-event-body-content .oa-metas {
	margin: 1rem 0 3rem 0;
}

.single-oa-calendar-event .oa-event-body-content .oa-metas .oa-meta {
	gap: 12px;
	margin-bottom: .6rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 1rem;
	font-weight: 500;
	color: inherit;
}

.single-oa-calendar-event .oa-single-event .oa-metas .oa-meta svg {
	width: 24px;
	height: 24px;
}

.single-oa-calendar-event .oa-single-event .oa-metas .oa-meta svg.oa-icon-keywords {
	fill: #fff;
}

.single-oa-calendar-event .oa-single-event .oa-metas .oa-meta .oa-icon-download + a {
	margin-right: -12px;
}

.single-oa-calendar-event .oa-single-event .oa-entry-description {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.single-oa-calendar-event .oa-single-event .oa-event-details h2,
.single-oa-calendar-event .oa-single-event .oa-event-details h3,
.single-oa-calendar-event .oa-single-event .oa-event-details br {
	display: block;
	margin-top: .6rem !important
}

.single-oa-calendar-event .oa-single-event .oa-event-details p {
	margin: 0 !important;
}

.single-oa-calendar-event .oa-single-event .oa-event-details ul li {
	list-style-type: square;
  list-style-position: inside;
  padding-bottom: .5rem;
  text-indent: -1rem;
  padding-left: 1rem;
}

.single-oa-calendar-event .oa-single-event .oa-sharers {
	margin: 2rem 0 0 0;
	align-items: flex-start;
}

.single-oa-calendar-event .oa-single-event .oa-sharers .oa-sharers-label {
	font-size: 1.2rem;
	font-weight: 600;
}

.single-oa-calendar-event .oa-single-event .oa-sharers ul li {
	list-style-type: none !important;
}

.single-oa-calendar-event .oa-single-event .oa-sharers ul li a {
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius) !important;
}

.single-oa-calendar-event .oa-single-event .oa-sharers ul li a:hover,
.single-oa-calendar-event .oa-single-event .oa-sharers ul li a:focus {
	background-color: var(--bs-gray-200);
	outline: none;
}

.single-oa-calendar-event .oa-single-event .oa-sharers ul li a svg {
	width: 20px;
	height: 20px;
	fill: inherit;
}

.single-oa-calendar-event .oa-single-event .oa-additional h4 {
	font-weight: 700;
	margin-bottom: 1.6rem;
}

.single-oa-calendar-event .oa-single-event .oa-event-body-content,
.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview {
	margin-bottom: 3rem;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 1.5rem;
	row-gap: 2rem;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card {
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card a.oa-card-image-link {
	display: inline-block;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card img {
	width: 100%;
	aspect-ratio: 16/10;
	object-fit: cover;
	display: block;
	border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body {
	padding: 1rem .6rem 0 .6rem;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body a {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2rem;
	color: #4A4A4A !important;
	text-decoration: none !important;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body + div {
	padding: .2rem .6rem 1rem .6rem;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body + div ul {
	margin-bottom: 0;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body + div ul li {
	list-style-type: none !important;
	font-size: var(--oa-text-3);
	display: flex;
	align-items: start;
	margin-top: .4rem;
	text-indent: 0 !important;
	padding-left: 0 !important;
}

.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events .oa-preview-card .oa-card-body + div ul li svg {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-right: .4rem;
}



/* RESPONSIVE */

@media screen and (max-width: 1200px) {
	
	main.type-oa-calendar .oa-filter-sidebar .rdrStaticRanges {
		justify-content: center;
		gap: 0 5px;
	}
	
	main.type-oa-calendar .oa-filter-sidebar .rdrMonthPicker select {
		max-width: 70px;
		min-width: auto;
	}

}

@media screen and (max-width: 1024px) {

	main.type-oa-calendar .oa-filter-sidebar .quand-desktop {
		display: none;
	}

	main.type-oa-calendar .oa-filter-sidebar .oa-ranges-widget button:first-child {
		display: block;
	}

	main.type-oa-calendar .oa-filter-sidebar .rdrStaticRanges {
		justify-content: center;
		gap: .5rem 1rem;
		margin: 1rem 0;
	}

	main.type-oa-calendar button.rdrStaticRange {
		font-size: 1rem;
		padding: .2rem .6rem;
	}

	main.type-oa-calendar .oa-filter-sidebar,
	.oa-event-grid-loop {
		width: 100%;
		padding: 0;
	}

	main.type-oa-calendar .oa-filter-sidebar {
		display: flex;
		flex-direction: column;
		background-color: #fff;
	}

	main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-top,
	main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-bottom {
		display: flex;
		align-items: start;
		justify-content: space-between;
	}

	main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-title {
		font-size: 1.6em !important;
		margin-top: 0;
	}

	main.type-oa-calendar .oa-filter-sidebar .oa-sidebar-top .oa-close-sidebar {
		background-color: var(--bs-gray-200);
		border: none;
		padding: 1.2rem .8rem;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 0;
	}

	main.type-oa-calendar .oa-filter-sidebar .rdrMonthPicker select {
		text-align: left;
		padding-left: 10px;
	}

	main.type-oa-calendar .oa-event-grid-loop .oa-widget.map-container {
		padding: 0;
		display: none;
	}

	main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header hr {
		display: none;
	}

	main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header {
		margin-top: 0;
		padding-bottom: 1rem !important;
	}

	main.type-oa-calendar .oa-event-grid-loop .oa-events-total-widget {
		margin: 0;
		margin-top: 3px;
		line-height: 1.4rem;
	}

}

@media screen and (max-width: 992px) {
	
	main.type-oa-calendar .post-content {
		grid-template-columns: 1fr;
		gap: 0;
		grid-template-areas:
			"header"
			"sidebar"
			"content";
	}

	main.type-oa-calendar .oa-filter-sidebar,
	main.type-oa-calendar .oa-filter-sidebar #filters-panel {
		padding-right: 0 !important;
	}
	
	main.type-oa-calendar .oa-filter-sidebar #toggle-filters {
		display: block;
		text-align: center;
		margin: 1rem auto;
	}

	main.type-oa-calendar #search-form #filter-title {
		visibility: hidden;
	}

	main.type-oa-calendar .oa-filter-sidebar .rdrMonthPicker select {
		max-width: 140px;
	}

	main.type-oa-calendar .oa-filter-sidebar .rdrDateDisplay,
	main.type-oa-calendar .oa-filter-sidebar .rdrMonthAndYearPickers select {
		font-size: 1rem;
	}

	.single-oa-calendar-event main.type-oa-calendar .oa-event-body {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-event-body-content,
	.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-additional {
		 grid-column: 1;
	}

	.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-event-body-aside {
		order: 2;
	}
	.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-event-body-content {
		order: 1;
		margin-bottom: 0;
	}
	.single-oa-calendar-event main.type-oa-calendar .oa-event-body .oa-additional {
		order: 3;
		display: none;
	}

}


@media screen and (max-width: 768px) {

	main.type-oa-calendar .oa-filter-sidebar {
		width: 100%;
		padding: 1rem;
	}

	main.type-oa-calendar .oa-event-grid .oa-event-header {
		gap: 0;
	}

	main.type-oa-calendar .oa-event-grid .oa-event-thumbnail {
		height: auto;
	}

	main.type-oa-calendar .oa-event-grid .oa-event-thumbnail img {
		min-height: auto;
	}

	main.type-oa-calendar .oa-event-grid .oa-event .oa-event-details {
		padding: .2rem 0 0 1rem;
	}

	main.type-oa-calendar .oa-event-grid-loop header.oa-event-grid-header {
		flex-direction: column;
	}

	main.type-oa-calendar .oa-event-grid-loop .oa-events-total-widget {
		margin-top: 3px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	main.type-oa-calendar .oa-active-filters-widget {
		text-align: center;
	}

}


@media screen and (max-width: 640px) {

	main.type-oa-calendar .oa-event-grid-loop .oa-event-grid:has(article) {
		grid-template-columns: 1fr;
	}

	.single-oa-calendar-event .oa-single-event .oa-additional .oa-preview-events {
		grid-template-columns: 1fr;
	}
	
	main.type-oa-calendar .post-content .page-header .input-group {
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}

	main.type-oa-calendar .post-content .page-header input {
		font-size: 1rem;
		text-align: center;
	}

}






/* ANIMATION FOLD/UNFOLD */

.unfoldable {
	overflow: hidden;
}

.unfoldable [ style*="max-height: none;"] {
	background-image: none;
	text-fill-color: #000;
}

.fadein {
	animation-duration: 0.35s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-name: slidein;
}

@keyframes slidein {
	from { right: -100%; }
	to { right: 0px; }
}

.fadeout {
	animation-duration: 0.35s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-name: slideout;
}

@keyframes slideout {
	from { right: 0px; }
	to { right: -100%; }
}