/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body {
	--hall-pv--z-index: 99999;
	--hall-pv--bg--opacity: 0.9;
	--hall-pv--content-width: var(--wp--style--global--wide-size);
	--hall-px--btn--border-width: 2px;
}

.hall-privacy-notice-container {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: var(--hall-pv--z-index);
	background-position: center center;
}

.hall-privacy-notice {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	max-width: var(--hall-pv--content-width, 1400px);
	margin: 0 auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: var(--wp--style--root--padding-left, 2rem);
	padding-right: var(--wp--style--root--padding-right, 2rem);
}

.hall-privacy-notice__col-left {
	font-size: 0.875rem;
}

.hall-privacy-notice__col-left a {
	text-decoration: underline;
}

.hall-privacy-notice__col-left a:hover {
	text-decoration: none;
}

.hall-privacy-notice__col-right {
	flex-grow: 1;
}

#hall-privacy-notice__form {
	margin: 0;
}

#hall-privacy-notice__btn {
	border-width: var(--hall-px--btn--border-width);
	border-style: solid;
	width: 100%;
}

@media (min-width: 768px) {

	.hall-privacy-notice {
		flex-wrap: nowrap;
		align-items: center;
	}

	.hall-privacy-notice__col-left {
		flex-basis: 80%;
	}
}