/*
Theme Name: BeYourStory Theme
Description: Child theme for Themify Ultra
Author: Jonny Eklund
Template: themify-ultra
*/

/* write custom css below */

.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    background-color: #ef8018 !important; /* Orange background */
}

/* Stäng av Themify Ultras linje-animation på WPForms submit-knappar */
.wpforms-form input[type=submit]::before,
.wpforms-form input[type=submit]::after,
.wpforms-form button[type=submit]::before,
.wpforms-form button[type=submit]::after {
    content: none !important;
    display: none !important;
}

/* Byt till browser-standard + nolla WPForms-positionering */
div.wpforms-container-full input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;

  /* Viktiga overrides för alignment */
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;   /* ersätter deras margin: 0 0 0 2px */
  vertical-align: middle !important;
  box-shadow: none !important;
  background: none !important;
  border: initial !important;
}

/* Ta bort WPForms pseudo-element helt */
div.wpforms-container-full input[type=checkbox]::before,
div.wpforms-container-full input[type=checkbox]::after {
  content: none !important;
}

/* Nolla label-indraget så spacing styrs av checkboxens margin */
div.wpforms-container-full input[type=checkbox] + label {
  padding-inline-start: 0 !important;
  margin: 0 !important;
  line-height: 1.4;
}

/* (Valfritt men bra vid fler-radiga etiketter) top-aligna varje rad */
div.wpforms-container-full .wpforms-field-checkbox li {
  display: flex !important;
  align-items: flex-start !important;
}

/* Visa sublabels om något tema/regel satt display:none */
.wpforms-field-name .wpforms-field-sublabel {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}