/* GLOBAL STYLES
------------------------------------------------------- */

.nowrap {
  white-space: nowrap;
}


/* GRAVITY FORMS: PROGRESS BAR
------------------------------------------------------- */

.gf_progressbar_wrapper { margin-bottom: 30px; }

.percentbar_0 { width: 5% !important; }

.percentbar_0 span { color: #fff !important; }


/* GRAVITY FORMS: HIDE VALIDATION ERRORS ON FORM #1
------------------------------------------------------- */

/* form validation alert */
#gform_wrapper_1 .gform_validation_errors   { display: none !important; }

/* field-level validation error */
#gform_wrapper_1 .gfield_validation_message { display: none !important; }

/*
#gform_wrapper_1 .gform_wrapper .gfield_error .gfield_repeater_cell label, 
#gform_wrapper_1 .gform_wrapper .gfield_error label, 
#gform_wrapper_1 .gform_wrapper .gfield_error legend, 
#gform_wrapper_1 .gform_wrapper [aria-invalid=true]+label, 
#gform_wrapper_1 .gform_wrapper label+[aria-invalid=true] {
  color: #000000 !important;
}
*/

/* GRAVITY FORMS CUSTOM TILES: BASE SETTINGS
------------------------------------------------------- */

/* flexbox */

.gtiles .gfield_checkbox,
.gtiles .gfield_radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.gtiles .gchoice { 
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 !important;
  margin: 10px 10px 0 0 !important;
  text-align: center;
}

.gfield_description {
  color: #cc0000; 
  font-weight: bold;
}

/* tiles: default column sizes and margins */

.gtiles .gfield_checkbox > .gchoice { flex: 23.25%; max-width: 23.25%; }
.gtiles .gfield_radio > .gchoice    { flex: 31%; max-width: 31%; }

/* tiles: custom column sizes */

.gtiles-2-col .gfield_checkbox > .gchoice,
.gtiles-2-col .gfield_radio > .gchoice { 
  flex: 45%; 
  max-width: 45%; 
}

.gtiles-3-col .gfield_checkbox > .gchoice,
.gtiles-3-col .gfield_radio > .gchoice { 
  flex: 31%; 
  max-width: 31%; 
}

.gtiles-4-col .gfield_checkbox > .gchoice,
.gtiles-4-col .gfield_radio > .gchoice { 
  flex: 23.25%; 
  max-width: 23.25%; 
}

@media screen and (max-width: 767px) {

  .gtiles .gfield_checkbox > .gchoice,
  .gtiles .gfield_radio > .gchoice { 
    flex: 100% !important; 
    max-width: calc(100%/2 - 5px) !important; 
  }

  .gtiles .gfield_checkbox > .gchoice:nth-child(even),
  .gtiles .gfield_radio > .gchoice:nth-child(even) { 
    margin-right: 0 !important;
  }

}

@media screen and (max-width: 600px) {

  .gtiles .gfield_checkbox > .gchoice,
  .gtiles .gfield_radio > .gchoice { 
    flex: 100% !important; 
    max-width: 100% !important; 
    margin-right: 0 !important;
  }

}


/* mouse cursor */

.gtiles .gchoice:hover,
.gtiles .gchoice label:hover {
  cursor: pointer;
}

/* colours: unchecked and unchecked hover */

.gtiles .gchoice {
  background-color: #ffffff;
  border: 2px solid #000000;
}

.gtiles .gchoice label {
  color: #000000;
}

.gtiles .gchoice.hover {
  background-color: #a0c57c;
  border-color: #445434;
}

.gtiles .gchoice.hover label {
  color: #000000;
}

/* colours: checked and checked hover */

.gtiles .gchoice.checked,
.gtiles .gchoice.checked:hover {
  background-color: #445434;
  border-color: #445434;
  border: 1px solid #445434;
}

.gtiles .gchoice.checked label,
.gtiles .gchoice.checked:hover label {
  color: white;
}

/* colour transitions */

.gtiles .gchoice,
.gtiles .gchoice:hover {
  transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
}

/* hide HTML input */

.gtiles .gchoice .gfield-choice-input {
  display: none !important; 
}

/* rounded corners */
.gtiles .gchoice {
  border-radius: 15px;
}


/* GRAVITY FORMS CUSTOM TILES: RESPONSIVE OVERRIDES
------------------------------------------------------- */

@media screen and (max-width: 768px) {

  /* Responsive flexbox column widths */
  #gform_wrapper_1 .gtiles-checkbox .gfield_checkbox > .gchoice { flex: 45%; max-width: 50%; }
  #gform_wrapper_1 .gtiles-radio .gfield_radio > .gchoice { flex: 100%; max-width: 100%; }

}


/* GRAVITY FORMS: OVERRIDE BEAUTY FORMS PLUGIN STYLES
------------------------------------------------------- */

.gtiles .gchoice .BG_check { 
  display: none !important; 
}

.BG_Microsoft :not(.image-choices-use-images) .gtiles .BG_default input[type='radio'] ~ label, 
.BG_Microsoft :not(.image-choices-use-images) .gtiles .BG_default input[type='checkbox'] ~ label {
  position: static !important;
  margin-left: 0 !important;
}