.elementor-4828 .elementor-element.elementor-element-396f9969{--display:flex;}.elementor-4828 .elementor-element.elementor-element-070b667{--display:flex;--border-radius:18px 18px 18px 18px;}.elementor-4828 .elementor-element.elementor-element-070b667:not(.elementor-motion-effects-element-type-background), .elementor-4828 .elementor-element.elementor-element-070b667 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harrowgiving.org.uk/wp-content/uploads/2023/12/Photo-collage-banner-1-800x267.png");}.elementor-4828 .elementor-element.elementor-element-070b667.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4828 .elementor-element.elementor-element-851d985{padding:0px 0px 0px 0px;text-align:start;}.elementor-4828 .elementor-element.elementor-element-851d985 img{border-radius:11px 11px 11px 11px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4828 .elementor-element.elementor-element-814241a{text-align:center;}.elementor-4828 .elementor-element.elementor-element-814241a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:54px;font-weight:600;color:var( --e-global-color-3a6f10d );}.elementor-4828 .elementor-element.elementor-element-1ca3861{text-align:center;}.elementor-4828 .elementor-element.elementor-element-1ca3861 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;color:var( --e-global-color-ea0d09d );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-4828 .elementor-element.elementor-element-69e42d8{text-align:center;}.elementor-4828 .elementor-element.elementor-element-9026f74{--display:flex;}@media(min-width:768px){.elementor-4828 .elementor-element.elementor-element-9026f74{--content-width:593px;}}/* Start custom CSS for shortcode, class: .elementor-element-8502a0a *//* ==========================================================================
   NEWSLETTER SIGNUP - COMPLETE STYLING (Contact Form 7)
   White inputs + black placeholders | Horizontal checkboxes | #1D434E bg
   ========================================================================== */

.newsletter-card {
    background-color: #1D434E;
    color: #ffffff;
    padding: 30px 25px;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.4;
}

/* Title */
.newsletter-card h2 {
    text-align: center;
    margin: 0 0 16px;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}

/* Required note */
.newsletter-card .required-info {
    font-size: 13px;
    margin: 0 0 24px;
    color: #b0e0e6;
}

/* Labels for text/email fields */
.newsletter-card label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #e0f7fa;
}

/* Input fields - WHITE bg + BLACK placeholder/text */
.newsletter-card input[type="email"],
.newsletter-card input[type="text"] {
    width: 100%;
    padding: 11px 14px;
    margin-bottom: 16px;
    border: 2px solid #26a69a;
    border-radius: 6px;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.newsletter-card input[type="email"]::placeholder,
.newsletter-card input[type="text"]::placeholder {
    color: #000000 !important;
    opacity: 0.75 !important;
}

.newsletter-card input[type="email"]:focus,
.newsletter-card input[type="text"]:focus {
    border-color: #1e8c7f;
    box-shadow: 0 0 0 3px rgba(30, 140, 127, 0.25);
    outline: none;
}

/* Preferences section */
.newsletter-card .preferences {
    margin: 24px 0 20px;
}

.newsletter-card .preferences strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}

.newsletter-card .preferences .note {
    font-size: 13px;
    color: #b0e0e6;
    margin: 0 0 12px;
    font-style: italic;
}

/* ───────────────────────────────────────────────
   HORIZONTAL CHECKBOXES with custom square style
   ─────────────────────────────────────────────── */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    display: inline-block !important;
    margin: 0 20px 12px 0 !important;   /* horizontal spacing between options */
    position: relative;
    vertical-align: top;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item:last-child {
    margin-right: 0 !important;
}

.wpcf7 .wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.wpcf7 .wpcf7-checkbox label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 14.5px;
    line-height: 1.45;
    color: #e0f7fa;
    display: inline-block;
}

/* Square box */
.wpcf7 .wpcf7-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 2px solid #26a69a;
    border-radius: 4px;
    background: transparent;
    transition: all 0.18s ease;
}

/* Checked: filled teal + white checkmark */
.wpcf7 .wpcf7-checkbox input[type="checkbox"]:checked + label::before {
    background: #26a69a;
}

.wpcf7 .wpcf7-checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Hover effect */
.wpcf7 .wpcf7-checkbox label:hover::before {
    border-color: #4db6ac;
    background: rgba(38, 166, 154, 0.08);
}

/* Submit button */
.newsletter-card input[type="submit"] {
    width: 100%;
    padding: 13px;
    background-color: #26a69a;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    transition: background-color 0.25s;
}

.newsletter-card input[type="submit"]:hover,
.newsletter-card input[type="submit"]:focus {
    background-color: #1e8c7f;
    outline: none;
}

/* Response messages */
.wpcf7-response-output {
    margin-top: 12px;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
}

.wpcf7-mail-sent-ok {
    background: rgba(38, 166, 154, 0.25);
    border: 1px solid #26a69a;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
    background: rgba(239, 83, 80, 0.25);
    border: 1px solid #ef5350;
}

/* Clean up CF7 defaults */
.wpcf7-form > p,
.wpcf7 br {
    margin: 0;
    padding: 0;
}

/* Optional: On very small screens (mobile), stack checkboxes vertically */
@media (max-width: 480px) {
    .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
        display: block !important;
        margin: 0 0 12px 0 !important;
    }
}/* End custom CSS */