#cookies {
  z-index:999;
  position:fixed;
  bottom:0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  width:auto;
  border-radius:0;
  margin-bottom:0;
  line-height:1.2rem;
  font-size:0.9rem;
  font-weight:400;
  display: none;
}

.cookies-relative {
  position:relative !important;
}

#cookies .row {
  padding-top:2rem;
  padding-bottom:2rem;
}

#cookies, #cookies .close {
  padding-top:0;
  padding-bottom:0;
}

#cookies .close {
  font-size:1.6rem;
  top:0px;
  opacity:1;
  text-shadow:none;
  font-weight:300;
}

#cookies.alert {
  border:0;
  background-color:var(--background-1);
  border-radius: 0;
  opacity: 0.9;
}

#cookies.alert, #cookies.alert > .alert-link, #cookies .close, #cookies .close:hover {
  color:rgb(152,152,152);
}

#cookies span, 
#cookies p {
  padding-right:2rem;
  color:var(--white);
  font-weight: 300;
}

#cookies p {
  font-size: var(--size-16);
  font-weight: 600;
  margin-bottom: 0;
  padding: 0;
}

#cookies span.separator {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 2rem;
}

#cookies .cookie-accept, #cookies .cookie-more {
  font-size: var(--size-13);
  font-weight: 600;
}
/*
#cookies .cookie-accept {
  background-color:rgb(255,255,255);
  border-color:rgb(34,39,42);
}
*/
#cookies .cookie-accept:hover, #cookies .cookie-more:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 
}

#cookies .cookie-accept:hover {
  background-color:rgb(34,39,42);
  color:rgb(255,255,255);
}

#cookies .cookie-more {
  border-color:rgb(195,195,195);
  background-color:rgb(255,255,255);
  color:rgb(195,195,195);
}

#cookies .cookie-more:hover {
  border-color:rgb(195,195,195);
  background-color:rgb(255,255,255);
}

.custom-link {
  color: var(--white);
  text-decoration: underline;
  font-weight: 400;
}

.custom-link:hover, 
.custom-link:active, 
.custom-link:focus {
  color: var(--white);
  text-decoration: underline;
}