@charset "UTF-8";

.cookie-banner {
	position: fixed;
	left: 0;
	bottom: -100%; /*Initially off-screen */
	padding: 15px 15px 0 15px;
	width: 100%;
	border-top: 1px solid #ccc;
	background-color: #fff;
	text-align: left;
	z-index: 100; /* Ensure it stays on top */
	transition: bottom 0.5s ease; /* For smooth slide-in */
}

	.cookie-banner p {
		padding: 0;
		color: #333;
		font-size: .875em;
		line-height: normal;
	}

		.cookie-banner p span {
			display: block;
		}

		.cookie-banner p a {
			color: #337ab7 !important;
			text-decoration: underline;
		}

		.cookie-banner p em {
			color: inherit;
			font-style: normal;
			text-decoration: underline;
		}

			.cookie-banner p em:hover {
				cursor: pointer;
			}

		.cookie-banner p i {
			color: #000;
		}

	.cookie-banner .fa-xmark {
		position: absolute;
		top: 5px;
		right: 10px;
		color: #000;
		cursor: pointer;
	}

	.cookie-banner a {
		color: #333;
	}

	.cookie-banner ul {
		display: inline-flex;
		text-align: right;
	}

	.cookie-banner li {
		padding: 0 8px;
	}

	.cookie-banner .btn-primary {
		padding: 5px 20px;
		width: 100px;
		color: #fff;
		font-size: 12px;
		line-height: 1.5;
		background-color: #ff7f00;
		border-color: #ff7f00;
	}

		.cookie-banner .btn-primary.active, .cookie-banner .btn-primary:active, .cookie-banner .btn-primary:focus, .cookie-banner .btn-primary:hover {
			color: #fff !important;
			background-color: #F07800 !important;
			border-color: #F07800 !important;
		}

	.cookie-banner .btn-secondary {
		padding: 5px 20px;
		width: 100px;
		color: #333;
		font-size: 12px;
		line-height: 1.5;
		background-color: #fff;
		border-color: #ccc;
	}

		.cookie-banner .btn-secondary.active, .cookie-banner .btn-secondary:active, .cookie-banner .btn-secondary:focus, .cookie-banner .btn-secondary:hover {
			color: #333 !important;
			background-color: #fafafa !important;
			border-color: #ccc !important;
		}

.bg-secondary {
	background: #c6c6c6 !important;
}

.bg-secondary {
	background: #c6c6c6 !important;
}

@media screen and (max-width: 1924px) {
	.cookie-banner p span {
		display: inline;
	}
}

@media (min-width:280px) and (max-width:767px) {
	.cookie-banner ul {
		float: none;
		text-align: center;
	}
}