/** Parent element, containing elements */
.cookieBar {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10000;
	_position: absolute;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	width: 100%;
	padding-top: 15px;
	text-align: left;
	color: #222;
	box-shadow: 0 8px 6px 7px rgba(0,0,0,0.2);
	background-color: #aaca18;
}

.cookieBar__heading {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}

.cookieBar__text,
.cookieBar__buttons {
	margin-bottom: 0;
}

.cookieBar p {
	margin: 0;
}

.cookieBar__row {
	padding: 0 15px 15px;
}

/** Button layout */
.cookieBar .button {
	display: inline-block;
	margin: 0 .5em .5em 0;
	font-size: .8em;
}


/** Places cookieBar at top on smaller screens */
@media all and (max-width: 500px) {
	.cookieBar {
		position: absolute;
		top: 0;
		bottom: auto;
		border-top: 0;
		box-shadow: 0 8px 6px -6px #cacaca;
	}

	.cookieBar .button {
		margin-bottom: 5px;
		padding: 8px 14px;
	}

	.cookieBar__push {
		display: none;
	}
}

@media all and (min-width: 501px) {
	.cookieBar__content {
		display: flex;
		justify-content: space-evenly;
		max-width: 1100px;
		margin: auto;
	}

	.cookieBar__row {
		display: inline-block;
		vertical-align: top;
		margin: 0;
	}
}

/**
 * .cb-buttons
 * Button container in notice row
 */

.cookieBar.cb-open .cookieBar__buttons {
	display: none;
}

.cookieBar__push {
	height: 2em;
}