/* newsletter_form.css */

 /* Target the newsletter_form only */
body {
    background-color: #4A1433;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container div.web-form-header{
    display: none;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content{
    max-width: 700px;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form{
    border-radius: 20px;
    background-color: #EEE8E5;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-body div.web-form-wrapper div.form-layout div.form-page div.form-section.visible-section div.section-body div.form-column.col-sm-12 form div.frappe-control.input-max-width div.form-group.horizontal{
    margin-bottom: 1.5rem;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-body div.web-form-wrapper div.form-layout div.form-page div.form-section.visible-section div.section-body div.form-column.col-sm-12 form div.frappe-control.input-max-width div.form-group.horizontal div.control-input-wrapper div.control-input input.input-with-feedback.form-control{
    border-radius: 20px;
    font-size: 18px;
    height: 35px;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-body div.web-form-wrapper div.form-layout div.form-page div.form-section.visible-section div.section-body div.form-column.col-sm-12 form div.frappe-control.input-max-width div.form-group.horizontal div.control-input-wrapper div.control-input.flex.align-center select.input-with-feedback.form-control.ellipsis{
    border-radius: 20px;
    height: 35px;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-body div.web-form-wrapper div.form-layout div.form-page div.form-section.visible-section div.section-body div.form-column.col-sm-12 form div.frappe-control.input-max-width div.form-group.horizontal div.clearfix label.control-label{
    font-size: 16px;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-footer div.web-form-actions div.right-area button.submit-btn.btn.btn-primary.btn-sm.ml-2{
    background-color: #4A1433;
    border-radius: 20px;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-footer div.web-form-actions div.right-area button.discard-btn.btn.btn-default.btn-sm{
    border-radius: 20px;
}

.web-form-logo {
    text-align: center;
}

.web-form-logo img {
    max-width: 500px;
    height: auto;
}


.web-form-powered {
    width: 100%;
    border-top: 1px solid #ddd; /* full width border */
    margin-top: 60px;
    padding: 25px 0;
}

.powered-inner {
    max-width: 1100px;   /* match form width */
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.powered-inner img {
    width: 120px;
}

.powered-inner a:hover {
    text-decoration: underline;
}

html body div#page-newsletter-form div.page-content-wrapper main.container div.page_content div.web-form-container form.web-form div.web-form-body div.web-form-wrapper div.form-layout div.form-page div.form-section.visible-section div.section-body div.form-column.col-sm-12 form div.form-group.frappe-control.input-max-width div.checkbox label span.label-area {
    font-size: 14px;
}

.discard-btn.btn.btn-default.btn-sm {
    display: none !important;
}

.submit-btn.btn.btn-primary.btn-sm.ml-2 {
    font-size: 60px;     
    padding: 8px 12px; 
    font-weight: bold;  
}