.ngp-form.at { height: auto !important;padding-bottom:20px !important}
    .EmailAddress  .error small.error  {
    
        
        position:absolute !important;bottom:-25px ;z-index:9999999999999}

        .connect.inline-connect form {
            width:100% !important;
           
        }


        .connect.inline-connect, .connect.inline-connect .at-inner{
            background: transparent !important;
        }
@media screen and (min-width: 601px) {

/*
    .landing-signup {
        padding-top:30px !important;

    }

    .landing-donate {
        padding-top:30px !important;

    }  */

    .connect {
       padding: 50px 0 20px 0 !important;
        
    }

    .connect.inline-connect
    {
        padding: 0 15px 20px 15px !important;
    }
    
    .connect .updates-content {
        margin: 0 0 5px !important
        
    }
    .connect .donate-content {

    }

    
    .at-fieldset.ContactInformation {padding-left: 0 !important}
                    /* Hide the First Name and Last Name row */
    .at-row.FirstName.LastName {
        /* display: none !important; */
        margin-bottom:15px;
     
    }

    .signup-landing-block  .at-row.FirstName.LastName {
        /* display: none !important; */
        margin-bottom:5px !important;
     
    }


    .signup-landing-block  .at .btn-at-primary {
        background-color: #022b4b !important;
    }
    
    .FirstName input[type="text"], .LastName input[type="text"] {
        line-height: 36px !important;
        padding: 0px 10px !important;
        font-size: 16px !important;
        border: 1px solid #ccc !important;
        color: #000 !important;
        border-radius:0 !important;
        background-color:#fff !important;
    }
.sidebar-newsletter  .at-row.FirstName.LastName input[type=text],
    .footer-newsletter  .at-row.FirstName.LastName input[type=text] , 
    .signup-landing-block   .at-row.FirstName.LastName input[type=text] {border-radius:20px !important;}


    .footer-newsletter .at-inner {background-color: transparent !important;}
    .EmailAddress input[type="email"] {
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    

    .footer-newsletter  .EmailAddress input[type="email"] {

background-color:#f4f4f4
    }


    /* Ensure form behaves as a flex container (Desktop View) */
    form.clearfixs {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
        clear: none !important;
        float: none !important;
    }
    
    /* Ensure email input and submit button are inline */
    .at-row.at-row-solo.EmailAddress {
        display: flex !important;
        align-items: center !important;
        flex-grow: 1 !important;
        margin: 0 !important;
        width: 87% !important; /* Set width to 87% */
    }
    
    /* Ensure email input expands properly but doesn't go full width */
    .at-row.at-row-solo.EmailAddress input[type="email"] {
        flex-grow: 1 !important;
        width: 87% !important; /* Set email field to 87% width */
        height: 36px !important;
        line-height: 36px !important;
        padding: 5px 10px !important;
        font-size: 16px !important;
        border: 1px solid #ccc !important;
        color: #000 !important;
    }
    
    /* Hide only the label text while keeping the input visible */
    .at-row.at-row-solo.EmailAddress label {
      /*  font-size: 0 !important;
        line-height: 0 !important; */
    
        font-size: 13px !important;
    }
    
    /* Style the submit button with border-radius */
    .at-form-submit {
        display: flex !important;
        align-items: center !important;
        margin-left: 15px !important; /* Spacing between email field and button (Desktop) */
        padding: 0 !important;
    }
    
    .at-form-submit input[type="submit"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 36px !important;
        line-height: normal !important;
        padding: 0 15px !important;
        right:0;
        font-size: 18px !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
        text-align: center !important;
        vertical-align: middle !important;
        border-radius: 20px !important; /* Rounded corners */
        letter-spacing: 1px !important;
    }
    
    
    .at-form-submit {
        align-items: flex-end !important
    }
    
    .at-form-submit input[type=submit] {
            position: absolute;
            bottom: 0 !important;
            width: 27%;
          
            height: 36px;
            font-size: 16px;
            padding: 0 15px;
             
        }
        .at-row.at-row-solo.EmailAddress input[type="email"] {
            margin-bottom:0 !important;
        }
    
    
    
        /* Hide the label text while keeping the input visible */
    .at-row.FirstName.LastName label {
        font-size: 13px !important;
       
    }
     .signup-landing-block .at-inner {background-color: #9ab2de !important}

/* Ensure First Name and Last Name fields are in a row with a 20px gap */
.at-row.FirstName.LastName {
    display: flex !important;
    gap: 20px !important; /* Space between the fields */
    width: 100% !important; /* Ensure they take full width */
}

.sidebar-newsletter .at-row.FirstName.LastName {
    display: flex !important;
    gap: 0 !important; /* Space between the fields */
    width: 100% !important; /* Ensure they take full width */
}
/* Override input field constraints and make them flexible */
.at-row.FirstName.LastName input[type="text"] {
    flex: 1 !important; /* Ensures both fields take equal space */
    min-width: 100% !important; /* Prevents them from becoming too small */
    width: auto !important; /* Allows flexibility within available space */
    max-width: 100% !important; /* Prevents them from exceeding container width */
height:36px !important;
    line-height: 36px !important;
    padding: 0px 10px !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    border-radius:0 !important;
    background-color:#fff !important;


}







    }
    
 /* Hide the label text but keep the input field visible */
.EmailAddress {
    font-size: 0 !important;  /* Makes the label text disappear */
    line-height: 0 !important;
    color: transparent !important;
}

/* Ensure the input field remains styled properly */
.EmailAddress input[type="email"] {
    font-size: 16px !important; /* Keep input text visible */
    line-height: normal !important;
    color: #000 !important;
}

    
  /* ====== Reset styles for sidebar-newsletter (Restore stacking behavior) ====== */
.sidebar-newsletter .at-row.at-row-solo.EmailAddress {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  
  .sidebar-newsletter .at-row.at-row-solo.EmailAddress input[type="email"] {
    width: 100% !important;
    height: auto !important;
    padding: 1px 10px !important;
   
    border-radius: 20px  !important;

  }
  
  .sidebar-newsletter .at-form-submit {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
  }
  
  .sidebar-newsletter .at-form-submit input[type="submit"] {
    position: relative !important;
    width:auto;
    margin: 5px .625rem;
    height: auto !important;
    font-weight: 400 !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    background-color: #ee8802;
    border-radius: 20px !important;
    font-size:18px;
  }

  .sidebar-newsletter  .at-inner {
    background-color: transparent !important;
}


/* ========== MOBILE STYLES (Button Below Input) ========== */
@media screen and (max-width: 600px) {

    .signup-landing-block .at .btn-at-primary {
        background-color: #022b4b !important;
        border-radius: 20px !important; /* Ensure consistent rounded corners */
    }

    .landing-donate .btn-orange {
        margin-bottom: 30px;
        width: 100% !important;
        border-radius: 20px !important; /* Adjust button corners */
    }

    .landing-donate {
        padding-left: 25px;
    }

    .at-inner {
        background-color: transparent !important;
    }

    /* Stack the form elements vertically */
    form.clearfix {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }

    /* Ensure email input is full width on mobile */
    .at-row.at-row-solo.EmailAddress {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important; /* Ensure spacing between fields */
    }

    /* Make email input take full width and match height */
    .at-row.at-row-solo.EmailAddress input[type="email"] {
        width: 100% !important;
        max-width: none !important;
        height: 44px !important; /* Adjust height for consistency */
        line-height: 44px !important;
        padding: 10px 15px !important;
        font-size: 16px !important;
        border-radius: 20px !important; /* Adjust border-radius */
        margin-top:25px;
    }

    /* Ensure First Name and Last Name fields are same height */
    .at-row.FirstName.LastName {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;  
    }

    .at-row.FirstName.LastName input[type="text"] {
        flex: 1 !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 44px !important; /* Ensure same height as email field */
        line-height: 44px !important;
        padding: 10px 15px !important;
        font-size: 16px !important;
        border-radius: 20px !important; /* Ensure rounded corners */
    }

    /* Ensure the submit button is full-width and below */
    .at-form-submit {
        width: 100% !important;
        margin-left: 0 !important; /* Reset margin on mobile */
        margin-top: 10px !important; /* Spacing between field and button */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important; /* Ensure button text is centered */
    }

    /* Fix submit button alignment and add border-radius */
    .at-form-submit input[type="submit"] {
        width: 100% !important; /* Makes the button take full width */
        height: 44px !important; /* Ensure consistent height */
        line-height: 44px !important; /* Centers text vertically */
        padding: 0 15px !important;
        font-size: 16px !important;
        white-space: nowrap !important;
        text-align: center !important;
        vertical-align: middle !important;
        border-radius: 20px !important; /* Ensure rounded corners */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Add spacing above the submit button */
 
.widget  .sidebar-newsletter form input[type=text] {        border: 1px solid #ccc !important;}
.sidebar-newsletter .at-row.FirstName.LastName {
    display: flex !important;
    gap: 0 !important; /* Space between the fields */
    width: 100% !important; /* Ensure they take full width */
}

.sidebar-newsletter   .at-form-submit {
    padding: 1.225rem;
}
.wp_editor_widget-13  {margin-top:20px}
.sidebar-newsletter  .at-form-submit input[type=submit] {
        border-radius: 40px !important;
    margin-left:auto !important;margin-right:auto !important;
    }

}