/*
NOTE: This file is generated from: ssr_frontend/apps/campaign/src/shared/components/molecules/OneTrust/OneTrust.scss.
If any changes need to be made please alter that file and grab the output from scss and paste it here"
*/

/*
Custom overrides for the onetrust banner.

It is possible to include this css within OneTrust's dashboard. However, doing so means
that we will not be able to take full advantage of our scss variables for color/layout.

Note: These styles will need to be included anywhere OneTrust is being included.
*/
#onetrust-button-group-parent#onetrust-button-group-parent#onetrust-button-group-parent {
  margin-top: 0.5rem;
  max-height: 100%;
  padding: 1rem;
}
#onetrust-button-group-parent#onetrust-button-group-parent#onetrust-button-group-parent #onetrust-button-group {
  margin-bottom: -0.5rem;
}
@media only screen and (min-width: 897px) and (max-width: 1279px) {
  #onetrust-button-group-parent#onetrust-button-group-parent#onetrust-button-group-parent {
    margin-left: 4%;
    position: static;
    transform: none;
  }
}

#onetrust-button-group-parent#onetrust-button-group-parent button {
  background-color: #02a95c;
  border: 1px solid transparent;
  border-radius: 1rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  min-height: 2.5rem;
  padding: 0.5rem 1.5rem;
  white-space: nowrap;
}
#onetrust-button-group-parent#onetrust-button-group-parent button:hover, #onetrust-button-group-parent#onetrust-button-group-parent button:focus {
  opacity: 1;
}
#onetrust-button-group-parent#onetrust-button-group-parent button#onetrust-accept-btn-handler:hover {
  background-color: #008748;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  #onetrust-button-group-parent#onetrust-button-group-parent button {
    margin-top: auto;
  }
}
@media only screen and (max-width: 507px) {
  #onetrust-button-group-parent#onetrust-button-group-parent button {
    width: 100%;
  }
}

button#onetrust-pc-btn-handler#onetrust-pc-btn-handler {
  background-color: #ffffff;
  border: 1px solid #02a95c;
  color: #02a95c;
}
button#onetrust-pc-btn-handler#onetrust-pc-btn-handler:hover {
  background-color: #e6f6ef;
  border-color: #008748;
  color: #008748;
}

#onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-title,
#onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-text {
  color: #333333;
  line-height: 1.5;
}
#onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-title {
  font-size: 1rem;
  font-weight: 700;
}
#onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-text {
  font-size: 0.875rem;
  font-weight: 400;
}
#onetrust-banner-sdk#onetrust-banner-sdk:focus,
#onetrust-banner-sdk#onetrust-banner-sdk button:focus {
  outline: initial;
  outline-color: initial;
  outline-offset: initial;
  outline-width: initial;
}

#onetrust-close-btn-container#onetrust-close-btn-container#onetrust-close-btn-container {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transform: none;
}
#onetrust-close-btn-container#onetrust-close-btn-container#onetrust-close-btn-container .onetrust-close-btn-handler {
  position: static;
}
@media only screen and (min-width: 1024px) {
  #onetrust-close-btn-container#onetrust-close-btn-container#onetrust-close-btn-container {
    right: 0;
    top: 0;
  }
}