.elementor-4625 .elementor-element.elementor-element-76429bf0:not(.elementor-motion-effects-element-type-background), .elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFCFCF;background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/square.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #130B09 0%, #00000000 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-container{max-width:1170px;}.elementor-4625 .elementor-element.elementor-element-76429bf0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-126px;margin-bottom:0px;padding:164px 20px 0px 20px;}.elementor-4625 .elementor-element.elementor-element-dcbe1ab > .elementor-container{max-width:830px;}.elementor-4625 .elementor-element.elementor-element-dcbe1ab > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4625 .elementor-element.elementor-element-dcbe1ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 30px 0px;}.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-4625 .elementor-element.elementor-element-4bd4b3b6{text-align:center;}.elementor-4625 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-family:"Amita", Sans-serif;font-size:90px;font-weight:600;line-height:1.4em;color:#FFFFFF;}.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-4625 .elementor-element.elementor-element-707e384 > .elementor-widget-container{padding:0px 0px 75px 0px;}.elementor-4625 .elementor-element.elementor-element-707e384{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2.1em;color:#FFFFFF;}.elementor-4625 .elementor-element.elementor-element-944c075{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.05;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4625 .elementor-element.elementor-element-944c075:not(.elementor-motion-effects-element-type-background), .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-4625 .elementor-element.elementor-element-944c075::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-background-video-container::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .e-con-inner > .elementor-background-video-container::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-background-slideshow::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/05/Untitled-design.png");--background-overlay:'';}@media(min-width:1025px){.elementor-4625 .elementor-element.elementor-element-944c075::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-background-video-container::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .e-con-inner > .elementor-background-video-container::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-background-slideshow::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4625 .elementor-element.elementor-element-944c075 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-4625 .elementor-element.elementor-element-76429bf0:not(.elementor-motion-effects-element-type-background), .elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/square.jpeg");background-position:11px 0px;}.elementor-4625 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-size:70px;line-height:1.5em;}.elementor-4625 .elementor-element.elementor-element-707e384 > .elementor-widget-container{padding:0px 20px 20px 20px;}.elementor-4625 .elementor-element.elementor-element-707e384{font-size:16px;line-height:2em;}}@media(max-width:767px){.elementor-4625 .elementor-element.elementor-element-76429bf0:not(.elementor-motion-effects-element-type-background), .elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/square.jpeg");background-position:-176px 0px;}.elementor-4625 .elementor-element.elementor-element-76429bf0 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(89deg, #130B09 0%, #00000000 100%);opacity:1;}.elementor-4625 .elementor-element.elementor-element-76429bf0{margin-top:-187px;margin-bottom:0px;padding:154px 20px 0px 20px;}.elementor-4625 .elementor-element.elementor-element-4bd4b3b6 > .elementor-widget-container{padding:59px 0px 0px 0px;}.elementor-4625 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-size:40px;}.elementor-4625 .elementor-element.elementor-element-707e384 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 20px 0px 20px;}.elementor-4625 .elementor-element.elementor-element-707e384{font-size:14px;line-height:2em;}}/* Start custom CSS for shortcode, class: .elementor-element-c4219f5 *//* Target the Square iframe in the WPForms Square field */
.wpforms-field.wpforms-field-square iframe[src*="web.squarecdn.com"] {
    filter: invert(1) hue-rotate(180deg);
    border-radius: 4px;
}

/* Optional: darken the wrapper around the iframe too */
.wpforms-field.wpforms-field-square .sq-card-component {
    background-color: #1b1b1b !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}


/* Make only "Name on Card" field white with dark text */
.wpforms-field-square-name input.wpforms-field-square-cardname {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

/* Placeholder color for Name on Card */
.wpforms-field-square-name input.wpforms-field-square-cardname::placeholder {
    color: #666666 !important;
}

/* Ensure border does not go bright red on error */
.wpforms-error .wpforms-field-square-name input.wpforms-field-square-cardname {
    border-color: #b33a3a !important; /* darker, subtle error */
}








/* Keep Square card input background WHITE, not inverted */
.wpforms-field-square iframe[src*="web.squarecdn.com"] {
    filter: none !important;
    background: #ffffff !important;
    border-radius: 6px !important;
}

/* Make the Square card frame border dark to match theme */
.wpforms-field-square .sq-card-component {
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    background: transparent !important; /* wrapper stays dark */
}






/* Dark background + white text for Name on Card input */
.wpforms-field-square-name input.wpforms-field-square-cardname {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 6px !important;
}

/* Placeholder color lighter on dark */
.wpforms-field-square-name input.wpforms-field-square-cardname::placeholder {
    color: #aaaaaa !important;
}

/* Prevent red error border from messing the look */
.wpforms-error .wpforms-field-square-name input.wpforms-field-square-cardname {
    border-color: #b33a3a !important; /* optional subtle red */
}/* End custom CSS */