/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 
.better-form-styling {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
}

.better-form-styling .gsection {
  border-bottom: 0;
}

.better-form-styling .description, .gform_wrapper .gfield_description,
.better-form-styling .gsection_description,
.better-form-styling .instruction {
  font-size: 1em;
}

.better-form-styling .gfield_checkbox li input,
.better-form-styling .gfield_checkbox li input[type=checkbox],
.better-form-styling .gfield_radio li input[type=radio] {
  margin-top: -1px;
}

.better-form-styling .gfield_radio li {
  margin-right: 20px !important;
  margin-bottom: 8px !important;
}

.better-form-styling .radio-to-button .gfield_radio input[type="radio"] {
  display: none !important;
}

.better-form-styling .radio-to-button .gfield_radio li {
  display: inline-block;
}

.better-form-styling .radio-to-button .gfield_radio label {
  display: block;
  position: relative;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid #4f4f4f;
  max-width: 100%;
}

.better-form-styling .radio-to-button .gfield_radio label:hover {
  background-color: #0e76bd;
  color: #FFF;
}

.better-form-styling .radio-to-button .gfield_radio input:checked + label {
  background-color: #949498;
  color: #FFF;
}

.better-form-styling input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  height: 50px;
  padding: 5px 10px;
}

.better-form-styling li.hidden_label input {
  margin-top: 0px;
}

.better-form-styling input,
.better-form-styling textarea,
.better-form-styling select {
  border: 1px solid #4f4f4f;
}

.better-form-styling select {
  height: 50px;
  padding: 5px 10px !important;
}

.better-form-styling .gform_footer input.button,
.better-form-styling button[type=submit],
.better-form-styling .gform_footer input[type=submit],
.better-form-styling .gform_page_footer input.button,
.better-form-styling .gform_page_footer input[type=submit] {
  font-size: 1.5em;
  padding: 10px 15px;
  background-color: #949498;
  color: #FFF !important;
  border: 1px solid #4f4f4f;
}

.better-form-styling .gform_footer input.button:hover,
.better-form-styling button[type=submit]:hover,
.better-form-styling .gform_footer input[type=submit]:hover,
.better-form-styling .gform_page_footer input.button:hover,
.better-form-styling .gform_page_footer input[type=submit]:hover {
  background-color: #ed8f49;
}

/* Remove margin from label in .search-box */

.search-box label {
  margin: 0;
}

/* Customize search button in header */

.search-box button[type=submit] {
  background-color: #b41e37;
  font-size: 1.25rem;
}

/* Fix issue with .screen-reader-text applied to buttons */

.better-form-styling .screen-reader-text {
  clip: unset !important;
  position: unset !important;
  height: unset !important;
  width: unset !important;
  overflow: unset !important;
  left: unset !important;
}

.better-form-styling .ginput_total {
  font-size: 1.25em !important;
}

.better-form-styling .ginput_container_creditcard input,
.better-form-styling .ginput_container_creditcard select {
  margin-top: 16px !important;
  margin-bottom: 25px !important;
}

.better-form-styling .ginput_container_creditcard label {
  display: none !important;
}

.better-form-styling .ginput_quantity,
.better-form-styling .ginput_card_security_code {
  display: inline-block;
}


.better-form-styling input::placeholder {
  color: #555455 !important;
}

@media (max-width: 641px ) {

  .better-form-styling .radio-to-button .gfield_radio li {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .better-form-styling ul.gfield_checkbox li label,
  .better-form-styling ul.gfield_radio li label {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
  }

  .better-form-styling .ginput_container_creditcard input,
  .better-form-styling .ginput_container_creditcard select {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }  

}