/* ==========================================================================
   Bandeau d'annonce
   ========================================================================== */

.cristime-announcement-bar {
	width: 100%;
}

.cristime-announcement-bar__viewport {
	height: 40px;
	overflow: hidden;
}

.cristime-announcement-bar__message {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
	white-space: nowrap;
}

/* --- Mobile --- */

@media (max-width: 768px) {
	.cristime-announcement-bar__viewport {
		height: 36px;
	}

	.cristime-announcement-bar__message {
		height: 36px;
		font-size: 11px;
		padding: 0 12px;
	}
}