/*
    This file is meant to serve as a starter for the CMS Forms Module,
    Please exercise caution in what you style and how you style it.
    As the CMS Forms Module receives updates, you may need to re-download this file to style additional features.
    You may need to use !important in some places to make sure your styles override the CMS Forms Module defaults
*/

/* This file has been updated to use ÃÛÑ¿TV global styles. Each style used is identified in a comment above its declaration. */

/* global items */
[data-el="mc-form-wrapper"] {
    padding: 0;
    color: var(--primary-brown);
    
    /* p-md-regular */
    font-family: var(--font-medium);
  	font-size: var(--text-md);
  	line-height: 29px;
  	letter-spacing: 0.3px;
}

/* Submit button */
[data-el="mc-form-wrapper"] [data-el="mc-form-submit"] {
  /* submit button */
  margin-bottom: 10px;

  /* global.css: d-btn */
  font-family: var(--font-bold);
  font-size: var(--text-md);
  line-height: normal;
  letter-spacing: 3.2px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;

  display: inline-block;
  width: fit-content;
  padding: 18px 20px;
  border-radius: 0 !important;
  transition: var(--transition-sm);

  /* global.css: btn-high */
  background-color: var(--primary-gold);
  color: var(--primary-brown);
  border: 1px solid var(--primary-gold);
}

/* Success and error messages */
[data-el="mc-form-wrapper"] [data-el="mc-form-success"] {
  /* submit success message */
}

[data-el="mc-form-wrapper"] [data-el="mc-form-error"] {
  /* submit error message */
}

[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="element-label"] {
  /* form labels */
  margin-bottom: 0;

  /* global.css: label */
  color: var(--primary-brown);
  font-family: var(--font-semibold);
  font-size: 14px;
  line-height: 29px;
  letter-spacing: 0.3px;
}

[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="element-helper-wrapper"] {
  /* element helper text */
  color: var(--primary-brown);

  /* global.css: input-helper */
  display: block;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.3px;
  font-style: italic;
  margin-top: 6px;
}

/* short text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"] {
  /* short text */
  border-radius: 0;

  /* global.css: textarea */
  display: block;
  width: 100%;
  border: 1px solid var(--secondary-dark-grey) !important;
  box-shadow: none;
  padding: 6px 10px;
  margin: 4px 0;
}

/* long text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="textarea"] {
  /* long text */
  border-radius: 0;

  /* global.css: textarea */
  display: block;
  width: 100%;
  border: 1px solid var(--secondary-dark-grey) !important;
  box-shadow: none;
  padding: 6px 10px;
  margin: 4px 0;
}

/* email */
[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="text-input"][type="email"] {
  /* email */
}

/* checkboxes and radios */
[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="options-group-legend"] {
  /* legends for radio, checkboxes */
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;

  /* global.css: p-md-semibold */
  font-family: var(--font-semibold);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

/* checkboxes */
[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="checkbox-group-wrapper"] {
  /* checkboxes wrapper */
}

[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="checkbox-input"] {
  /* individual checkboxes */
  accent-color: var(--primary-brown);
}

[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="checkbox-label"] {
  /* individual checkboxes label */
  margin-bottom: 0;

  /* global.css: label */
  color: var(--primary-brown);
  font-family: var(--font-semibold);
  font-size: 14px;
  letter-spacing: 0.3px;
}

/* radios */
[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="radio-group-wrapper"] {
  /* radio wrapper */
}

[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="radio-input"] {
  /* individual radio */
  accent-color: var(--primary-brown) !important;
}

[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="radio-label"] {
  /* individual radio labels */
  margin-bottom: 0;

  /* global.css: label */
  color: var(--primary-brown);
  font-family: var(--font-semibold);
  font-size: 14px;
  letter-spacing: 0.3px;
}

/* dropdown */
[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="select-input"] {
  /* dropdown */
  border-radius: 0;

  /* global.css: textarea */
  display: block;
  width: 100%;
  border: 1px solid var(--secondary-dark-grey) !important;
  box-shadow: none;
  padding: 6px 10px;
  margin: 4px 0;
}

/* toggle */
[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="toggle-wrapper"] {
  /* toggle wrapper */
}

[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="toggle-wrapper"]
  [data-el="toggle-input"] {
  /* toggle */
}

[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="toggle-wrapper"]
  [data-el="toggle-label"] {
  /* toggle label */
  margin-bottom: 0;

  /* global.css: label */
  color: var(--primary-brown);
  font-family: var(--font-semibold);
  font-size: 14px;
  letter-spacing: 0.3px;
}

/* free text */
[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  [data-el="html-section"] {
  /* free text */
}

/* date, time, date/time */
[data-el="mc-form-wrapper"]
  [data-el="element-wrapper"]
  .react-datepicker-wrapper {
  /* input field */
}

/* extra */
.form-check-input:checked {
  background-color: var(--primary-brown);
  border-color: var(--primary-brown);
}

.form-text,
.mc-description {
  color: var(--primary-brown);

  /* global.css: input-helper */
  display: block;
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.3px;
  font-style: italic;
  margin-top: 6px;
}

fieldset {
  margin-bottom: 30px;
}

.form-control {
  border-radius: 0;

  /* global.css: textarea */
  display: block;
  width: 100%;
  border: 1px solid var(--secondary-dark-grey) !important;
  box-shadow: none;
}

[data-el="mc-form-wrapper"]
  [data-el="options-group-wrapper"]
  [data-el="options-group-legend"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;

  /* global.css: divider-horizontal-md */
  display: block;
  width: 102px;
  max-width: 100%;
  height: 2px;
  background-color: var(--primary-gold);
}

[data-el="mc-form-wrapper"] [data-el="mc-form-submit"]:hover,
[data-el="mc-form-wrapper"] [data-el="mc-form-submit"]:focus-visible {
  /* global.css: btn-high:hover */
  background-color: var(--primary-brown);
  color: var(--white);
  border: 1px solid var(--primary-brown);
}

.mc-html-section strong {
  color: var(--primary-brown);
  /* p-md-semibold  */
  font-family: var(--font-semibold);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

.mc-html-section em {
  /* p-md-regular */
  font-family: var(--font-medium);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

.google-recaptcha-statement {
  color: var(--primary-brown);
  /* p-sm-regular */
  font-family: var(--font-medium);
  font-size: var(--text-sm);
  line-height: 19px;
  letter-spacing: 0.3px;
}