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

/****** Cookies Original 
	
.cc-cookies {
	position:fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	padding:10px;
	background: rgba(86,86,86,0.95);
	font-size: 13px;
	font-weight: 300;
	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; }
.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 { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@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; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}

*********/

.cc-cookies {
	position:fixed;
	width:100%;
	max-width:100%;
	right:0;
	bottom:0;
	padding:20px;
	background:#462B23;	
	font-size:11px;
	z-index:99999;
	text-align:left;
	color:#FFF;
	box-sizing:border-box;
	border-top:1px solid #CCC;
	padding-right: 50px; 	
}

.cc-cookies a,.cc-cookies a:hover {
	color:#FFF !important;
	text-decoration:underline!important;
}

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

.cc-cookies-error {
	float:left;
	width:90%;
	text-align:center;
	margin:1em 0 2em;
	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;
	border-radius:3px;
	background: #7DAF3B; padding: 0.5em 0.75em; /* 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 .5s ease-in;
	-webkit-transition:background .25s ease-in;
	-moz-transition:background .25s ease-in;
}

.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline {
	background:#af3b3b;
	margin-left:.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 .5s ease-in;
	-webkit-transition:background .25s ease-in;
	-moz-transition:background .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 {
	width:auto;
	padding:.5em 1em;
	left:auto;
	top:auto;
}

.cc-cookies.cc-discreet a.cc-cookie-reset {
	background:none;
	text-shadow:none;
	padding:0;
	text-decoration:underline;
}

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

.cc-cookies a.cc-cookie-accept {
	position: absolute;
    top: 15px;
    right: 15px;
    background-color: #CCC;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none !important;
}



@media screen and (max-width: 868px) {
.cc-cookies { position: relative; float: left;position:fixed; width: 100%; left: 0; bottom: 0; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin:0; }
}

@media screen and (max-width: 768px) {
.cc-cookies { position: relative; float: left;position:fixed; width: 100%; left: 0; bottom: 0; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin:0; }
}

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