@charset "UTF-8";
/* CSS Document */

  /* Container */
  #mc_embed_signup {
    background: none;
    max-width: 900px;
    width: 100%;
    margin: auto;
    padding: 20px 0;
  }

  /* Grid wrapper */
  #mc_embed_signup_scroll {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-auto-rows: auto;
    gap: 20px;
  }

  /* Field placement */
  .mc-field-group-FNAME  { grid-column: 1; grid-row: 1; }
  .mc-field-group-LNAME  { grid-column: 2; grid-row: 1; }
  .mc-field-group-EMAIL  { grid-column: 1 / span 2; grid-row: 2; }
  .mc-field-group-MESSAGE{ grid-column: 3; grid-row: 1 / span 2; }

  /* Inputs & textarea */
  #mc_embed_signup input.text,
  #mc_embed_signup input.email,
  #mc_embed_signup input.required,
  #mc_embed_signup textarea {
    width: 100%;
    padding: 10px;
    background-color: #e0e8d9;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    color: #707070;
    font-family: sans-serif;
    box-sizing: border-box;
	height: 100%;
	min-height: 10px;
  }

  /* Placeholder */
  #mc_embed_signup input::placeholder,
  #mc_embed_signup textarea::placeholder {
    color: #707070;
    font-size: 12px;
	padding-left: 10px;
  }

  /* Submit button */
  #mc_embed_signup .button {
    grid-column: 1 / -1;
    padding: 12px 20px;
    background-color: #00573E;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-family: 'mixerato', sans-serif;
    font-size: 18px;
    cursor: pointer;
  }

  #mc_embed_signup .button:hover {
    opacity: 0.9;
  }


#mc-field-group mc-field-group-FNAME {
	height: 300px
}


#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    margin: 20px;
}


.mc-field-group-MESSAGE {
    min-height: 125px;
}

  /* Mobile stacking */
  @media (max-width: 600px) {
    #mc_embed_signup_scroll {
      grid-template-columns: 1fr;
      grid-auto-rows: auto;
    }
    .mc-field-group-FNAME,
    .mc-field-group-LNAME,
    .mc-field-group-EMAIL,
    .mc-field-group-MESSAGE {
      grid-column: 1 / -1 !important;
      grid-row: auto !important;
    }
  }


/* —— MAILCHIMP EMBED OVERRIDES —— */

#mc_embed_signup {
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 20px 0;
}

#mc_embed_signup_scroll {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 20px;
}

/* Field placement */
.mc-field-group-FNAME           { grid-column: 1; }
.mc-field-group-LNAME           { grid-column: 2; }
.mc-field-group-ADDRESS-addr1   { grid-column: 1 / span 2; } /* Street spans both */
.mc-field-group-ADDRESS-city    { grid-column: 1; }
.mc-field-group-ADDRESS-state   { grid-column: 2; }
.mc-field-group-ADDRESS-zip     { grid-column: 1; }
.mc-field-group-ADDRESS-country { grid-column: 2; }

/* Inputs & selects */
#mc_embed_signup input.text,
#mc_embed_signup input.email,
#mc_embed_signup select {
  width: 100%;
  padding: 10px;
  background-color: #e0e8d9;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  color: #707070;
  font-family: sans-serif;
  box-sizing: border-box;
}

/* Submit button */
#mc_embed_signup .button {
  grid-column: 1 / -1;
  padding: 12px 20px;
  background-color: #00573E;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: 'mixerato', sans-serif;
  font-size: 18px;
  cursor: pointer;
}
#mc_embed_signup .button:hover {
  opacity: 0.9;
}


#mce-ADDRESS-addr1, #mce-ADDRESS-addr2, #mce-ADDRESS-city, #mce-ADDRESS-state, #mce-ADDRESS-zip, #mce-ADDRESS-country {
	
	margin: 0px 0px 5px 0px;
	
}

/* Mobile: stack everything */
@media (max-width: 600px) {
  #mc_embed_signup_scroll {
    grid-template-columns: 1fr;
  }
  .mc-field-group-FNAME,
  .mc-field-group-LNAME,
  .mc-field-group-ADDRESS-addr1,
  .mc-field-group-ADDRESS-city,
  .mc-field-group-ADDRESS-state,
  .mc-field-group-ADDRESS-zip,
  .mc-field-group-ADDRESS-country {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}


/* —— style all Mailchimp inputs (except the subscribe button) —— */
#mc_embed_signup input:not(.button),
#mc_embed_signup select {
  width: 100%;
  padding: 10px;
  background-color: #e0e8d9;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  color: #707070;
  font-family: sans-serif;
  box-sizing: border-box;
}

/* keep your existing rules for grid placement, etc. */

.mc-field-group-EMAIL {
    grid-column: 1 / span 2;
    grid-row: 2;
}





/* LATEST UPDATE */

#mc_embed_signup_scroll {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 600px) {
  #mc_embed_signup_scroll {
    grid-template-columns: 1fr;
  }
}

.mc-field-group-FNAME           { grid-column: 1; }
.mc-field-group-LNAME           { grid-column: 2; }
.mc-field-group-EMAIL           { grid-column: 1 / span 2; }
.mc-field-group-ADDRESS-addr1   { grid-column: 1; }  /* or 1 / span 2 to span both */
.mc-field-group-ADDRESS-addr2   { grid-column: 2; }
.mc-field-group-ADDRESS-city    { grid-column: 1; }
.mc-field-group-ADDRESS-state   { grid-column: 2; }
.mc-field-group-ADDRESS-zip     { grid-column: 1; }
.mc-field-group-ADDRESS-country { grid-column: 2; }

#mc_embed_signup input:not(.button),
#mc_embed_signup select {
  width: 100%;
  padding: 10px;
  background-color: #e0e8d9;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  color: #707070;
  font-family: sans-serif;
  box-sizing: border-box;
}

#mc_embed_signup .button {
  grid-column: 1 / -1;
  /* your existing button styles… */
}

#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 100% !important;
    padding-bottom: 0 !important;
    min-height: 50px;
    display: grid;
}