/**
 * Cookie bar without interactive settings list
 * No js
 */

.cookieControlBar {
	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: 88%;
	padding: 15px 6%;
	line-height: 1.2;
	font-size: .9em;
	box-shadow: 0 1px 8px rgba(0,0,0,.3);
}

/**
 * Cookie bar contents
 */

.cookieControl__heading {
	font-size: 1.3em;
	margin: 0 0 .3em;
}

.cookieControl__body a {
	white-space: nowrap;
}

.cookieControl__button {
	display: inline-block;
	padding: .3em 1.3em .5em;
	white-space: nowrap;
}

.cookieControl__button--sec {
	position: absolute; /** This button in output for JS wants it */
	left: -999em;
}

/**
 * Responsive layout table style
 */

@media all and (max-width: 500px) {
	.cookieControl__button {
		padding: 8px 14px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/**
 * Table style
 */

@media all and (min-width: 501px) {
	.cookieControl__contentWrapper {
		display: table;
		width: 100%;
		max-width: 1180px;
		margin: auto;
	}

	.cookieControl__content {
		display: table-cell;
		vertical-align: middle;
	}

	.cookieControl__contentRight {
		padding-left: 4%;
		width: 20%;
		text-align: right;
	}

	.cookieControl__body {
		margin: 0;
	}
}

@media screen and (min-width: 768px) {
	.cookieControlBar {
		width: 100%;
		padding-right: 4%;
		padding-left: 4%;
		box-sizing: border-box;
	}

	.cookieControl__contentRight {
		width: auto;
	}

	.cookieControl__button:last-child {
		padding-right: 0;
	}
}