label.btn-colour[for="color_blue"]{ background-color: #668cb9; }
label.btn-colour[for="color_white"]{ background-color: #ffffff; }
label.btn-colour[for="color_black"]{ background-color: #000000; }
label.btn-colour[for="color_red"]{ background-color: #dd6265; }
label.btn-colour[for="color_violet"]{ background-color: #8b6ea4; }

.detail-option-group-pattern input[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.detail-option-group-pattern input[type=radio] + img {
  cursor: pointer;
}


/* CHECKED STYLES */
.detail-option-group-pattern input[type=radio]:checked + img {
  outline: 3px solid #868E96;
  margin-right:0.2em;
  margin-bottom:0.4em;
}

.detail-option-group-pattern input[type=radio]:hover+ img {
 -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}

.grecaptcha-badge { 
  visibility: hidden;
}

body.show-recaptcha-badge .grecaptcha-badge{
  visibility: visible;
} 

/* Always set the map height explicitly to define the size of the div
  * element that contains the map. */
  gmp-map {
  height: 100%;
}

#contactMap {
  height: 400px;
  width: 100%;
}