/* Shared styles used by archives 2024 page */
@import url('./archives.css');
@import url('./apropos.css');

.archives2024-sheet {
 	position: relative;
 	min-height: 100vh;
 	/* leave space for the fixed close button placed under the header */
 	padding-top: 10vh;
	animation: archivesSheetIn 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) both;
	will-change: transform, opacity;
	font-family: Apfel;
}

.archives2024-sheet .base {
	padding-top: 0px;
}

.archives-close-row {
	position: fixed;
	top: 100px;
	right: 25px;
	display: flex;
	justify-content: flex-end;
	z-index: 60;
}

.archives2024-fullscreen footer {
	display: none !important;
}

.archives2024-fullscreen main.main {
	margin: 0;
	padding: 0;
}

.archives-close {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 88px;
    padding: 20px;
    border-radius: 0 28px 0 28px;
    background: #FE7445;
    font-family: Expo30;
    font-size: 34px;
    color: black;
    transition: transform 0.2s ease, background-color 0.2s
}

.archives-actions {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	width: 100%;
	margin-top: 20px;
}

.archives-action-btn {
	margin-top: 0;
    display: inline-flex;
	flex: 1 1 0;
	min-width: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 88px;
    padding: 20px;
    border-radius: 0 28px 0 28px;
    background: #FE7445;
    font-family: Expo30;
    font-size: 34px;
    color: black;
    transition: transform 0.2s ease, background-color 0.2s
}

.archives-action-btn:hover {
    transform: translateY(-4px);
    background: #3254FE;
}

.archives-close:hover {
	transform: scale(1.06);
	background: #FBEEDC;
}

.date2{
    font-size: 10.4vw;
	font-family: Expo30;
	line-height: 1;
}


@keyframes archivesSheetIn {
	from {
		transform: translateY(100vh);
		opacity: 0.6;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.archives2024-sheet {
		animation: none;
	}
}

@media (max-width: 1000px) {
	.archives-actions {
		flex-wrap: nowrap;
	}

	.archives-action-btn {
		font-size: 28px;
	}
}