.elementor-10 .elementor-element.elementor-element-5610b12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:52px;--padding-right:52px;}.elementor-10 .elementor-element.elementor-element-5610b12:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-5610b12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F2040;background-image:url("https://eklundprod.wpenginepowered.com/wp-content/uploads/2026/07/Novato-Downtown-copy.jpg");background-position:center center;background-size:cover;}.elementor-10 .elementor-element.elementor-element-5610b12::before, .elementor-10 .elementor-element.elementor-element-5610b12 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-5610b12 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-5610b12 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-5610b12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-5610b12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(100deg, rgba(15,32,64,0.9) 0%, #0F20409C 100%);}.elementor-10 .elementor-element.elementor-element-e268d6c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e268d6c.e-con{--flex-grow:0;--flex-shrink:0;}.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-10 .elementor-element.elementor-element-91a819f{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:14px;font-weight:800;line-height:1.6em;color:#C8A951;}.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-10 .elementor-element.elementor-element-2cff3d0{text-align:start;}.elementor-10 .elementor-element.elementor-element-2cff3d0 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:62px;font-weight:900;line-height:1.05em;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-f16a81a{width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:rgba(255,255,255,0.85);}.elementor-10 .elementor-element.elementor-element-971d541{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-10 .elementor-element.elementor-element-c6f2278{width:initial;max-width:initial;text-align:center;}.elementor-10 .elementor-element.elementor-element-c6f2278.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-c6f2278 img{border-radius:50% 50% 50% 50%;}.elementor-10 .elementor-element.elementor-element-507fc60d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-507fc60d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#162D52;}.elementor-10 .elementor-element.elementor-element-507fc60d{border-style:solid;border-width:4px 0px 0px 0px;border-color:#C8A951;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 120px 40px 120px;}.elementor-10 .elementor-element.elementor-element-507fc60d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-276b1d80{text-align:center;font-family:"Libre Franklin", Sans-serif;font-size:27px;font-weight:700;line-height:1.4em;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-432e1e01:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-432e1e01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E8;}.elementor-10 .elementor-element.elementor-element-432e1e01{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:88px 52px 88px 52px;}.elementor-10 .elementor-element.elementor-element-432e1e01 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-75b6b9b0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-75b6b9b0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-75b6b9b0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-3c964377{text-align:center;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-4cde2e22.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-4cde2e22.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-4cde2e22 > .elementor-element-populated{padding:0px 0px 0px 40px;}.elementor-10 .elementor-element.elementor-element-40a995f3{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:14px;font-weight:800;line-height:1.6em;color:#B8952F;}.elementor-10 .elementor-element.elementor-element-583077be{text-align:start;}.elementor-10 .elementor-element.elementor-element-583077be .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:40px;font-weight:900;line-height:1.1em;color:#0F2040;}.elementor-10 .elementor-element.elementor-element-1cf2ee80{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;color:#3A3F47;}.elementor-10 .elementor-element.elementor-element-531fbc96{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;color:#3A3F47;}.elementor-10 .elementor-element.elementor-element-4e3df07b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4e3df07b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F2040;}.elementor-10 .elementor-element.elementor-element-4e3df07b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4e3df07b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-4182884f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4526f43b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-5c33ccea.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-5c33ccea.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-5c33ccea > .elementor-element-populated{padding:60px 72px 60px 72px;}.elementor-10 .elementor-element.elementor-element-29dabb2d{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:30px;font-weight:800;line-height:1.3em;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-44ac0cd4{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:16px;font-weight:700;line-height:1.6em;color:#C8A951;}.elementor-10 .elementor-element.elementor-element-c31e462:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c31e462 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F2040;}.elementor-10 .elementor-element.elementor-element-c31e462{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:88px 52px 88px 52px;}.elementor-10 .elementor-element.elementor-element-c31e462 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-142c595.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-142c595.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-74b5dd86{text-align:center;}.elementor-10 .elementor-element.elementor-element-74b5dd86 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:40px;font-weight:900;line-height:1.15em;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-6f1ba7d4{text-align:center;font-family:"Libre Franklin", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:rgba(255,255,255,0.72);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-3140ef65 .elementor-button{background-color:#C8A951;font-family:"Libre Franklin", Sans-serif;font-size:16px;font-weight:800;fill:#0F2040;color:#0F2040;border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-10 .elementor-element.elementor-element-5e82f688:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-5e82f688 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C8A951;}.elementor-10 .elementor-element.elementor-element-5e82f688{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-5e82f688 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-53ac9acd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-53ac9acd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-53ac9acd > .elementor-element-populated{padding:60px 40px 60px 52px;}.elementor-10 .elementor-element.elementor-element-15e91a38{text-align:start;}.elementor-10 .elementor-element.elementor-element-15e91a38 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:38px;font-weight:900;line-height:1.15em;color:#0F2040;}.elementor-10 .elementor-element.elementor-element-53b106d9{text-align:start;font-family:"Libre Franklin", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;color:#3D3417;}.elementor-bc-flex-widget .elementor-10 .elementor-element.elementor-element-40eb0fd7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10 .elementor-element.elementor-element-40eb0fd7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10 .elementor-element.elementor-element-40eb0fd7 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-20394add{text-align:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-e268d6c{--width:61.452%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-5610b12{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-e268d6c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-91a819f{font-size:11px;}.elementor-10 .elementor-element.elementor-element-2cff3d0 .elementor-heading-title{font-size:39px;}.elementor-10 .elementor-element.elementor-element-f16a81a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10 .elementor-element.elementor-element-507fc60d{padding:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-432e1e01{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-4cde2e22 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-5c33ccea > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-c31e462{padding:20px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-74b5dd86 .elementor-heading-title{font-size:35px;}.elementor-10 .elementor-element.elementor-element-6f1ba7d4{font-size:20px;}.elementor-10 .elementor-element.elementor-element-5e82f688{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-53ac9acd > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-10 .elementor-element.elementor-element-15e91a38 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for shortcode, class: .elementor-element-8b5839a *//* ============================================================
   Pat Eklund for Novato — Gravity Forms custom styling
   Paste into Elementor: Site Settings → Custom CSS (or per-page
   Advanced → Custom CSS on the section holding each form).
   Form 1 = Email/Join signup (hero, on navy background)
   Form 2 = Volunteer signup (gold panel background)
   ============================================================ */

/* ---------- shared resets (target wrapper broadly for max specificity coverage) ---------- */
#gform_wrapper_1, #gform_wrapper_2,
#gform_1, #gform_2,
.gform_wrapper {
  font-family: 'Libre Franklin', system-ui, sans-serif;
  max-width: 560px;
  --gf-field-spacing: 4px !important;
  --gfield-spacing-row: 4px !important;
  --gf-form-spacing: 0px !important;
}
#gform_1 .gform_body, #gform_2 .gform_body,
.gform_wrapper .gform_body { width: 100%; margin: 0 !important; padding: 0 !important; }

#gform_1 ul.gform_fields, #gform_2 ul.gform_fields,
.gform_wrapper ul.gform_fields, .gform_wrapper .gform_fields {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important;
  gap: 4px !important; row-gap: 4px !important; column-gap: 0 !important;
  grid-row-gap: 4px !important; grid-gap: 4px !important;
  grid-template-columns: 1fr !important;
}
body .gform_wrapper .gform_fields,
body .gform_wrapper ul.gform_fields {
  gap: 4px !important; row-gap: 4px !important; grid-row-gap: 4px !important;
}
#gform_1 li.gfield, #gform_2 li.gfield,
#gform_1 .gfield, #gform_2 .gfield,
.gform_wrapper li.gfield, .gform_wrapper .gfield,
.gform_wrapper .gfield--width-full,
body .gform_wrapper li.gfield {
  margin: 0 !important; margin-bottom: 0 !important; padding: 0 !important;
  box-sizing: border-box !important; min-height: 0 !important;
  grid-column: 1 / -1 !important;
}
#gform_1 .ginput_container, #gform_2 .ginput_container,
#gform_1 .gfield_html, #gform_2 .gfield_html,
#gform_1 .gfield_description, #gform_2 .gfield_description,
.gform_wrapper .ginput_container, .gform_wrapper .gfield_html, .gform_wrapper .gfield_description {
  margin: 0 !important; margin-top: 0 !important; padding: 0 !important; min-height: 0 !important;
}
#gform_1 .gfield_label, #gform_2 .gfield_label,
#gform_1 legend.gfield_label, #gform_2 legend.gfield_label,
.gform_wrapper .gfield_label, .gform_wrapper legend.gfield_label { display: none !important; }
#gform_1 *, #gform_2 * { box-sizing: border-box !important; }
.gform_wrapper .gfield--width-full { --gf-grid-row-gap: 4px !important; }

/* name field: first/last side by side */
#gform_1 .ginput_complex, #gform_2 .ginput_complex {
  display: flex !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
#gform_1 .ginput_complex.ginput_container, #gform_2 .ginput_complex.ginput_container,
#gform_1 span.ginput_full, #gform_2 span.ginput_full,
#gform_1 .clear-multi, #gform_2 .clear-multi {
  display: flex !important; width: 100% !important; gap: 8px !important; margin: 0 !important; padding: 0 !important;
}
#gform_1 .name_first, #gform_1 .name_last,
#gform_2 .name_first, #gform_2 .name_last,
#gform_1 .ginput_complex > span, #gform_2 .ginput_complex > span {
  display: block !important; flex: 1 1 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important;
}

