:root {
	--font-family-totalblack: totalblack-variable, sans-serif; /*variable*/
	--font-family-bricolage: bricolage-grotesque, sans-serif; /*300,400,700*/

	--primary-color : #bbff15;
	--primary-color-subtle : #f6ffd9;
}

/*@view-transition { navigation: auto; }*/

.font-totalblack { font-family: var(--font-family-totalblack); font-variation-settings: "wght" 400; }
.font-totalblack.fw-bold { font-variation-settings: "wght" 700; }
.font-totalblack.fw-light { font-variation-settings: "wght" 300; }
.font-totalblack.fw-lighter { font-variation-settings: "wght" 200; }
.font-bricolage { font-family: var(--font-family-bricolage); }

.text-custom-primary { color: var(--primary-color); }
.bg-custom-primary { background-color: var(--primary-color); }
.bg-custom-subtle-primary { background-color: var(--primary-color-subtle); }
.text-bg-custom-primary { background-color: var(--primary-color); color: var(--bs-dark); }

.btn-custom-primary {
	--bs-btn-color: var(--bs-dark);
	--bs-btn-bg: var(--primary-color);
	--bs-btn-border-color: var(--primary-color);
	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: color-mix(in srgb, var(--primary-color), black 10%);
	--bs-btn-hover-border-color: color-mix(in srgb, var(--primary-color), black 10%);
	--bs-btn-focus-shadow-rgb: var(--primary-color);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: color-mix(in srgb, var(--primary-color), black 20%);
	--bs-btn-active-border-color: color-mix(in srgb, var(--primary-color), black 20%);
}

.btn-custom-outline-primary {
	--bs-btn-color: var(--primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--primary-color);
	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--primary-color);
	--bs-btn-hover-border-color: var(--primary-color);
	--bs-btn-focus-shadow-rgb: var(--primary-color);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: color-mix(in srgb, var(--primary-color), black 20%);
	--bs-btn-active-border-color: color-mix(in srgb, var(--primary-color), black 20%);
}

/*****************************************************/

.appearOnScroll { opacity: 0; transition: all .4s; transform-origin: center bottom; }
.appearOnScroll.appearOnScroll-visible { opacity: 1; }
.appearOnScroll.aosTranslate { transform: scale(.9) translateY(2rem); }
.appearOnScroll.aosTranslate.appearOnScroll-visible { transform: scale(1) translateY(0); }

/*****************************************************/

.pictureCtr.drag-over { background-color: var(--bs-secondary-bg-subtle); }
/*.pictureCtr.drag-over:after { content: "Déposer une image"; display: flex; position: absolute; inset: 0; background: #ddde; border-radius: var(--bs-border-radius); justify-content: center; align-items: center; font-size: 2rem; font-weight: bold; color: #999; text-align: center; padding: 5rem; line-height: 1; border: 3px dashed #999; }*/

.repeaterLine:first-child .delete-handle { display: none !important; }

/*****************************************************/

body { font-family: var(--font-family-bricolage); font-weight: 400; font-style: normal; }

.centerDiv { width: 90%; max-width: 2000px; margin: 0 auto; }

.fs-responsive-hero { font-size: clamp(2rem, 3.5vw, 5rem); }
.ct-inline-size { container-type: inline-size; }

.cursor-pointer { cursor: pointer; }

.eventCtr .eventTxt { position: absolute; inset: 0; background-image: linear-gradient(180deg,rgba(33, 37, 41, 0) 40%, rgba(0, 0, 0, 1) 100%); }
.eventCtr .eventImg { transition: all .3s ease-in-out; }
.eventCtr:hover .eventImg, .eventCtr:focus .eventImg { transform: scale(1.1); }

.eventCtr .badgeHours { font-size: max(6cqw, .8rem); padding: 2.2cqw 3cqw 1cqw; font-family: var(--font-family-totalblack); font-variation-settings: "wght" 400; line-height: 1; display: inline-block; }
.eventCtr .badgeCategory { font-size: max(5cqw, .6rem); padding: 1.7cqw 3cqw 1.5cqw; font-family: var(--font-family-totalblack); font-variation-settings: "wght" 400; line-height: 1; display: inline-block; }
.eventCtr .badgeCity { font-size: max(5cqw, .6rem); padding: 1.7cqw 3cqw 1.5cqw; font-family: var(--font-family-totalblack); font-variation-settings: "wght" 400; line-height: 1; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.expositionsCtr .expositionsCtrExpos { inset: 12% 0 0 0; }
.expositionsCtr .expositionsCtrExpos:after { content: ''; position: absolute; width: 100%; height: 50%; background: linear-gradient( to bottom, color-mix(in srgb, var(--primary-color) 0%, transparent) 0%, var(--primary-color) 90% ); left: 0; bottom: 0px; }


/*****************************************************/

.move-handle { cursor: grab; }
.delete-handle { cursor: pointer; }
.drag-ghost { opacity: 0.4; }
.drag-chosen { background: #f8f9fa; }
.drag-dragging { cursor: grabbing; }

/*****************************************************/

.trumbowyg-dropdown-emoji button { height: 40px !important; width: 40px !important; margin: 1px !important; font-size: 1.5rem !important; }