/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { 
	position:fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 5px 25px 5px 25px;
	background: rgb(46,2,53);
	background: rgba(46,2,53,0.95);
	color: #fff;
	font-size: 17px; font-size: 1.7rem;
	z-index: 99999;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	box-sizing:border-box;
}

.cc-cookies h4 {
	display: inline;
	font-size: 17px; font-size: 1.7rem;
}

.cc-cookies a, .cc-cookies a:hover { 
	color: #fff;
	text-decoration: underline;
	margin: 1em 0;
	font-size: 17px; font-size: 1.7rem;
}

.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: rgb(182,156,185);
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px; font-size: 1.6rem; 
	padding: 5px 8px 5px 8px;
}

.cc-cookies a.cc-cookie-accept:hover {
	color: #715175;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	color: #fff;
	text-decoration: underline;
	padding-left: 0.75em;
	padding-right: 0.75em;
}

.cc-cookies a.cc-cookie-decline:hover, .cc-cookies-error a.cc-cookie-decline:hover {
	text-decoration: none;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { 
	display: block;
}

@media screen and (max-width: 960px) {
	
	.cc-cookies { 
		padding: 20px 25px 10px 25px;
	}
	
	.cc-cookies h4 {
		display: block;
	}
}

@media screen and (max-width: 800px) {
	
	.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline { 
		display: block;
		margin: 1em 0;
	}
}