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

.cc-cookies { 
	position:fixed; 
	width: 100%; left: 0;
	top: 0; 
	padding: 10px; 
	background: #354759; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 400; 
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35); 
	z-index: 99999; 
	text-align: center; 
	color: #fff; 
	display: flex;
	justify-content: space-evenly;
	box-sizing: border-box;
}
.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; content:'x'; }
.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; }

.cookieClose {
	font-size: 18px;
	height: 0;
	display: block;
	text-align: right;
	margin-left:5px;
	position: absolute;
	top: 7px;
	display: flex;
    justify-content: space-between;
}


.cookieButton {
	background-color: #76bd23;
	width: 150px;
	padding: 5px 10px;
	font-size: 15px;
	text-align: center;
	
}

@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(max-width:550px) { 
    .cc-cookies {
        height: 30%;
        font-size: 18px;
		text-align: left; 
		width: 100%;
		padding: 20px 20px;
		box-sizing: border-box;
		display: block;
	}
	
	.cookieClose {
		bottom: 40px;
	}

	.cookieButton {
		background-color: #76bd23;
		width: 150px;
		padding: 5px 10px;
		font-size: 15px;
		text-align: center;
		
	}

	.cookieSubtext {
		font-size: 16px;
	}

	.cookieButton i {
		margin-left: 3px;
	}
}