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

.cc-cookies {position:fixed; width: 100%; rigth: 0; bottom: 0;  padding: 0.8em 5%;  background: rgba(0,0,0,0.9); color: #fff; font-size: 1.4rem; z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover {
	color: #fff;
	text-decoration: underline;
}
.cc-cookies a:hover { text-decoration: none;	}
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #7DAF3B;
	padding: 0.5em 0.75em;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	margin-top: 1.5rem;
}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet {
	background: none;
	width: 20%;
	position: absolute;
	left: 6rem;
	top: 16rem;
	z-index: 99;
}
.cc-cookies.cc-discreet a.cc-cookie-reset { background: #f15b00; padding: 0.5em; font-weight: bold; text-shadow: none; text-decoration: underline; margin-bottom: 0.5rem;}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.cookie-reset {
	font-size: 2rem;
	width: 10%;
	background-color: #f15b00;
	text-align: center;
	padding: 0.5rem;
	border-radius: 3px;
}
.cookie-reset a {
	color: #F7F7F7;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
.cc-cookies.cc-discreet {
	width: 25%;
	left: 4rem;
}
}
@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; border-radius: 0;}
.cc-cookies.cc-discreet {
	width: 100%;
	padding: 0;
	top: 15rem;
	left: 0;
}
}
}

@media screen and (max-width: 480px) {
.cc-cookies { position:fixed; width: 100%; left: 0; top: 0;}

}