.mail-chimp-row
  background-color: $lightBlue
  padding: 60px 0

  >h2
    color: $almostWhite
    text-align: center
    margin: 0 0 10px
  >p
    color: $almostWhite
    text-align: center
    margin-bottom: 40px


  #mc_embed_signup
    width: 95%
    max-width: 600px
    margin: auto

    p.label
      width: 100%
      display: inline-block
      font-size: 15px
      line-height: 15px
      color: $almostWhite
      font-weight: 600
      padding: 0 8px
      margin: 0

    .mc-field-group
      label
        width: 100%
        display: inline-block
        font-size: 15px
        line-height: 15px
        color: $almostWhite
        font-weight: 600
        padding: 0 8px
        margin-top: 14px
        .asterisk
          color: $gradient2
          font-size: 22px
          margin-left: 5px
      input
        margin-top: 5px
        height: 45px
        width: 100%
        font-size: 15px !important
        line-height: 16px !important
        font-weight: 500
        background-color: lighten($lightBlue, 10%)
        color: $almostWhite
        padding: 0 8px
        border: 1.5px transparent solid
        &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active
          transition: 9999s background-color
          -webkit-text-fill-color: $almostWhite
          transition-delay: 9999s
      input:focus
        box-shadow: none
        border: none
        border-radius: 0
        outline: none

      .datefield
        +flex(flex-start, center)
        .subfield
          width: 45px
          margin-right: 10px
          &.monthfield
            margin-left: 10px

    .field-multiple
      .mc-field-group
        width: 48%
        float: left
        &:first-of-type
          margin-right: 4%

    #mc-embedded-subscribe
      display: block
      border: 1.5px transparent solid
      +font-semi-bold()
      font-size: 16px !important
      line-height: 16px !important
      width: 100%
      max-width: 200px
      margin: 10px 0 0 auto
      background: $almostWhite
      color: $darkBlue
      padding: 15px 0
      border-radius: 10px
      cursor: pointer
      &:hover
        background: darken($almostWhite, 5%)