.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2569 .elementor-element.elementor-element-e0c75e6{--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;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2569 .elementor-element.elementor-element-8fba87a{--spacer-size:50px;}.elementor-2569 .elementor-element.elementor-element-2ddc15d{--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;}.elementor-2569 .elementor-element.elementor-element-beca98d{--spacer-size:50px;}.elementor-2569 .elementor-element.elementor-element-7bd6f2d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2569 .elementor-element.elementor-element-7bd6f2d.e-con{--align-self:center;}.elementor-2569 .elementor-element.elementor-element-0b9dabf{--display:flex;--position:absolute;--min-height:450px;--justify-content:center;top:0px;}body:not(.rtl) .elementor-2569 .elementor-element.elementor-element-0b9dabf{left:0px;}body.rtl .elementor-2569 .elementor-element.elementor-element-0b9dabf{right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-2569 .elementor-element.elementor-element-cf9a1a0{text-align:center;}.elementor-2569 .elementor-element.elementor-element-cf9a1a0 .elementor-heading-title{font-family:"Besley", Sans-serif;font-size:60px;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2569 .elementor-element.elementor-element-12aaa57{--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;}.elementor-2569 .elementor-element.elementor-element-fcf0d31{--spacer-size:10px;}.elementor-2569 .elementor-element.elementor-element-01a7939{--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;}.elementor-widget-eael-adv-accordion .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-adv-accordion .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-list{background-color:var( --e-global-color-45bf5f9 );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-content{background-color:var( --e-global-color-45bf5f9 );color:#333;padding:0px 20px 10px 20px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-title{font-family:"Besley", Sans-serif;font-size:18px;font-weight:600;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:34px;color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:34px;width:34px;line-height:34px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list .eael-accordion_media-icon i{font-size:34px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list .eael-accordion_media-icon svg{height:34px;width:34px;line-height:34px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:7px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list{margin-bottom:7px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header{padding:25px 25px 25px 25px;border-radius:10px 10px 10px 10px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-title{padding:25px 25px 25px 25px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:var( --e-global-color-text );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-content .eael-accordion_media-title{color:var( --e-global-color-text );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list .eael-accordion_media-icon{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{border-style:none;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{border-radius:10px 10px 10px 10px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:var( --e-global-color-secondary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list.active .eael-accordion_media-icon i{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list.active .eael-accordion_media-content .eael-accordion_media-description{padding:0px 20px 10px 20px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-content, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{border-style:none;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:15px;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:15px;width:15px;line-height:15px;fill:#444;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-d6775c1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:var( --e-global-color-primary );}.elementor-2569 .elementor-element.elementor-element-0c06a88{--spacer-size:50px;}body.elementor-page-2569:not(.elementor-motion-effects-element-type-background), body.elementor-page-2569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b3f7f00 );}@media(max-width:1230px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2569 .elementor-element.elementor-element-cf9a1a0 .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-2569 .elementor-element.elementor-element-8fba87a{--spacer-size:1px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2569 .elementor-element.elementor-element-cf9a1a0 .elementor-heading-title{font-size:26px;}.elementor-2569 .elementor-element.elementor-element-fcf0d31{--spacer-size:1px;}}@media(min-width:768px){.elementor-2569 .elementor-element.elementor-element-0b9dabf{--content-width:800px;}.elementor-2569 .elementor-element.elementor-element-01a7939{--content-width:900px;}}/* Start custom CSS for html, class: .elementor-element-da57f07 */.ribbon-wrap { display: flex; width: max-content; margin-left: -2000px; /* increase this number until whitespace disappears */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bd6f2d *//* ========================================================================== Kirk Gibson Center — "Become a Member" Bloomerang interaction-form Built against the ACTUAL markup (confirmed via inspecting the live page): #interaction-form-container form#interaction-form.interaction-form .section.contact -> .field.first-name / .field.last-name / .field.email-address / .field.phone-number .section.address -> .field.country / .field.street-address / .field.city / .field.state / .field.zip-code (.field.province and .field.postal-code stay hidden — Bloomerang already hides them inline) .section.comment -> .field.comment (textarea) .section.consent -> hidden by default, untouched .section.captcha -> reCAPTCHA iframe, untouched (cross-origin, can't be restyled) .btn-group -> input.btn.btn-submit.btn-submit-interaction HOW TO USE: Paste this into Elementor > Site Settings > Custom CSS, or Appearance > Customize > Additional CSS. Everything is scoped under #interaction-form-container so it can't leak onto other pages/widgets. DECISIONS MADE PER YOUR ANSWERS: - Country field: kept visible (styled to match, placed full-width). - Labels: shown above each box (not floating-inside), since most fields have no native placeholder text set in Bloomerang. - Section headings ("Contact Information", "Address") are hidden below to match the screenshot's flatter look — this wasn't explicitly asked, it's a 2-line change to reverse if you'd rather keep them (see the commented-out block near the bottom). ========================================================================== */ #interaction-form-container { /* Pulled from the site's actual Elementor Global Colors (Site Settings), not guessed: Primary #001231 -> --kg-navy Secondary #F36C24 -> --kg-orange Hover #CA5212 -> --kg-orange-dark Grey Blue #BDCCD4 -> --kg-border Off White #F7F7F7 -> --kg-offwhite (unused below, kept for reference) */ --kg-navy: #001231; --kg-orange: #f36c24; --kg-orange-dark: #ca5212; --kg-border: #bdccd4; --kg-offwhite: #f7f7f7; --kg-radius: 14px; /* No background/padding/card on the container itself — it should blend into the page's own section background, not sit in its own box. */ } /* Hide the "Contact Information" / "Address" section headings */ #interaction-form-container .section h3 { display: none; } #interaction-form-container .section { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 20px; margin-bottom: 20px; } #interaction-form-container .field { flex: 1 1 100%; min-width: 0; } /* Paired (50/50) fields */ #interaction-form-container .field.first-name, #interaction-form-container .field.last-name, #interaction-form-container .field.email-address, #interaction-form-container .field.phone-number, #interaction-form-container .field.state, #interaction-form-container .field.zip-code { flex: 1 1 calc(50% - 12px); } /* Full-width fields: country, street-address, city, comment */ #interaction-form-container .field.country, #interaction-form-container .field.street-address, #interaction-form-container .field.city, #interaction-form-container .field.comment { flex: 1 1 100%; } /* Labels — shown above the input box */ #interaction-form-container .field label { display: block; margin-bottom: 6px; font-weight: 500; font-size: 13px; color: var(--kg-navy); } #interaction-form-container .field .required-star { color: var(--kg-orange); margin-left: 2px; } /* Inputs, selects, textareas */ #interaction-form-container .field:not(.checkbox) input, #interaction-form-container .field select, #interaction-form-container .field textarea { /* Scoped with :not(.checkbox) so this text-input styling (including the width: 100% !important below) can't bleed onto the consent checkbox's , which lives in a .field.checkbox and needs its own 20x20px sizing further down this file. That collision is what caused the checkbox to render as a giant blank full-width box last time. Overrides a pre-existing legacy site rule (.interaction-form .field input/select/textarea { width: 96%; }) that was never targeted before — it left a small gap on paired fields but a much bigger one on full-width fields (Address/City/Comments), which is why those rows were falling short of the ZIP/State row's right edge. */ width: 100% !important; background-color: #fff; border: 1px solid var(--kg-border) !important; border-radius: var(--kg-radius) !important; padding: 14px 16px !important; font-size: 16px; color: var(--kg-navy); min-height: 52px; box-shadow: none !important; transition: border-color 0.15s ease; } #interaction-form-container .field textarea { min-height: 110px; } #interaction-form-container .field input:focus, #interaction-form-container .field select:focus, #interaction-form-container .field textarea:focus { border-color: var(--kg-orange) !important; outline: none; } /* Consent checkbox — the markup here is different from text fields (the