/*
  This CSS targets links in the cookie policy page. There are links for
  updating your preferences and also resetting your preferences.
  The #CookieDeclarationChangeConsent items looks after that.

  This CSS also targets links in the div for when something is blocked
  until certain cookies are accepted. The .anrt-cookiebotconsent-optout
  items look after that.
*/
#CookieDeclarationChangeConsent a,
.anrt-cookiebotconsent-optout a {
  display: inline-block;
  margin-top: 1rem;
  padding: .5rem 1rem;
  border: 1px solid #333;
  text-decoration: none;
  border-radius: 10px;
  color: #fff;
  background-color: #333;
}

/* If filter submodule is enabled 'iframe' class is used for styling. */
.iframe .anrt-cookiebotconsent-optout a {
  border-color: white;
  padding: 0.4em 1em;
}

#CookieDeclarationChangeConsent a:focus,
#CookieDeclarationChangeConsent a:hover,
.anrt-cookiebotconsent-optout a:focus,
.anrt-cookiebotconsent-optout a:hover {
  text-decoration: underline;
  color: #333 !important;
  background-color: #fff;
}

.anrt-cookiebotconsent-optout {
  text-align: center;
}

/*
  We can't be sure that the optout class will always be inside a .video class,
  so this CSS needs to be scoped to the .video class or else the `absolute`
  could send the message off-screen.
*/
.video .anrt-cookiebotconsent-optout {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #333;
}

.iframe .anrt-cookiebotconsent-optout {
  background-color: #333;
  margin: 1.5rem 0;
}

.video .anrt-cookiebotconsent-optout > * {
  margin-left: 5px;
  margin-right: 5px;
}

.video .anrt-cookiebotconsent-optout a {
  border-color: #fff;
}

/* On some of our sites, the zebra striping from starterkit tables bleeds in here. */
table.CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody > tr:nth-child(2n+2) {
  background-color: inherit;
}