/*
==============================================
Cookie Banner Style Updates
==============================================
*/

.cookie-consent-banner-wrapper .cookie-consent-banner {
  padding: 18px 30px;
  font-size: 15px;
  line-height: 21px;
  color: #393939;
}
.cookie-consent-banner-wrapper {
  bottom: 27px;
  background: #f5f7f9;
 }
 .cookie-consent-banner-buttons-manage-preferences a {
  text-decoration: underline;
}
.cookie-consent-banner-wrapper a:hover {
  text-decoration: underline;
  color: #393939;
}
.cookie-consent-banner-wrapper .cookie-consent-banner-buttons-manage-preferences {
  font-size: 15px;
  line-height: 21px;
  color: #393939;
}
.cookie-preferences-toggle[data-toggle-state='checked'] .cookie-preferences-accept, 
.cookie-preferences-toggle[data-toggle-state='unchecked'] .cookie-preferences-decline {
  color: inherit !important;
}
.cookie-preferences-toggle label:after {
  background: #393939 !important;
}
.cookie-preferences-toggle label {
  background: #c6c9cb;
}
.cookie-preferences .accord li .accord-link svg {
    fill: #393939;
}
.cookie-preferences .accord li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cookie-preferences .accord li:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.cookie-preferences .accord li.open .accord-link:hover, 
.cookie-preferences .accord li .accord-link:hover, 
.cookie-preferences .accord li.open .accord-link {
  color: var(--gray-dark);
}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
  .cookie-consent-banner-wrapper .cookie-consent-banner-buttons-manage-preferences {
    flex-direction: row;
  }
  .cookie-consent-banner-wrapper .cookie-consent-banner-buttons-manage-preferences, 
  .cookie-consent-banner-wrapper .cookie-consent-banner-buttons {
    grid-gap: 25px;
  }
  .cookie-consent-banner-copy-policy-page {
    padding-bottom: 10px;;
  }
  .cookie-consent-banner-wrapper .cookie-consent-banner {
    padding: 18px 35px;
  }
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .cookie-consent-banner-wrapper .cookie-consent-banner {
    padding: 18px 30px;
  }
}