/* Form styles */
span.formSpan {width: 100%;}
      form.mktoForm {
        display: block;
        padding-top:2em;
      }
      .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
        -webkit-appearance: none;
        border: 1px solid #c7c7c7;
        border-radius: 0px;
      }
      .mktoFormRow {
        width: 100%;
        display: flex;
        align-items: stretch;
      }

      .mktoFieldWrap {
        display:  flex;
        width: 100%;
      }

      .mktoFormCol {
        width:100%;
        margin-top:auto !important;
      }
      /* slider */
      .mktoRangeField {
        width: 100% !important;
      }

      label.mktoLabel {display:none !important;}

      /* input padding */
      .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
        padding: .5em 1em .75rem !important;
      }
      input, select, textarea {
        width:  100% !important;
      }
      input[type="checkbox"], input[type="radio"] {
        width: 20px !important;
      }
      .mktoOffset {
        display: none;
      }

      .mktoHtmlText {
        width: 100%;
      }
      form.mktoForm {
        width: 100%!important;
        font-size: 1em !important;
        font-family: 'Lato', sans-serif !important;
        color: #6E6D71 !important;
      }

      legend {
        display:  none;
      }

      fieldset {
        border: none;
      }

      .mktoFormCol {
        margin-bottom: 0px !important;
        min-height: 0px !important;
      }

      .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {
        padding: 0px;
      }
      .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {
        width:100% !important;
      }
      
      /* spacing above/below fieldwraps */
      .mktoFormRow .mktoFieldWrap {
        /*margin-top: 2em !important;*/ /* moved to input bottom */
        margin-bottom: 1em !important;
      }

      /* rich text as labels (slider & date)*/
      .mktoHtmlText {
        display: flex;
        min-height: 2em;
      }

      .form-label-left {
        margin-left: 15px!important;
        align-self: center;
      }


      /* select & first option to match placeholder text */
      select:not([class*="mktoValid"]) {
        color:#7c7c7c !important;
      }
      select option:nth-of-type(1) {color:#7c7c7c !important;}

      /* Placeholders */
      ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #7c7c7c;
        opacity: 1; /* Firefox */
      }
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #7c7c7c;
      }
      ::-ms-input-placeholder { /* Microsoft Edge */
        color: #7c7c7c;
      }
      /* input that haven't been interacted with yet */
      input:not([class*="mktoValid"]) {
        color: #7c7c7c;
      }
      /* Invalid inputs */
      input.mktoInvalid {
        color: red;
        border: 1px solid red;
      }

      @media screen and (max-width:480px) {
        .mktoFormCol {
          width: 100% !important;
          margin-bottom: 10px !important;
        }
        .mktoFormRow {
          display: block;
          margin-bottom: 0px!important;
        }
        /* override forms2.css mobile-styles */
        .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
          font-size: inherit;
          line-height: inherit;
          height: auto;
        }

      }

      /*Form Styles */
      .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm select.mktoField, .mktoForm textarea {
        border:0px !important;
        border-bottom:1px solid rgba(0,0,0,0.1) !important;
      }

      /* fieldset > radio (inline) */
      fieldset.mktoFormCol {width:70% !important; margin:0px auto !important;}
      .mktoHtmlText, fieldset .mktoFormRow, fieldset .mktoFormCol {width: 100% !important;}

      fieldset .mktoFormRow {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      fieldset.mktoFormCol {
        padding: 0px !important;
      }
      .mktoHtmlText {
        display: inline !important;
      }
      fieldset .mktoRadioList input, fieldset .mktoRadioList label {
        display: inline-block !important;
        float: none !important;
        margin: 0px auto !important;
      }
      fieldset .mktoRadioList input {
        margin-right:.5rem !important;
      }
      fieldset .mktoRadioList label {
        margin-right:1.5em !important;
      }
      .mktoRadioList.mktoHasWidth {
        text-align: center;
      }
      fieldset .mktoRadioList {
        padding-top: 1em !important;
      }


      /* Radio Buttons */
      .mktoForm input[type='radio'] {
        -webkit-appearance:none !important;
        width:1em !important;
        height:1em !important;
        border:1px solid darkgray !important;
        border-radius:50% !important;
        outline:none !important;
        background-color:transparent !important;
        /*box-shadow:0 0 5px 0px gray inset !important;*/

      }
      .mktoForm input[type='radio']:hover {
        /*box-shadow:0 0 5px 0px orange inset !important;*/
      }
      .mktoForm input[type="radio" i]:focus, .mktoForm input[type="radio" i]:checked {
        background-color:transparent !important;
      }
      .mktoForm input[type='radio']:before {
        content:'' !important;
        display:block !important;
        width:.5em !important;
        height:.5em !important;
        margin: 20% auto !important;    
        border-radius:50% !important; 
      }
      .mktoForm input[type='radio']:checked:before {
        background:orange !important;
      }

      .mktoButtonRow {
        display: flex !important;
        margin-top:2em !important;
      }

      .mktoForm .mktoButtonRow .mktoButtonWrap {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      button.mktoButton {
        background: none !important;
        border: none !important;
        padding: .375rem 5em !important;
        background-color: #1568ba !important;
        font-size: 1rem !important;
        text-transform: uppercase !important;
        line-height: 1.5rem !important;
        margin-bottom: 2rem !important;
        font-weight: bold !important;
        border-radius: 2px !important;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12) !important;
      }


/* OptIn follow-up message when "YES" is selected */
      fieldset .mktoFormCol {position:absolute !important;}
fieldset .mktoFormCol.shown {position: initial !important;}



/***************************************************************************************/
/*
@@ remove placeholder text from form or make it white?
*/
.mktoGutter {display:none;}

.mktoFieldWrap {
    flex-direction: column;
}

/* move spacing to bottom of inputs */
.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    margin-bottom:1em !important;
}