/* Color schemes marked as important, as colors were reverting on refresh */
.open-contact-modal {
  background-color: rgb(255,255,255) !important;
  border-color: rgb(242,146,12) !important;
  color: rgb(242,146,12) !important;
}

.open-contact-modal:hover {
  background-color: rgb(242,146,12) !important;
  color: white !important;
}

.icon-contact {
  display: inline-block;
  height: 1.3rem;
  margin-left: 0.3rem;
  background-size: cover;
  /* Color orange */ 
  filter: brightness(0) saturate(100%) invert(60%) sepia(60%) saturate(3003%) hue-rotate(2deg) brightness(105%) contrast(91%); 
}

/* Apply filter on open-contact-modal hover */
.open-contact-modal:hover .icon-contact {
  /* Color white */
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7404%) hue-rotate(6deg) brightness(111%) contrast(98%); 
}

.contact-modal-btn-group {
  display: inline-flex;
  flex-direction: col;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

.contact-modal-btn-exit, .contact-modal-btn-send {
  width: 4rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.contact-modal-btn-exit {
  background-color: rgb(250,250,250) !important;
  color: rgb(20,20,20) !important;
  border-color: rgb(20,20,20) !important;
}

.contact-modal-btn-exit:hover {
  background-color: rgb(230,230,230) !important;
  color: rgb(20,20,20) !important;
  border-color: rgb(20,20,20) !important;
}

.contact-modal-btn-send {
  background-color: rgb(255,165,20) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(242,146,12) !important;
}

.contact-modal-btn-send:hover {
  background-color: rgb(235,145,0) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(242,146,12) !important;
}

.contact-modal-title {
  font-family: "Domaine Text";
  src: url("fonts/WOFF2/domaine-text-regular.woff2");
}
.contact-modal-body .contact-modal-input-label {
	font-family: "Founders Grotesk";
	src: url("fonts/WOFF2/founders-grotesk-regular.woff2");
}

.contact-modal-input-label {
  padding-left: 0.2rem !important;
}
.contact-modal-input-label:required {
  color:rgb(255, 255, 255) !important;
  border-color: white !important; 
}