/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
/*
Gravity Form Theme overides
*/
.gform_wrapper {
  margin-top:2rem;
}
#top .main_color .gform-theme--foundation .gfield .ginput_password, 
#top .main_color .gform-theme--foundation .gfield input, 
#top .main_color .gform-theme--foundation .gfield select{
  -webkit-appearance: var(--gf-local-appearance);
  -moz-appearance: var(--gf-local-appearance);
  appearance: var(--gf-local-appearance);
  background-color: var(--gf-local-bg-color);
  block-size: var(--gf-local-height);
  border-block-end: var(--gf-local-border-block-end);
  border-block-start: var(--gf-local-border-block-start);
  border-inline-end: var(--gf-local-border-inline-end);
  border-inline-start: var(--gf-local-border-inline-start);
  border-radius: var(--gf-local-radius);
  box-shadow: var(--gf-local-shadow);
  color: var(--gf-local-color);
  display: var(--gf-local-display);
  font-family: var(--gf-local-font-family);
  font-size: var(--gf-local-font-size);
  font-style: var(--gf-local-font-style);
  font-weight: var(--gf-local-font-weight);
  inline-size: var(--gf-local-width);
  letter-spacing: var(--gf-local-letter-spacing);
  /* line-height: var(--gf-local-line-height); */
  margin-block: 0;
  /* background: unset; */
}


.gform_wrapper input.custom-card-field {
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section,
.gform-theme--framework .gppt-has-page-transitions .gf_progressbar_wrapper{
  background-color: #eeeeee;
    padding: 2.5rem 2rem 3rem 4rem!important;
    border-radius: 10px;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}