.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-2698 .elementor-element.elementor-element-825b569{--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-2698 .elementor-element.elementor-element-2c35ee6{--spacer-size:50px;}.elementor-2698 .elementor-element.elementor-element-e006015{--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-2698 .elementor-element.elementor-element-9cefe08{--spacer-size:50px;}.elementor-2698 .elementor-element.elementor-element-5a2b932{--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-2698 .elementor-element.elementor-element-5a2b932.e-con{--align-self:center;}.elementor-2698 .elementor-element.elementor-element-c20ae94{--display:flex;--position:absolute;--min-height:450px;--justify-content:center;top:0px;}body:not(.rtl) .elementor-2698 .elementor-element.elementor-element-c20ae94{left:0px;}body.rtl .elementor-2698 .elementor-element.elementor-element-c20ae94{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-2698 .elementor-element.elementor-element-d86aecb{text-align:center;}.elementor-2698 .elementor-element.elementor-element-d86aecb .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-widget-section .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-section .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-2698 .elementor-element.elementor-element-426e791 > .elementor-element-populated{margin:0px 50px 0px 0px;--e-column-margin-right:50px;--e-column-margin-left:0px;}.elementor-widget-theme-post-featured-image .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-theme-post-featured-image .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-theme-post-featured-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-2698 .elementor-element.elementor-element-37450c5 img{border-radius:10px 10px 10px 10px;}.elementor-2698 .elementor-element.elementor-element-e6dde45 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-button .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-button .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-2698 .elementor-element.elementor-element-7fefdfe .elementor-button{background-color:#F36C2400;font-family:"Inter", Sans-serif;font-size:17px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2698 .elementor-element.elementor-element-7fefdfe .elementor-button:hover, .elementor-2698 .elementor-element.elementor-element-7fefdfe .elementor-button:focus{background-color:#CA521200;}.elementor-2698 .elementor-element.elementor-element-7fefdfe{width:initial;max-width:initial;}.elementor-2698 .elementor-element.elementor-element-7fefdfe > .elementor-widget-container:hover{--e-transform-translateX:5px;}.elementor-2698 .elementor-element.elementor-element-7fefdfe > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-2698 .elementor-element.elementor-element-7fefdfe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2698 .elementor-element.elementor-element-7fefdfe .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-2698 .elementor-element.elementor-element-b7a9319:not(.elementor-motion-effects-element-type-background), .elementor-2698 .elementor-element.elementor-element-b7a9319 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2698 .elementor-element.elementor-element-b7a9319{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2698 .elementor-element.elementor-element-b7a9319 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2698 .elementor-element.elementor-element-1d85ff9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-element-populated, .elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-element-populated > .elementor-background-overlay, .elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-2698 .elementor-element.elementor-element-1d85ff9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2698 .elementor-element.elementor-element-1cda3ee > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2698 .elementor-element.elementor-element-1cda3ee .elementor-heading-title{font-family:"Besley", Sans-serif;font-size:18px;font-weight:600;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .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-divider .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-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2698 .elementor-element.elementor-element-b0e94aa{--divider-border-style:solid;--divider-color:var( --e-global-color-aac0222 );--divider-border-width:1px;}.elementor-2698 .elementor-element.elementor-element-b0e94aa .elementor-divider-separator{width:100%;}.elementor-2698 .elementor-element.elementor-element-b0e94aa .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-widget-icon-list .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-icon-list .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-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-2698 .elementor-element.elementor-element-b633f97{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-2698 .elementor-element.elementor-element-b633f97 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:#000000;border-radius:01000px 01000px 01000px 01000px;padding:15px 40px 15px 40px;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button:hover, .elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button:focus{background-color:var( --e-global-color-3e2fd6e );color:var( --e-global-color-accent );}.elementor-2698 .elementor-element.elementor-element-3ab3f1c{width:var( --container-widget-width, 121.299% );max-width:121.299%;--container-widget-width:121.299%;--container-widget-flex-grow:0;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button:hover svg, .elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-2698 .elementor-element.elementor-element-5d0c87c{--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-2698 .elementor-element.elementor-element-d403553{--spacer-size:50px;}@media(max-width:1230px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2698 .elementor-element.elementor-element-d86aecb .elementor-heading-title{font-size:36px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-2698 .elementor-element.elementor-element-2c35ee6{--spacer-size:1px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2698 .elementor-element.elementor-element-d86aecb .elementor-heading-title{font-size:26px;}.elementor-2698 .elementor-element.elementor-element-426e791 > .elementor-element-populated{margin:0px 20px 0px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2698 .elementor-element.elementor-element-7fefdfe > .elementor-widget-container{margin:-13px 0px 10px 10px;}.elementor-2698 .elementor-element.elementor-element-7fefdfe .elementor-button{padding:10px 30px 10px 0px;}.elementor-2698 .elementor-element.elementor-element-b7a9319{margin-top:0px;margin-bottom:30px;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-2698 .elementor-element.elementor-element-3ab3f1c .elementor-button{padding:10px 30px 10px 30px;}}@media(min-width:768px){.elementor-2698 .elementor-element.elementor-element-c20ae94{--content-width:800px;}.elementor-2698 .elementor-element.elementor-element-426e791{width:66.228%;}.elementor-2698 .elementor-element.elementor-element-e053729{width:33.685%;}}/* Start custom CSS for html, class: .elementor-element-f8a33af */.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-5a2b932 *//* ========================================================================== 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