@import "mobile.css";
@import "desktop.css" screen and (min-width:640px);

.spread{
  padding:0;
  }

.centered{
  display:block;
  padding:var(--padding-lrg) var(--padding-xtralrg) 0;
  }

  section.light{
    background:#FFFFFF;
    }

/*--BEGIN: Forms---------------*/

form.standard{
  display:block;
  text-align:left;
  }

  form.standard label,
  form.standard input,
  form.standard select,
  form.standard textarea{
    display:block;
    padding:var(--padding-sml);
    font-size:var(--font-size-med);
    }

  form.standard br{
    display:none;
    }

  form.standard label{
    padding:0;
    margin:0 0 var(--padding-sml);
    }

  form.standard input:not([type=submit]),
  form.standard select,
  form.standard textarea{
    display:block;
    margin:0 0 var(--padding-med) 0;
    max-width:100%;
    font-family:var(--font-regular);
    font-size:var(--font-size-med);
    border:1px solid var(--color-dark);
    border-radius:var(--radius-sml);
    }

  form.standard input:not([type=submit]).alert,
  form.standard *.alert{
    border:1px solid var(--color-no);
    }

.processing{
  display:none;
  }

/*--END: Forms---------------*/

/*--BEGIN: Icons---------------*/

.icon{
  display:inline-block;
  vertical-align:middle;
  margin:0 0.1em 0 0;
  background-repeat:no-repeat;
  background-size:contain;
  }

  .icon.sml{
    width:var(--icon-w-sml);
    height:var(--icon-w-sml);
    }

  .icon.med{
    width:var(--icon-w-med);
    height:var(--icon-w-med);
    }

  .icon.lrg{
    width:var(--icon-w-lrg);
    height:var(--icon-w-lrg);
    }

  .icon.chat{
    background-image:url('/img/icon-chat.svg');
    }

  .icon.back{
    background-image:url('/img/icon-arrow-left-light.svg');
    }

  .icon.call{
    background-image:url('/img/icon-call.svg');
    }

/*--END: Icons---------------*/

/*--Honeypot field for spammers--*/

.fortheflies{
  position:absolute;
  left:-1000em;
  top:-1000em;
  width:1px!important;
  height:1px!important;
  margin-left:-1000em;
  }