// Cookies EU Banner
// -----------------

.cookies-eu-revoke:hover {
	
}

.cookies-eu-banner {
	overflow-y: scroll;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  padding-left: 5px;
  padding-right: 5px;
  transition: opacity 0.5s;
}

.cookies-eu-banner.is-active {
	z-index: 200;
	opacity: 1;
}
 
.cookies-alignment {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cookies-panel {
  margin-top: 5px;
  margin-bottom: 5px;
  background: white;
  width: 100%;
  max-width: 900px;
  padding: 20px 10px;
  border-radius: 4px;
}

.cookies-text {
	
}

.cookies-text	h3 {
	
}
	
.cookies-text	p {
	
}
	
.cookies-text	a {
	text-decoration: underline;
}
		
.cookies-text	a:hover {
	
}

.cookies-details .accordion {
  padding-left: 0;
  list-style-type: none;
}
	
.cookies-details .accordion-item a {
	padding-left: 0;
}

.cookies-details .accordion-title {
	padding: 0;
	background: white;
	border: none;
	padding: 5px 0 5px 16px;
	font-size: 16px;
}
	
.cookies-details .accordion-title:hover {
	
}

.cookies-details .accordion-title::before {
  left: 0;
  right: auto;
}		

.cookies-details .accordion-content {
	padding: 30px 0 5px 0;
	border: none;
	background: white;
}

.cookies-details .accordion-content.hide {
	display: none;
}

.cookies-checkboxes {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}

.cookies-checkbox {
	min-width: 260px;
	flex: 1;
}
			
.cookies-checkbox button {
	position: relative;
	background: none;
	padding: 10px 25px;
	cursor: pointer;
	border: none;
}

.cookies-checkbox button:focus {
  outline: none;
}
	
.cookies-checkbox button:before {
	position: absolute;
	top: 11px;
	left: 0px;
	content: "";
	border: 1px solid black;
	width: 20px;
	height: 20px;
}

.cookies-checkbox button:after {
	position: absolute;
	top: 5px;
	left: 3px;
	font-size: 20px;
	content: "\2713";
	display: none;
}

.cookies-checkbox button:disabled {
	color: gray;
}

.cookies-checkbox button.consented:after {
	display: block;
}

.cookies-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cookies-save {
	xmargin: 20px auto;
	margin: 25px auto 5px auto;
	padding: 0 20px;
}

.cookies-save a {
  color: #0095db !important;
}

.cookies-save:hover {
	
}

.cookies-save-all {
	font-size: 16px;
	margin: 0 auto;
}
			
.cookies-save-all a {
	margin: 0;
  padding: 8px 10px;
  background: #0095db;
  color: white !important;
  border-radius: 3px;
}

.cookies-save-minimum {
	font-size: 16px;
	margin: 0 auto;
}
			
.cookies-save-minimum a {
	margin: 0;
}


@media all and (min-width: 400px) {
	
	.cookies-panel {
    padding: 20px;
	}
	
}

@media all and (min-width: 640px) {
	
	.cookies-panel {
    padding: 35px 70px;
	}
	
	.cookies-details .accordion-title {
		font-size: 16px;
	}
	
	.cookies-save {
		margin: 20px 0;
		order: 3;
	}
	
	.cookies-save-all {
		margin: 0 20px 0 0;
		order: 1;
	}
	
	.cookies-save-minimum {
		margin: 0 20px 0 0;
		order: 2;
	}
	
}

@media all and (min-width: 1024px) {
	
	.cookies-eu-banner {
		right: -15px;
	}
	
	.cookies-panel {
	 padding: 50px 100px;
	}
	
}