#colorbox.wmp-feedback {
  border-bottom-color: #1da2b6;
  border-bottom-style: solid;
}

#colorbox.wmp-feedback #cboxClose {
  color: black;
}

#colorbox.wmp-feedback #cboxClose {
  font-size: 2rem;
}

#colorbox.wmp-feedback {
  background-color: white;
}

#block-wmp-feedback h2 {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

#block-wmp-feedback textarea {
  background-color: #fafafa;
  border: 2px solid #b0bec5;
  border-radius: 2px;
}

#block-wmp-feedback .fieldgroup[aria-invalid=true] {
  color: #ff555d;
}
#block-wmp-feedback .fieldgroup[aria-invalid=true] .wmp-errors {
  text-decoration: underline;
}

#block-wmp-feedback .button {
  background-color: #1da2b6;
}

#block-wmp-feedback .button:hover {
  background-color: #26d6da;
}

#block-wmp-feedback .form-radio + .option + .check,
#block-wmp-feedback .form-radio:checked + .option + .check {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  border-radius: 0;
}

#block-wmp-feedback .form-radio + .option + .check {
  background-image: url(/themes/wmp/images/star-standard.svg);
}

#block-wmp-feedback .form-radio:checked + .option + .check {
  background-image: url(/themes/wmp/images/star.svg);
}

#block-wmp-feedback .form-radio[value=Yes] + .option + .check {
  background-image: url(/themes/wmp/images/thumbs-up-standard.svg);
}

#block-wmp-feedback .form-radio[value=Yes]:checked + .option + .check,
#block-wmp-feedback .form-radio[value=Yes]:hover + .option + .check {
  background-image: url(/themes/wmp/images/thumbs-up.svg);
}

#block-wmp-feedback .form-radio[value=No] + .option + .check {
  background-image: url(/themes/wmp/images/thumbs-down-standard.svg);
}

#block-wmp-feedback .form-radio[value=No]:checked + .option + .check,
#block-wmp-feedback .form-radio[value=No]:hover + .option + .check {
  background-image: url(/themes/wmp/images/thumbs-down.svg);
}

#cboxOverlay.wmp-feedback {
  background-color: black;
}