.elementor-6370 .elementor-element.elementor-element-fca68ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:120px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-6370 .elementor-element.elementor-element-fca68ea:not(.elementor-motion-effects-element-type-background), .elementor-6370 .elementor-element.elementor-element-fca68ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6370 .elementor-element.elementor-element-d01ee3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 42px) 0px;}.elementor-6370 .elementor-element.elementor-element-d01ee3e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6370 .elementor-element.elementor-element-0ff061d{font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;color:#2F2F2F;}.elementor-6370 .elementor-element.elementor-element-853cc51{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-9f02287 */<div id="mc_embed_shell">
  <!-- Remove Mailchimp default stylesheet -->
  <!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css"> -->

  <style type="text/css">
    /* ---------- General Layout ---------- */
    #mc_embed_signup {
      background: #F9F5EF; /* subtle cream tone */
      width: 100%;
      max-width: 600px;
      margin: 60px auto;
      padding: 40px 50px;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.05);
      font-family: 'Quicksand', sans-serif;
      color: #2F2F2F;
      text-align: left;
    }

    #mc_embed_signup h2 {
      font-family: 'Playfair Display', serif;
      font-size: 32px;
      color: #C8602D;
      text-align: center;
      margin-bottom: 30px;
      font-weight: 700;
    }

    #mc_embed_signup .indicates-required {
      font-size: 13px;
      color: #6B6B6B;
      margin-bottom: 10px;
      text-align: right;
    }

    /* ---------- Form Fields ---------- */
    #mc_embed_signup .mc-field-group {
      margin-bottom: 20px;
    }

    #mc_embed_signup label {
      font-family: 'Quicksand', sans-serif;
      font-size: 14px;
      color: #C8602D;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      margin-bottom: 6px;
      display: block;
    }

    #mc_embed_signup input[type="email"],
    #mc_embed_signup input[type="text"] {
      width: 100%;
      padding: 12px 16px;
      border: 1px solid #E6D9C9;
      border-radius: 6px;
      background-color: #FFFFFF;
      font-size: 15px;
      color: #2F2F2F;
      transition: all 0.3s ease;
    }

    #mc_embed_signup input[type="email"]:focus,
    #mc_embed_signup input[type="text"]:focus {
      outline: none;
      border-color: #C8602D;
      box-shadow: 0 0 0 2px rgba(200, 96, 45, 0.15);
      background-color: #FFF8F3;
    }

    /* ---------- Date Fields ---------- */
    #mc_embed_signup .datefield input {
      border: 1px solid #E6D9C9;
      border-radius: 6px;
      padding: 8px 10px;
      width: 45px;
      text-align: center;
      color: #2F2F2F;
    }

    #mc_embed_signup .small-meta {
      font-size: 12px;
      color: #6B6B6B;
    }

    /* ---------- Button Styling ---------- */
    #mc_embed_signup .button,
    #mc_embed_signup input[type="submit"] {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      height: 48px !important;
      line-height: 1 !important;
      padding: 0 32px !important;
      background-color: #C8602D !important; /* Copper */
      color: #fff !important;
      border: none !important;
      border-radius: 6px !important;
      font-family: 'Quicksand', sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px;
      cursor: pointer;
      transition: all 0.3s ease !important;
      margin-top: 20px !important;
    }

    #mc_embed_signup .button:hover,
    #mc_embed_signup input[type="submit"]:hover {
      background-color: #009877 !important; /* Green hover */
      box-shadow: 0 4px 10px rgba(0, 152, 119, 0.25);
      transform: translateY(-2px);
    }

    /* ---------- Mailchimp Cleanup ---------- */
    #mc_embed_signup .refferal_badge { display: none !important; }
    #mc_embed_signup .clear.foot p { display: none; }
    #mc_embed_signup .response { margin-top: 10px; font-size: 14px; }

    @media (max-width: 600px) {
      #mc_embed_signup {
        padding: 30px 20px;
      }
    }
  </style>

  <!-- ---------- Mailchimp Form ---------- -->
  <div id="mc_embed_signup">
    <form action="https://dullstroomgin.us6.list-manage.com/subscribe/post?u=3b1c63fb6c42fd8b09347c570&amp;id=aa3f2ca576&amp;f_id=0044d4e5f0" 
          method="post" target="_blank" class="validate" novalidate>
      
      <h2>Subscribe to Our Gin Lovers List</h2>
      <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>

      <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
        <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required>
      </div>

      <div class="mc-field-group">
        <label for="mce-FNAME">First Name <span class="asterisk">*</span></label>
        <input type="text" name="FNAME" class="required text" id="mce-FNAME" required>
      </div>

      <div class="mc-field-group">
        <label for="mce-MMERGE4">Phone Number</label>
        <input type="text" name="MMERGE4" id="mce-MMERGE4">
      </div>

      <div class="mc-field-group size1of2">
        <label for="mce-MMERGE5-month">Date of Birth</label>
        <div class="datefield">
          <span class="subfield monthfield">
            <input class="birthday" type="text" placeholder="MM" size="2" maxlength="2" name="MMERGE5[month]" id="mce-MMERGE5-month">
          </span> /
          <span class="subfield dayfield">
            <input class="birthday" type="text" placeholder="DD" size="2" maxlength="2" name="MMERGE5[day]" id="mce-MMERGE5-day">
          </span>
          <span class="small-meta">( mm / dd )</span>
        </div>
      </div>

      <div id="mce-responses" class="clear foot">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
      </div>

      <div aria-hidden="true" style="position: absolute; left: -5000px;">
        <input type="text" name="b_3b1c63fb6c42fd8b09347c570_aa3f2ca576" tabindex="-1" value="">
      </div>

      <div class="optionalParent">
        <div class="clear foot">
          <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
        </div>
      </div>
    </form>
  </div>

  <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
  <script type="text/javascript">
    (function($) {
      window.fnames = new Array();
      window.ftypes = new Array();
      fnames[0]='EMAIL';ftypes[0]='email';
      fnames[1]='FNAME';ftypes[1]='text';
      fnames[4]='MMERGE4';ftypes[4]='phone';
      fnames[5]='MMERGE5';ftypes[5]='birthday';
    }(jQuery));
    var $mcj = jQuery.noConflict(true);
  </script>
</div>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dullstroomgin.com/wp-content/uploads/2020/11/PlayfairDisplay-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */