html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* Can not use CSS var() syntax here. It does not work at all */
/* WPFORMS STYLES
----------------------------------------------------------------------------- */
.wpforms-container form.wpforms-form button,
.wpforms-container form.wpforms-form button[type="submit"],
.wpforms-container form.wpforms-form a.button {
  border-radius: var(--wp--custom--global-button-border-radius);
  border: none; }

.wpforms-container form.wpforms-form .wpforms-field-container input[type="text"],
.wpforms-container form.wpforms-form .wpforms-field-container input[type="email"],
.wpforms-container form.wpforms-form .wpforms-field-container input[type="phone"],
.wpforms-container form.wpforms-form .wpforms-field-container input[type="tel"],
.wpforms-container form.wpforms-form .wpforms-field-container input[type="password"],
.wpforms-container form.wpforms-form .wpforms-field-container select,
.wpforms-container form.wpforms-form .wpforms-field-container textarea {
  border: 1px solid #d3ced2;
  border-radius: var(--wp--custom--global-border-radius); }
  .wpforms-container form.wpforms-form .wpforms-field-container input[type="text"].wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container input[type="email"].wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container input[type="phone"].wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container input[type="tel"].wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container input[type="password"].wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container select.wpforms-error,
  .wpforms-container form.wpforms-form .wpforms-field-container textarea.wpforms-error {
    border: 1px solid #cc0000; }

.home-newsletter .wpforms-field input {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background: transparent !important;
  border-radius: 0px !important; }

.home-newsletter .wpforms-field input::-webkit-input-placeholder {
  color: #fff !important;
  font-size: 1rem !important; }

.home-newsletter .wpforms-field input::-moz-placeholder {
  color: #fff !important;
  font-size: 1rem !important; }

.home-newsletter .wpforms-field input:-ms-input-placeholder {
  color: #fff !important;
  font-size: 1rem !important; }

.home-newsletter .wpforms-field input::-ms-input-placeholder {
  color: #fff !important;
  font-size: 1rem !important; }

.home-newsletter .wpforms-field input::placeholder {
  color: #fff !important;
  font-size: 1rem !important; }

.home-newsletter .wpforms-submit.orange {
  border: 1px solid #e5aa10 !important;
  color: #e5aa10 !important;
  border-radius: 0px !important;
  font-family: var(--wp--preset--font-family--edd-theme-heading-font);
  text-transform: uppercase;
  padding: 0px 50px !important;
  background: rgba(0, 0, 0, 0.7) !important; }