/* ==========================================================================
   FORM BLOCK
   ========================================================================== */

/* Blue panel bleeds edge to edge; content is held in the inner .container */
.form-block {
  position: relative;
  background-color: var(--primarycolor);
  overflow: clip;
}

.form-block > .fb-canvas {
  padding-left: 0;
  padding-right: 0;
}

.form-block .fb-grid {
  padding: 70px;
}

/* --- Intro column -------------------------------------------------------- */
.form-block .fb-intro {
  position: relative;
  z-index: 0;
}

.form-block .fb-intro:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 46%;
  z-index: -1;
  width: 780px;
  height: 780px;
  transform: translate(-50%, -50%);
  background-image: url("images/circles-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.5;
  pointer-events: none;
}

.form-block .fb-intro h2 {
  color: var(--white);
  font-size: clamp(36px, 4vw, 64px);
  line-height: 1.05;
  font-weight: 400;
  margin: 0 0 25px 0;
}

.form-block .fb-intro h4 {
  color: var(--white);
  margin: 0 0 15px 0;
}

.form-block .fb-copy p{
  color: var(--white);
  font-size: 18px;
  line-height: 1.7;
}

.form-block .fb-copy > *:last-child {
  margin-bottom: 0;
}

/* --- Form column --------------------------------------------------------- */
.form-block .fb-form {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .form-block .fb-grid {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .form-block .fb-intro {
    margin-bottom: 40px;
  }
  .form-block .fb-intro:before {
    width: 600px;
    height: 600px;
    opacity: 0.35;
  }
}

@media only screen and (max-width: 575px) {
  .form-block .fb-intro:before {
    width: 420px;
    height: 420px;
  }
}

/* ==========================================================================
   GRAVITY FORMS 
   ========================================================================== */

.form-block .gform-field-label__text, .form-block .gform-field-label{
	color: var(--white) !important;
}
.form-block .gform_button{ 
	border-radius: var(--btnradius) !important;
	font-size: 1em !important;
	font-weight: 700 !important;
	padding: 10px 30px !important;
	text-align: center !important;
	border:0 !important;
	border-color: var(--lightgray) !important;
	border-left: 6px solid var(--lightbluecolor) !important;
	background: var(--lightgray) !important;
	color: var(--lightbluecolor) !important;
	text-decoration: none !important;
}
.form-block .gform_button:hover{
  border-color: var(--tertiarycolor) !important;
  border-left: 6px solid var(--lightbluecolor) !important;
  background: var(--tertiarycolor) !important;
  color: var(--white) !important;
  text-decoration: none !important;
}
.form-block .gform-theme--foundation .gform_fields{
  row-gap: 15px;
}
.form-block .gform-theme--foundation .gform_fields input, .form-block .gform-theme--foundation .gform_fields button, .form-block .gform-theme--foundation .gform_fields select, .form-block .gform-theme--foundation .gform_fields textarea{
  background-color: #6e747e;
  color: white;
}
.form-block .gform-theme--foundation .gform_fields input::placeholder{
  color: white;
}
.form-block .gform-theme--foundation .gform_required_legend{
  color: white;
}