﻿/* CUSTOM SETTINGS */

.heading {
	font-family: var(--font-heading);
	font-weight: normal;
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: rgb(44, 31, 14);
}
	.heading.highlighted::first-letter {
		color: rgb(139, 26, 46);
	}

@media (min-width: 768px) {
	.heading {
		font-size: 3rem;
		line-height: 1;
	}
}

.menu-link {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-family: var(--font-heading);
	text-transform: uppercase;
	font-size: 0.875rem;
	line-height: 1.25rem;
	letter-spacing: 0.1em;
	color: rgb(90, 74, 53);
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	animation-duration: 200ms;
}
	.menu-link.selected {
		color: rgb(139, 26, 46);
		font-weight: bold;
	}
@media (min-width: 768px) {
	.menu-link {
		padding-top: 0rem;
		padding-bottom: 0rem;
		padding-left: 0rem;
		padding-right: 0rem;
	}
}
.menuMobile {
	border-color: rgb(201, 169, 110);
}

.event-date, .event-text {
	margin-top: 0.5rem;
	margin-left: 0.5rem;
}

.event-date {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	align-items: center;
	text-align: center;
	justify-content: center;
	height: 4.5rem;
	width: 4.5rem;
	font-family: var(--font-heading);
	font-size: 0.75rem;
	line-height: 1.25;
	border: 1px solid rgba(184, 134, 11, 0.4);
	background: rgb(201, 169, 110);
	color: rgb(139, 26, 46);
}
	.event-date > p {
		font-size: 1rem;
	}
a .event-date:hover {
	margin-top: 0rem;
	margin-left: 0rem;
	height: 5.5rem;
	width: 5.5rem;
}
	a .event-date:hover > p {
		font-size: 1.2rem;
	}
a .event-text > :hover {
	font-size: 120%;
}

.eventspage-main {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	justify-content: center;
	/*align-items: center;*/
}
	.eventspage-main .part {
		min-width: 100vw;
		padding: 1rem;
	}

@media (min-width: 768px) {
	.eventspage-main {
		flex-direction: row-reverse;
		min-height: 92vh;
	}
		.eventspage-main .part {
			min-width: 50vw;
		}
}

.texte {
	padding: 1rem;
}
.texte-title {
	font-family: var(--font-heading);
	font-weight: bold;
}
.black {
	color : #000;
}

.btn {
	background-color: rgba(184, 134, 11, 0.4);
	border: 1px solid rgba(184, 134, 11, 0.4);
	border-radius: 10px;
	padding: 1rem;
}

@media print {
	#toprint, #toprint * {
		display: block;
	}
	header, footer, .nottoprint {
		display: none;
	}
}