/*--CSS--*/

.form-std{
    display:block;
    padding:0;
    margin:0;
    color:var(--color-1);
    border:0.1rem solid var(--color-global-1);
    }

    h2,h3{
    text-align:left;
    margin-bottom:1rem;
    }

      p a{
        color:var(--color-1);
        }

    .form-std br{
        display:none;
        }


    .form-std label{
        display:block;
        padding:0;
        margin:0 0 var(--padding-sml) 0;
        font-family:var(--font-family-regular);
        font-size:var(--font-size-med);
        line-height:1em;
        }

    .form-std label.wrapper-label{
      display:block;
      padding:0.5vw;
      display:block;
      font-size:var(--font-size-med);
      line-height:var(--font-size-med);
      border:1px solid #CCC;
      }

      .form-std label.wrapper-label input{
        margin-right:var(--padding-med);
        margin-bottom:var(--padding-med);
        }

     .form-std input,
     .form-std textarea,
     .form-std select{
        padding:var(--padding-med);
        margin:0 0 var(--padding-med) 0;
        font-family:var(--font-family-regular);
        font-size:var(--font-size-med);
        letter-spacing:0.1em;
        border:1px solid #BBBBBB;
        box-sizing:border-box;
        background-color:#FFFFFF;
        border-radius:var(--radius-sml);
        }

        .form-std input[type=radio],
        .form-std input[type=checkbox]{
           display:inline-block;
           position:relative;
           margin-right:var(--padding-med);
           vertical-align:middle;
           }

           .form-std li label{
              display:inline-block!important;
              vertical-align:middle;
              }

     .form-std input[type=submit]{
         display:block;
         padding:var(--padding-med) var(--padding-lrg);
         margin:0;
         font-family:var(--font-family-regular);
         font-size:var(--font-size-med);
         text-transform:uppercase;
         letter-spacing:0.1em;
         font-weight:bold;
         color:#FFFFFF;
         text-decoration:none;
         text-align:center;
         background:var(--color-global-2);
         box-sizing:border-box;
         border:none;
         border-radius:0 var(--radius-sml) var(--radius-sml) var(--radius-sml);
      }

      .processing{
          display:none;
      }

      #form_contact,
      #form_register{
        padding:var(--padding-med);
        background:var(--color-4);
        border-radius:var(--radius-med);
        }

.field-alert{
  padding:0.5vw 0.5vw 0.5vw 3vw!important;
  border-color:#DD0000!important;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:2.5vw auto;
  background-image:url('/img/icon-alert.png');
  }

  select.field-alert{
    padding:0.5vw 0.5vw 0.5vw 3vw!important;
    border-color:#DD0000!important;
    background-color:#FFFFFF;
    }

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

.fauxcomment{
  wodth:1px;
  height:1px;
  position:absolute;
  left:-1000vw;
  }

#map_sml{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 150px;
    height: 125px;
    background: url(/img/map_sml.gif) no-repeat 0 0;
    text-indent:-1000em;
}

fieldset{
    border:1px solid #CCC;
    margin:0 0 10px 0;
    box-sizing:border-box;
    width:100%;
    <?=borderRadius(array(0.3), 'vw');?>
  }

  fieldset legend{
      font-size:1.5vw;
    }

.fields-inline{
    display:inline-block!important;
    }


    .fields-inline input,
    .fields-inline select{
        display:inline-block;
        margin-right:5px;
        }


@media screen and (max-width:640px) and (orientation: portrait){

  /*.form-std label{
    display:block;
    font-size:4.5vw;
    margin:0 0 0.1vw 0;
    }*/

   .form-std input,
   .form-std textarea,
   .form-std select{
      display:block;
      /*padding:1vw;
      margin:0 0 var(--padding-sml) 0;
      font-family:var(--font-family-regular);
      font-size:0.9rem;*/
      width:100%;
      /*letter-spacing:1px;
      border:1px solid #BBBBBB;
      box-sizing:border-box;*/
      border-radius:var(--radius-sml);
      }

  .form-std input[type=submit]{
    /*font-size:5vw;*/
    }

    .form-std label.wrapper-label{
      /*padding:var(--padding-sml);
      font-size:0.9rem;
      line-height:5vw;*/
      border:1px solid #CCC;
      }

      .form-std label.wrapper-label input{
        display:inline-block;
        /*margin-right:0.5vw;
        margin-bottom:0.2vw;*/
        }

  fieldset legend{
      /*font-size:5vw;*/
    }

}

.fortheflies{
  position:fixed;
  top:200%;
  left-1000em;
  visibility:hidden !important;
  width:0px !important;
  height:0px !important;
  margin:0px !important;
  }