/* Global form */
.gbl-container-form {
    max-width: 1000px;
    padding:0 24px;
    margin-left:auto;
    margin-right:auto;
}


form, div.js-form-item {
    display: flex;
    flex-direction: column;
    gap:15px;
}
div.js-form-item {
    gap:5px;
}

div.js-form-item.form-type-checkbox, div.js-form-item.form-type-radio {
    flex-direction: row;
    gap: 8px;
}

form .js-webform-radios {
    display:flex;
    gap:15px;
}

form input[type="submit"] {
  background-color: #E52D66;
  font-weight: 600;
  color:white;
  text-align: center;
  padding: 0.5rem 1rem; 
  border-radius: .5rem;
  cursor: pointer;
  margin-left: auto;
display: block;
}

form input[type="submit"]:hover {
  opacity:0.7;
}

form label.form-required:after, form span.form-required:after {
    content:' *';
    color:#E52D66;
}


input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="search"]
input[type="week"] {
  box-sizing: border-box;
  appearance: none;
  width: 100%;
  padding: 5px 10px;
  background: white;
  border: 1px solid #A9A9A9;
  border-radius: 10px;
  font-size: 15px!important;
}

input[type="color"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="email"]::placeholder,
input[type="month"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="range"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder
input[type="week"]::placeholder {
    font-size: 14px;
    font-style:italic;
}

input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="range"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="week"]:hover,
textarea:hover, 
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="range"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="week"]:focus,
textarea:focus, 
input[type="color"]:focus-visible,
input[type="date"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="email"]:focus-visible,
input[type="month"]:focus-visible,
input[type="number"]:focus-visible,
input[type="password"]:focus-visible,
input[type="range"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="text"]:focus-visible,
input[type="time"]:focus-visible,
input[type="url"]:focus-visible,
input[type="search"]:focus-visible,
input[type="week"]:focus-visible,
textarea:focus-visible {
    outline: 2px solid #BCD047;
}


textarea {
  appearance: none;
  background: white;
  width:100%;
  border: 1px solid #A9A9A9;
  box-sizing: border-box;
  padding: 16px 24px 16px 16px!important; /**/
  border-radius: 10px;
  resize: none !important;
  font-size: 15px!important;
}

textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    font-style:italic;
}

input[type="checkbox"], input[type="radio"] {
    accent-color: #BCD047;
}


/* webforms */

.webform-flexbox, .webform-flex--container {
    margin: 0;
    gap:20px;
}

/* Select jquery 2 */
.select2-container--default .select2-selection--single {
    border-radius: 10px;
    font-size:15px;
    border: 1px solid #A9A9A9;
    padding: 5px 10px;
    min-height:31px;
}

.select2-container--default .select2-selection--single:hover {
    outline: 2px solid #BCD047;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #BCD047;
    color: black;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #BCD047;
    color: black;
}