/* inputs */
#gform_1 input[type="text"], #gform_1 input[type="email"],
#gform_2 input[type="text"], #gform_2 input[type="email"] {
  display: block !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 42px !important;
  font-family: inherit !important;
  background: #ffffff !important;
  color: #0f2040 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}
#gform_1 input::placeholder, #gform_2 input::placeholder { color: rgba(15,32,64,0.5); }

/* submit button */
#gform_1 .gform_footer, #gform_2 .gform_footer,
.gform_wrapper .gform_footer {
  margin: 4px 0 0 !important; padding: 0 !important; min-height: 0 !important;
}
#gform_1 .gform_button, #gform_2 .gform_button {
  width: 100%;
  height: 44px !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer;
  transition: transform 0.12s ease;
}
#gform_1 .gform_button:hover, #gform_2 .gform_button:hover { transform: translateY(-2px); }

/* Form 1 — hero, on navy background: gold button */
#gform_1 .gform_button {
  background: #c8a951 !important;
  color: #0f2040 !important;
}

/* Form 2 — volunteer, on gold background: navy button */
#gform_2 .gform_button {
  background: #0f2040 !important;
  color: #ffffff !important;
}

/* validation + confirmation messages */
#gform_1 .gfield_description.validation_message,
#gform_2 .gfield_description.validation_message {
  color: #ffb4b4 !important; font-size: 13px !important; margin-top: 4px !important;
}
#gform_1 .gform_confirmation_message, #gform_2 .gform_confirmation_message {
  font-family: 'Libre Franklin', sans-serif; font-size: 16px; font-weight: 700; color: #0f2040;
}/* End custom CSS */