/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

input[type="submit"],
input:visited[type="submit"] {
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 600;
  line-height: 1;
  padding: calc(0.5em + 2px) 1.5em 0.5em;
  border: 2px solid var(--light-green);
  border-radius: 6px;
  cursor: pointer;
  background: var(--light-green);
  text-align: center;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
  input:hover[type="submit"], input:focus[type="submit"],
  input:visited:hover[type="submit"],
  input:visited:focus[type="submit"] {
    color: var(--white);
    background-color: var(--orange);
    text-decoration: none;
    outline: none;
    border-color: var(--orange); }
  input:active[type="submit"],
  input:visited:active[type="submit"] {
    top: 1px; }
  input.white[type="submit"],
  input:visited.white[type="submit"] {
    background-color: var(--white);
    border-color: var(--white); }
    input.white:hover[type="submit"],
    input:visited.white:hover[type="submit"] {
      background-color: var(--orange);
      color: var(--white);
      border-color: var(--orange); }
  input.btn--blue-gradient[type="submit"],
  input:visited.btn--blue-gradient[type="submit"] {
    position: relative;
    overflow: hidden;
    background: var(--blue-gradient); }
    input.btn--blue-gradient[type="submit"]:hover::after,
    input[type="submit"]:visited.btn--blue-gradient:hover::after {
      opacity: 1; }
    input.btn--blue-gradient[type="submit"]::after,
    input[type="submit"]:visited.btn--blue-gradient::after {
      background: var(--blue);
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: .3s opacity ease-in-out; }
  input.btn--orange-gradient[type="submit"],
  input:visited.btn--orange-gradient[type="submit"] {
    overflow: hidden;
    position: relative;
    background: var(--orange-gradient); }
    input.btn--orange-gradient[type="submit"]:hover::after,
    input[type="submit"]:visited.btn--orange-gradient:hover::after {
      opacity: 1; }
    input.btn--orange-gradient[type="submit"]::after,
    input[type="submit"]:visited.btn--orange-gradient::after {
      background: var(--orange);
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: .3s opacity ease-in-out; }
  input.btn--black[type="submit"],
  input:visited.btn--black[type="submit"] {
    position: relative;
    overflow: hidden;
    background: var(--black); }
  input.hollow[type="submit"],
  input:visited.hollow[type="submit"] {
    color: var(--white);
    border-color: var(--white);
    background: transparent !important; }
    input.hollow:hover[type="submit"],
    input:visited.hollow:hover[type="submit"] {
      border-color: var(--orange);
      background: var(--orange) !important; }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
textarea, select {
  padding: 1em;
  display: block;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  border: none;
  min-height: 40px;
  color: var(--light-blue); }
  input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]):focus,
  textarea:focus, select:focus {
    outline: 2px solid #444462;
    outline-offset: 3px;
    border-radius: 1px; }
  input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: var(--light-blue); }
  input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::placeholder,
  textarea::placeholder, select::placeholder {
    color: var(--light-blue); }

input[type="file"] {
  color: #000 !important;
  padding-left: 0 !important; }

input:not([type="checkbox"]) {
  border-radius: 0; }

input[type="submit"] {
  margin-top: .85rem;
  padding: .5em; }
  input[type="submit"]:hover {
    background: var(--dark-orange);
    border-color: var(--dark-orange); }

.form {
  background-color: var(--light-green);
  padding: 2rem;
  border-radius: 0; }
  .form h1, .form h2, .form h3 {
    color: var(--white);
    font-size: 24px;
    margin-top: 0; }
  .form textarea {
    padding: 1em; }
  .form .gform_footer {
    margin: 0;
    padding: 0; }
    .form .gform_footer .button {
      background-color: var(--orange);
      color: var(--white);
      border-radius: 8px;
      margin: 2rem 0;
      line-height: 19px !important;
      min-width: 150px; }
      .form .gform_footer .button:hover {
        background-color: var(--dark-orange); }

.gform_validation_error h2 {
  font-size: 16px !important;
  color: #c02b0a !important; }

.validation_message:before {
  content: '\e90d';
  font-family: Icomoon;
  color: #c02b0a;
  font-size: 20px;
  position: relative;
  margin-right: .5em;
  top: 3px;
  margin-left: -11px; }

.gfield_error legend:before {
  content: '\e90d';
  font-family: Icomoon;
  color: #c02b0a;
  font-size: 20px;
  position: relative;
  margin-right: .5em;
  top: 3px;
  font-weight: normal; }

.section-form-map .container {
  display: grid;
  gap: var(--spacing-l);
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-form-map .container {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-form-map .container {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 981px) {
    .section-form-map .container {
      gap: 40px; } }
  .section-form-map .container .map {
    background-color: var(--light-green);
    padding: 1em;
    border-radius: 0; }
    .section-form-map .container .map .image {
      height: 100%;
      width: 100%;
      overflow: hidden;
      position: relative;
      padding-top: 50%; }
      .section-form-map .container .map .image img {
        -o-object-fit: cover;
           object-fit: cover; }
      .section-form-map .container .map .image a {
        height: 100%;
        width: 100%;
        background: none; }
        .section-form-map .container .map .image a img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute;
          inset: 0; }

/*# sourceMappingURL=form-map.css.map */
