cookiePolicy.css

/**
 * Cookie Policy
 *
 */

.cookiePolicy {

	/* Positioning */
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 50;

	/* Hide by default */
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease-in-out;

	transform: translateY(30px);

	/* Styling */
	padding: 20px;
	background-color: #555;
	color: #fff;
}


/* This class is added to show the banner */
.cookiePolicy.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.cookiePolicy-container {
	position: relative;
}


.cookiePolicy-title {
	margin-bottom: 1.5em;
	padding-right: 40px; /* So that the close button has some space */

	/* Styling */
	color: #f1f1f1;
	text-transform: uppercase;
}


.cookiePolicy-message {

	/* Styling */
	margin-bottom: 1.5em;
}

/*
.cookiePolicy-title,
.cookiePolicy-message {
	@include respond-min($bp-single-col) {
		max-width: 70%;
	}
}
*/

.cookiePolicy-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;

	/* Styling */
	background-color: #fff;
	color: #000;
	text-align: center;
}