/*Hide cookiebot branding */
a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none !important;
}

/* Hide logo so this works for goco + gather */
#CybotCookiebotDialogHeader {
  display: none !important;
}

/* Dialog specific styles */
#CybotCookiebotDialog {
  border-radius: 4px !important;
  color: #212121 !important;
  font-family: proxima-nova, sans-serif !important;
}

#CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
  border-bottom: none !important;
}

#CybotCookiebotDialogBodyEdgeMoreDetails {
  margin: 0 2em .5em 0 !important;
}

#CybotCookiebotDialogFooter {
  padding: 0 !important;
}

#CybotCookiebotDialogBodyButtonsWrapper {
  display: flex !important;
  justify-content: space-between !important;
  padding: 1.5rem !important;
}

#CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogBodyButtonDecline {
  width: initial !important;
}

#CybotCookiebotDialogBody {
  border-bottom: 1px solid #D6D6D6 !important;
}

/* Widget specific styles */
#CookiebotWidget {
  left: unset !important;
  right: 10px !important;
  z-index: 1 !important
}

#CookiebotWidget * {
  color: #212121 !important;
  font-family: proxima-nova, sans-serif !important;
}

#CookiebotWidget .CookiebotWidget-logo {
  cursor: pointer !important;
}

#CookiebotWidget.CookiebotWidget-open #CookiebotWidget-widgetContent {
  border-radius: 4px !important;
}

#CookiebotWidget.CookiebotWidget-open  {
  border-radius: 4px !important;
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: white !important;
}

#CookiebotWidget .CookiebotWidget-header {
  padding: 1.5rem !important
}

#CookiebotWidget .CookiebotWidget-header strong {
  align-self: center !important;
  font-family: proxima-nova, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close {
  align-items: center !important;
  background: #EFF1F4 !important;
  border-radius: 100% !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  height: 2rem !important;
  justify-content: center !important;
  margin-left: .5rem;
  width: 2rem !important;
  z-index: 10 !important;

  svg {
    fill: #212121 !important;
    transition: fill 0.25s !important;
  }

  &:hover {
    cursor: pointer !important;

    svg {
      fill: #0D56D9 !important;
    }
  }
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #00C06C !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li svg {
  fill: #EF4A5D !important;
}

/* Dialog + widget allow + deny buttons */
#CookiebotWidget-btn-change, #CybotCookiebotDialogBodyButtonAccept {
  align-items: center !important;
  background-color: #0D56D9 !important;
  border-radius: 1.75rem !important;
  border: 1px solid #0D56D9 !important;
  color: #fff !important;
  display: flex !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  height: 2.5rem !important;
  justify-content: center !important;
  padding: 0 1rem !important;
  transition: all 0.2s linear !important;
  white-space: nowrap !important;
}

#CookiebotWidget-btn-change:hover, #CybotCookiebotDialogBodyButtonAccept:hover {
  background-color: #0a43a9 !important;
  border-color: #0a3f9f !important;
  opacity: 1 !important;
}

#CookiebotWidget-btn-withdraw, #CybotCookiebotDialogBodyButtonDecline {
  align-items: center !important;
  background-color: #FFF !important;
  border-radius: 1.75rem !important;
  border: 1px solid #DADCDF !important;
  color: #212121 !important;
  display: inline-flex !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  height: 2.5rem !important;
  justify-content: center !important;
  padding: 0 1rem !important;
  transition: all 0.2s linear !important;
  white-space: nowrap !important;
}

#CookiebotWidget-btn-withdraw:not([disabled]):hover, #CybotCookiebotDialogBodyButtonDecline:hover {
  background-color: #EFF6FF !important;
  border-color: #0D56D9 !important;
  color: #0D56D9 !important;
}