@charset "utf-8";
:root {
  --cookie-color-bg: #e9e9e9;
  --cookie-color-action: #164d67;
  --cookie-color-text: #1e0b5a;
  --cookie-color-code-bg: #f7f7f7;
  --cookie-color-code-border: #ebebeb;
  --cookie-font-size-h4: 18px;
  --cookie-font-size-h5: 15px;
  --cookie-font-size-text: 14px;
  --cookie-font-size-btn: 14px;
  --cookie-font-size-btn-small: 12px;
  --cookie-font-size-code: 12px;
  --cookie-radius: 5px;
  --cookie-radius-btn: 3px;
  --cookie-radius-code: 3px;
}
#gdpr-cookie-message {
  position: fixed;
  right: 30px;
  bottom: 30px;
  max-width: 375px;
  margin-left: 30px;
  background-color: var(--cookie-color-bg);
  padding: 20px;
  border-radius: var(--cookie-radius);
  box-shadow: 0 6px 6px rgb(0 0 0 / 0.25);
  font-family: var(--font-family-base);
  z-index: 100;
}
#gdpr-cookie-message h4 {
  color: var(--cookie-color-text);
  font-family: var(--font-family-base);
  font-size: var(--cookie-font-size-h4);
  font-weight: 500;
  margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
  color: var(--cookie-color-text);
  font-family: var(--font-family-base);
  font-size: var(--cookie-font-size-h5);
  font-weight: 500;
  margin-bottom: 10px;
}
#gdpr-cookie-message p,
#gdpr-cookie-message ul {
  color: var(--cookie-color-text);
  font-size: var(--cookie-font-size-text);
  line-height: 1.75em;
  margin-bottom: 20px;
}
#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}
#gdpr-cookie-message li {
  color: var(--cookie-color-text);
  list-style: none;
  width: 49%;
  display: inline-block;
  margin-bottom: 10px;
}
#gdpr-cookie-message li:last-child {
  color: var(--cookie-color-text);
  margin-bottom: 0;
}
#gdpr-cookie-message code {
  color: var(--cookie-color-action);
  font-family: monospace;
  font-size: var(--cookie-font-size-code);
  background: var(--cookie-color-code-bg);
  padding: 3px 5px;
  border-radius: var(--cookie-radius-code);
  border: 1px solid var(--cookie-color-code-border);
}
#gdpr-cookie-message a {
  color: var(--cookie-color-action);
  text-decoration: none;
  font-size: var(--cookie-font-size-text);
  padding-bottom: 2px;
  border-bottom: 1px dotted rgb(255 255 255 / 0.75);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
  color: var(--cookie-color-text);
  border-bottom-color: var(--cookie-color-action);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn,
button#ihavecookiesBtn2 {
  border: none;
  background: var(--cookie-color-action);
  color: var(--cookie-color-bg);
  font-family: var(--font-family-base);
  font-size: var(--cookie-font-size-btn);
  padding: 7px;
  border-radius: var(--cookie-radius-btn);
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
button#ihavecookiesBtn2 {
  color: var(--cookie-color-text);
  font-size: var(--cookie-font-size-btn-small);
  padding: 3px;
  margin-left: 5px;
}
button#gdpr-cookie-advanced {
  background: var(--cookie-color-action);
  color: var(--cookie-color-bg);
}
#gdpr-cookie-message button:hover {
  background: var(--cookie-color-text);
  transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:disabled {
  opacity: 0.3;
}
#gdpr-cookie-types li {
  margin-bottom: 6px;
}
#gdpr-cookie-message label {
  color: var(--cookie-color-text);
  display: inline-block;
  max-width: 90%;
}
#gdpr-cookie-message label.chkbox {
  font-size: var(--cookie-font-size-text);
}
