.caricole-vacation-banner,
.caricole-vacation-banner-spacer {
	box-sizing: border-box;
	border-bottom: 1px solid rgba(84, 30, 18, 0.18);
	background: #eee5d8;
	padding: 0.65rem 1.5rem;
	color: #541e12;
	text-align: center;
	font: 600 0.75rem/1.5 'Raleway', sans-serif;
	letter-spacing: 0.04em;
}

.caricole-vacation-banner {
	position: fixed;
	z-index: 51;
	top: 81px;
	right: 0;
	left: 0;
	transform: translateY(0);
	transition: transform 300ms ease;
	will-change: transform;
	--caricole-header-height: 81px;
}

.caricole-vacation-banner--hidden {
	transform: translateY(calc(-100% - var(--caricole-header-height)));
}

body.admin-bar .caricole-vacation-banner {
	top: 113px;
}

.caricole-vacation-banner-spacer {
	visibility: hidden;
}

.caricole-vacation-banner p,
.caricole-vacation-banner-spacer p {
	margin: 0;
}

.caricole-hours-vacations {
	margin-top: 0.9rem;
	border-left: 2px solid #9a5d40;
	background: #f3e8dc;
	padding: 0.7rem 0.8rem;
	color: #541e12;
	font: 600 0.68rem/1.6 'Raleway', sans-serif;
	letter-spacing: 0.02em;
}

.caricole-hours-vacations h4,
.caricole-hours-vacations > strong {
	display: block;
	margin: 0 0 0.35rem;
	font-size: 0.65rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.caricole-hours-vacations ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.caricole-hours-vacations li {
	margin: 0;
}

@media (max-width: 767px) {
	.caricole-vacation-banner {
		top: 73px;
		--caricole-header-height: 73px;
	}

	.caricole-opening-hours-settings .caricole-vacation-row label {
		display: block;
		margin: 0.5rem 1rem 0.5rem 0;
	}
}

@media (max-width: 782px) {
	body.admin-bar .caricole-vacation-banner {
		top: 119px;
	}
}