.elementor-11156 .elementor-element.elementor-element-b17ba0b{--display:flex;--min-height:578px;--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;--justify-content:center;--flex-wrap:nowrap;--overlay-opacity:0.73;}.elementor-11156 .elementor-element.elementor-element-b17ba0b:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2022/01/Social-Tennis-Ten-Australia_5OCT-13-33597-1024-1.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-11156 .elementor-element.elementor-element-b17ba0b::before, .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-b17ba0b > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-b17ba0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #49500F 100%);}.elementor-11156 .elementor-element.elementor-element-4054bf9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-4054bf9.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.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-11156 .elementor-element.elementor-element-c2c1d9e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-c2c1d9e{text-align:start;}.elementor-11156 .elementor-element.elementor-element-c2c1d9e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:75px;font-weight:600;}.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-11156 .elementor-element.elementor-element-018edd7{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-d0bdf1e{--display:flex;--justify-content:center;--z-index:603;}.elementor-11156 .elementor-element.elementor-element-d0bdf1e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-2e7128d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:83px;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-2bdd623{width:var( --container-widget-width, 86.528% );max-width:86.528%;--container-widget-width:86.528%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-2bdd623 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-2bdd623.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-d06e5e7{--display:flex;--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;--flex-wrap:wrap;--align-content:flex-start;--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-d06e5e7.e-con{--flex-grow:0;--flex-shrink:0;}.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-11156 .elementor-element.elementor-element-161b53b{width:initial;max-width:initial;}.elementor-11156 .elementor-element.elementor-element-161b53b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-ff4597f .elementor-button{background-color:#51C1CF;font-family:"Raleway", Sans-serif;font-size:16px;font-weight:800;letter-spacing:2.1px;transition-duration:0.1s;border-radius:3px 3px 3px 3px;padding:20px 32px 20px 32px;}.elementor-11156 .elementor-element.elementor-element-14b2f43{--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;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-14b2f43:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-14b2f43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-a030abc{--display:flex;}.elementor-11156 .elementor-element.elementor-element-a030abc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-04ec4cb{width:var( --container-widget-width, 79.643% );max-width:79.643%;--container-widget-width:79.643%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-04ec4cb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-9507393{width:var( --container-widget-width, 72.054% );max-width:72.054%;--container-widget-width:72.054%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-9507393.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-e930dec{--display:flex;--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;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-e930dec:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-e930dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-321c13d{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-321c13d:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-321c13d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/06/kids-tennis-heffronparktennis-48-1-1.webp");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-321c13d::before, .elementor-11156 .elementor-element.elementor-element-321c13d > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-321c13d > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-321c13d > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-321c13d > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-321c13d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-506047f{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-506047f::before, .elementor-11156 .elementor-element.elementor-element-506047f > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-506047f > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-506047f > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-506047f > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-506047f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-cbc6075 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-888a23b{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-7f8aa56{--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;--justify-content:flex-end;}.elementor-11156 .elementor-element.elementor-element-7f8aa56:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-7f8aa56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2020/04/tennis-instructor-private-lesson.jpg");}.elementor-11156 .elementor-element.elementor-element-f7c157a{--display:flex;}.elementor-11156 .elementor-element.elementor-element-7854a83 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-2e84a58 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-4157230{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-a683ce7{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-a683ce7:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-a683ce7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-9a418fb{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-9a418fb:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-9a418fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Cardio-Tennis.jpg");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-9a418fb::before, .elementor-11156 .elementor-element.elementor-element-9a418fb > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-9a418fb > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-9a418fb > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-9a418fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-9a418fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-9a418fb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-2ee523a{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-2ee523a::before, .elementor-11156 .elementor-element.elementor-element-2ee523a > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-2ee523a > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-2ee523a > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-2ee523a > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-2ee523a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-f0de5d4 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-ae25992 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-7aa93de{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-5c4e622{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-5c4e622:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-5c4e622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Untitled-design-8-768x513.jpg");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-5c4e622::before, .elementor-11156 .elementor-element.elementor-element-5c4e622 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-5c4e622 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-5c4e622 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-5c4e622 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-5c4e622 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-5c4e622.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-dc95ec1{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-dc95ec1::before, .elementor-11156 .elementor-element.elementor-element-dc95ec1 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-dc95ec1 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-dc95ec1 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-dc95ec1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-dc95ec1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-a89a0c8 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-d7d3f32 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-6ce817f{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-9070b99{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11156 .elementor-element.elementor-element-9070b99:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-9070b99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-232e304{--display:flex;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-232e304:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-232e304 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2024/11/chatswoodtennis-school-holiday-capms-tablet-bg.webp");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-232e304::before, .elementor-11156 .elementor-element.elementor-element-232e304 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-232e304 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-232e304 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-232e304 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-232e304 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-232e304.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-855b2eb{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-855b2eb::before, .elementor-11156 .elementor-element.elementor-element-855b2eb > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-855b2eb > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-855b2eb > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-855b2eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-855b2eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-84a7c2e .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-5a3e371 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-1c5ec69{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-1f1eff4{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-1f1eff4:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2022/09/Ladies-Doubles-Competition-Chatswood-Website.png");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-1f1eff4::before, .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-1f1eff4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-1f1eff4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-1144177{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-1144177::before, .elementor-11156 .elementor-element.elementor-element-1144177 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-1144177 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-1144177 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-1144177 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-1144177 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-533852e .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-0c1ece8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-30dfd8d{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-20485ec{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-20485ec:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-20485ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2024/04/Untitled-design-6-1.jpg");background-position:bottom center;}.elementor-11156 .elementor-element.elementor-element-20485ec::before, .elementor-11156 .elementor-element.elementor-element-20485ec > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-20485ec > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-20485ec > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-20485ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-20485ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-20485ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-9735bce{--display:flex;--overlay-opacity:0.5;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-9735bce::before, .elementor-11156 .elementor-element.elementor-element-9735bce > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-9735bce > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-9735bce > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-9735bce > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-9735bce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-11156 .elementor-element.elementor-element-1782bfa .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-30e0520 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-ff7a290{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-5186bcd{--display:flex;--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-5186bcd:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-5186bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-b03292e{--display:flex;--min-height:459px;--flex-direction:column-reverse;--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.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-b03292e:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-b03292e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/06/kids-tennis-heffronparktennis-19-1-1.webp");background-position:top left;}.elementor-11156 .elementor-element.elementor-element-b03292e::before, .elementor-11156 .elementor-element.elementor-element-b03292e > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-b03292e > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-b03292e > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-b03292e > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-b03292e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#19301B;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-b03292e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-c1a5e7c{--display:flex;--overlay-opacity:0.22;--padding-top:-11px;--padding-bottom:-11px;--padding-left:-11px;--padding-right:-11px;}.elementor-11156 .elementor-element.elementor-element-c1a5e7c::before, .elementor-11156 .elementor-element.elementor-element-c1a5e7c > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-c1a5e7c > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-c1a5e7c > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-c1a5e7c > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-c1a5e7c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(175deg, #00000000 0%, #000000 47%);}.elementor-11156 .elementor-element.elementor-element-a1d797f .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-c1d5f9f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-23909d0{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-887eb5e{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-887eb5e:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-887eb5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;}.elementor-11156 .elementor-element.elementor-element-dce5331{--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-11156 .elementor-element.elementor-element-dce5331.e-con{--flex-grow:0;--flex-shrink:0;}.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-11156 .elementor-element.elementor-element-4580f5e{width:var( --container-widget-width, 113.889% );max-width:113.889%;--container-widget-width:113.889%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-4580f5e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-4a9cbaf{--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.5;}.elementor-11156 .elementor-element.elementor-element-4a9cbaf:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2025/05/Untitled-Mobile-Video.png");background-size:100% auto;}.elementor-11156 .elementor-element.elementor-element-4a9cbaf::before, .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-4a9cbaf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #6CB26D 100%);}.elementor-11156 .elementor-element.elementor-element-3cc5049{color:#7A7A7A;}.elementor-11156 .elementor-element.elementor-element-cde2bd9{--display:flex;--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;--flex-wrap:nowrap;}.elementor-11156 .elementor-element.elementor-element-d3b712f{--display:flex;}.elementor-11156 .elementor-element.elementor-element-949e419{width:var( --container-widget-width, 82.916% );max-width:82.916%;--container-widget-width:82.916%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-949e419.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-d6c405f{--display:flex;}.elementor-11156 .elementor-element.elementor-element-d6c405f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-b142157{--display:flex;--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;--flex-wrap:nowrap;}.elementor-11156 .elementor-element.elementor-element-05ed100{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-05ed100.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-2e316d4{--display:flex;}.elementor-11156 .elementor-element.elementor-element-b4074a7{width:var( --container-widget-width, 82.916% );max-width:82.916%;--container-widget-width:82.916%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-b4074a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-145cbd3{--display:flex;--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;--flex-wrap:nowrap;}.elementor-11156 .elementor-element.elementor-element-aac31da{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-aac31da.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-d202d3d{--display:flex;}.elementor-11156 .elementor-element.elementor-element-9728556{width:var( --container-widget-width, 82.916% );max-width:82.916%;--container-widget-width:82.916%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-9728556.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-ed3ee1f{--display:flex;--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;--flex-wrap:nowrap;}.elementor-11156 .elementor-element.elementor-element-7e2b5a3{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-7e2b5a3.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-f6df38f{--display:flex;}.elementor-11156 .elementor-element.elementor-element-2d1b8f1{width:var( --container-widget-width, 82.916% );max-width:82.916%;--container-widget-width:82.916%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-2d1b8f1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-01ed16c{--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.23;}.elementor-11156 .elementor-element.elementor-element-01ed16c:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-01ed16c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#182319;}.elementor-11156 .elementor-element.elementor-element-01ed16c::before, .elementor-11156 .elementor-element.elementor-element-01ed16c > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-01ed16c > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-01ed16c > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-01ed16c > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-01ed16c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(297deg, #F2F0F0F7 0%, #324737 100%);}.elementor-11156 .elementor-element.elementor-element-dba33e1{--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.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-dba33e1:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-dba33e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/06/kids-tennis-heffronparktennis-55-1-1.webp");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-11156 .elementor-element.elementor-element-dba33e1::before, .elementor-11156 .elementor-element.elementor-element-dba33e1 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-dba33e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-dba33e1 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-dba33e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-dba33e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(124deg, #22321F 0%, #122904 100%);}.elementor-11156 .elementor-element.elementor-element-4523f6c{--display:flex;}.elementor-11156 .elementor-element.elementor-element-7da3947{--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.23;}.elementor-11156 .elementor-element.elementor-element-7da3947:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-7da3947 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#182319;}.elementor-11156 .elementor-element.elementor-element-7da3947::before, .elementor-11156 .elementor-element.elementor-element-7da3947 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-7da3947 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-7da3947 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-7da3947 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-7da3947 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(117deg, #FFFFFF 0%, #182319 100%);}.elementor-11156 .elementor-element.elementor-element-4e02986b{--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.87;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-4e02986b:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-4e02986b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Contact-us-header-image.png");background-position:center center;background-size:cover;}.elementor-11156 .elementor-element.elementor-element-4e02986b::before, .elementor-11156 .elementor-element.elementor-element-4e02986b > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-4e02986b > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-4e02986b > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-4e02986b > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-4e02986b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-38a03e52 .elementor-heading-title{color:#202122;}.elementor-11156 .elementor-element.elementor-element-2db9bf64{text-align:start;}.elementor-11156 .elementor-element.elementor-element-2db9bf64 .elementor-heading-title{font-family:"Rosario", Sans-serif;font-size:25px;font-weight:800;text-transform:uppercase;}.elementor-11156 .elementor-element.elementor-element-383671bc{width:var( --container-widget-width, 63.791% );max-width:63.791%;--container-widget-width:63.791%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-383671bc > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-383671bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-4a84ffd9{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-7e17ad62{--display:flex;--min-height:492px;}.elementor-11156 .elementor-element.elementor-element-7e17ad62:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-7e17ad62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Luis-Gambali.webp");background-position:center center;background-size:cover;}.elementor-11156 .elementor-element.elementor-element-7e17ad62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-3f7a1d67{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-11156 .elementor-element.elementor-element-3f7a1d67.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-5eefb078 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;color:#000000;}.elementor-11156 .elementor-element.elementor-element-18c0d9f3 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-18c0d9f3{font-family:"Helvetica", Sans-serif;font-weight:400;color:#000000;}.elementor-11156 .elementor-element.elementor-element-2749b0ab{color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-2c09bcf7{--display:flex;--overlay-opacity:0.54;}.elementor-11156 .elementor-element.elementor-element-2c09bcf7::before, .elementor-11156 .elementor-element.elementor-element-2c09bcf7 > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-2c09bcf7 > .e-con-inner > .elementor-background-video-container::before, .elementor-11156 .elementor-element.elementor-element-2c09bcf7 > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-2c09bcf7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11156 .elementor-element.elementor-element-2c09bcf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11156 .elementor-element.elementor-element-2c09bcf7.e-con{--align-self:center;}.elementor-11156 .elementor-element.elementor-element-7cdace97{--display:flex;--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:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-11156 .elementor-element.elementor-element-192d0da4{--display:flex;}.elementor-11156 .elementor-element.elementor-element-6ade3341 .elementor-heading-title{color:#202122;}.elementor-11156 .elementor-element.elementor-element-4c59d935{--display:flex;}.elementor-11156 .elementor-element.elementor-element-5f9dff1d .elementor-heading-title{color:#202122;}.elementor-11156 .elementor-element.elementor-element-46eee80e{--display:flex;--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-11156 .elementor-element.elementor-element-67f326a5{--display:flex;}.elementor-11156 .elementor-element.elementor-element-ea51aa1 .elementor-heading-title{color:#202122;}.elementor-11156 .elementor-element.elementor-element-4c8c677{--display:flex;}.elementor-11156 .elementor-element.elementor-element-59b9976a .elementor-heading-title{color:#202122;}.elementor-11156 .elementor-element.elementor-element-743a1e7c{width:initial;max-width:initial;font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-11156 .elementor-element.elementor-element-743a1e7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-3d0e96d{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-536758b1 .elementor-button{background-color:#D4FF3D;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2E5219;}.elementor-11156 .elementor-element.elementor-element-653ca39{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-653ca39:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-653ca39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F5;}.elementor-11156 .elementor-element.elementor-element-97d8b13 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-e04e301 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-af8c667 > .elementor-widget-container{margin:-36px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-210b389{--display:flex;--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;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-210b389:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-210b389 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F5;}.elementor-11156 .elementor-element.elementor-element-de3e88b{--display:flex;--min-height:453px;--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;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-11156 .elementor-element.elementor-element-de3e88b:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-de3e88b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Untitled-design-8.jpg");background-position:center center;}.elementor-11156 .elementor-element.elementor-element-3727659{--display:flex;--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;}.elementor-11156 .elementor-element.elementor-element-0cdc764{--display:flex;}.elementor-11156 .elementor-element.elementor-element-95ae2b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-78aed2b{--display:flex;}.elementor-11156 .elementor-element.elementor-element-12508e1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-05e83ac{--display:flex;--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;--justify-content:center;}.elementor-11156 .elementor-element.elementor-element-71125fb{--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;--padding-top:0100px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-11156 .elementor-element.elementor-element-71125fb:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-71125fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2026/07/Cardio-Tennis.jpg");background-position:center center;}.elementor-11156 .elementor-element.elementor-element-cbcf356 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-d57b962{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-25cb94d{--display:flex;}.elementor-11156 .elementor-element.elementor-element-2991ae1{--display:flex;}.elementor-11156 .elementor-element.elementor-element-98cece7{--display:flex;}.elementor-11156 .elementor-element.elementor-element-f1a93d4{--display:flex;--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;--justify-content:center;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-df04f6c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-df04f6c:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-df04f6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBECDD;background-image:url("https://heffronparktennis.com.au/wp-content/uploads/2025/05/Untitled-Presentation.png");}.elementor-11156 .elementor-element.elementor-element-ab004b0{--display:flex;}.elementor-11156 .elementor-element.elementor-element-83d5f31 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-11156 .elementor-element.elementor-element-83d5f31{text-align:center;}.elementor-11156 .elementor-element.elementor-element-ef9fe1f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-11156 .elementor-element.elementor-element-30429343{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-30429343:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-30429343 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F5F7;}.elementor-11156 .elementor-element.elementor-element-f7e1ac5{--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;--justify-content:flex-start;}.elementor-11156 .elementor-element.elementor-element-6111d8b1 .elementor-heading-title{color:#373A3B;}.elementor-11156 .elementor-element.elementor-element-7181d91c .elementor-heading-title{font-family:"Rosario", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-11156 .elementor-element.elementor-element-44f04837 .elementor-button{background-color:#6B8F00;font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;border-radius:25px 25px 25px 25px;padding:18px 25px 18px 25px;}.elementor-11156 .elementor-element.elementor-element-514243f3{--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;--justify-content:center;}.elementor-11156 .elementor-element.elementor-element-5fcb44fb{--display:flex;}.elementor-11156 .elementor-element.elementor-element-53c702ed{--display:flex;}.elementor-11156 .elementor-element.elementor-element-2643c46d{--display:flex;}.elementor-11156 .elementor-element.elementor-element-14029b70{--display:flex;}.elementor-11156 .elementor-element.elementor-element-7dceaf1a{--display:flex;}.elementor-11156 .elementor-element.elementor-element-7fbfd6ae{--display:flex;}.elementor-11156 .elementor-element.elementor-element-93dd490{--display:flex;}.elementor-11156 .elementor-element.elementor-element-a4658b8{--display:flex;}.elementor-11156 .elementor-element.elementor-element-37e59663{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-11156 .elementor-element.elementor-element-e4af79a{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11156 .elementor-element.elementor-element-e4af79a:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-e4af79a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11156 .elementor-element.elementor-element-1c49602{--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-11156 .elementor-element.elementor-element-31c144b > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-11156 .elementor-element.elementor-element-3b47eb6 > .elementor-widget-container{margin:8px 8px 8px 8px;}.elementor-11156 .elementor-element.elementor-element-aa11e17{--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;--justify-content:center;}.elementor-11156 .elementor-element.elementor-element-90a2ce4{width:var( --container-widget-width, 105.556% );max-width:105.556%;--container-widget-width:105.556%;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-90a2ce4 iframe{height:530px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11156 .elementor-element.elementor-element-b17ba0b:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-11156 .elementor-element.elementor-element-2e7128d .elementor-heading-title{font-size:91px;}.elementor-11156 .elementor-element.elementor-element-9070b99{--grid-auto-flow:row;}.elementor-11156 .elementor-element.elementor-element-38a03e52 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-2db9bf64 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-11156 .elementor-element.elementor-element-383671bc{width:var( --container-widget-width, 597.212px );max-width:597.212px;--container-widget-width:597.212px;--container-widget-flex-grow:0;}.elementor-11156 .elementor-element.elementor-element-383671bc > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-11156 .elementor-element.elementor-element-3727659{--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;}}@media(max-width:767px){.elementor-11156 .elementor-element.elementor-element-b17ba0b:not(.elementor-motion-effects-element-type-background), .elementor-11156 .elementor-element.elementor-element-b17ba0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-11156 .elementor-element.elementor-element-81467a7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11156 .elementor-element.elementor-element-2e7128d{text-align:center;}.elementor-11156 .elementor-element.elementor-element-2e7128d .elementor-heading-title{font-size:44px;}.elementor-11156 .elementor-element.elementor-element-2bdd623{text-align:center;}.elementor-11156 .elementor-element.elementor-element-d06e5e7{--width:213px;}.elementor-11156 .elementor-element.elementor-element-161b53b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-11156 .elementor-element.elementor-element-ff4597f.elementor-element{--align-self:center;}.elementor-11156 .elementor-element.elementor-element-56e0e29{text-align:start;}.elementor-11156 .elementor-element.elementor-element-04ec4cb{text-align:start;}.elementor-11156 .elementor-element.elementor-element-9070b99{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11156 .elementor-element.elementor-element-2db9bf64 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-11156 .elementor-element.elementor-element-18c0d9f3{text-align:start;font-size:10px;}.elementor-11156 .elementor-element.elementor-element-743a1e7c{text-align:center;}.elementor-11156 .elementor-element.elementor-element-3d0e96d{--justify-content:center;}.elementor-11156 .elementor-element.elementor-element-653ca39{--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-11156 .elementor-element.elementor-element-71125fb{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-f1a93d4{--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-df04f6c{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11156 .elementor-element.elementor-element-3b47eb6 > .elementor-widget-container{padding:0px 0px 0px 11px;}}@media(min-width:768px){.elementor-11156 .elementor-element.elementor-element-4054bf9{--width:18%;}.elementor-11156 .elementor-element.elementor-element-d0bdf1e{--width:130%;}.elementor-11156 .elementor-element.elementor-element-321c13d{--width:33.3333%;}.elementor-11156 .elementor-element.elementor-element-7f8aa56{--width:66.6666%;}.elementor-11156 .elementor-element.elementor-element-9a418fb{--width:50%;}.elementor-11156 .elementor-element.elementor-element-5c4e622{--width:48.3%;}.elementor-11156 .elementor-element.elementor-element-dce5331{--width:42.796%;}.elementor-11156 .elementor-element.elementor-element-4a9cbaf{--width:66.6666%;}.elementor-11156 .elementor-element.elementor-element-d6c405f{--width:10.971%;}.elementor-11156 .elementor-element.elementor-element-05ed100{--width:10.971%;}.elementor-11156 .elementor-element.elementor-element-aac31da{--width:10.971%;}.elementor-11156 .elementor-element.elementor-element-7e2b5a3{--width:10.971%;}.elementor-11156 .elementor-element.elementor-element-7e17ad62{--width:40.089%;}.elementor-11156 .elementor-element.elementor-element-3f7a1d67{--width:90.208%;}.elementor-11156 .elementor-element.elementor-element-653ca39{--content-width:1300px;}.elementor-11156 .elementor-element.elementor-element-210b389{--content-width:1300px;}.elementor-11156 .elementor-element.elementor-element-de3e88b{--width:50%;}.elementor-11156 .elementor-element.elementor-element-71125fb{--width:50%;}.elementor-11156 .elementor-element.elementor-element-f7e1ac5{--width:50%;}.elementor-11156 .elementor-element.elementor-element-514243f3{--width:50%;}.elementor-11156 .elementor-element.elementor-element-1c49602{--width:50%;}.elementor-11156 .elementor-element.elementor-element-aa11e17{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11156 .elementor-element.elementor-element-d06e5e7{--width:528px;}}/* Start custom CSS for container, class: .elementor-element-b17ba0b */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');
/* ============================================================
1. HERO PARENT CONTAINER
============================================================ */
.elementor-element-b17ba0b {
position: relative !important;
background-color: #0F1419 !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
}
/* Left edge green stripe accent */
.elementor-element-b17ba0b::before {
content: "";
position: absolute;
background: linear-gradient(180deg, #4A7C2E 0%, #8BC34A 100%);
}
/* ============================================================
2. INNER GRID — Hero content LEFT, Stats card RIGHT
============================================================ */
.elementor-element-b17ba0b > .e-con-inner {
position: relative !important;
max-width: 1320px !important;
width: 100% !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1.5fr 1fr !important;
gap: 5rem !important;
align-items: center !important;
padding: 0 !important;
}
/* ============================================================
3. HERO CONTENT COLUMN (LEFT SIDE)
============================================================ */
.elementor-element-d0bdf1e {
order: 1 !important;
color: #FFFFFF !important;
padding: 0 !important;
max-width: 720px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
/* --- EYEBROW: "Matraville · Est. in Heffron Park" --- */
.elementor-element-81467a7 {
width: auto !important;
padding: 0 !important;
}
.elementor-element-81467a7 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-81467a7 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.95rem !important;
color: #A8D66C !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.elementor-element-81467a7 .elementor-heading-title::before {
content: "";
display: inline-block;
width: 3rem;
height: 2px;
background: #A8D66C;
flex-shrink: 0;
z-index: 0;
}
/* --- MAIN HEADLINE H2: "Tennis Lives Here." --- */
.elementor-element-2e7128d {
width: 100% !important;
padding: 0 !important;
}
.elementor-element-2e7128d > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-2e7128d .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
line-height: 0.88 !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
text-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
white-space: pre-line !important;
}
/* --- SUBHEADLINE PARAGRAPH --- */
.elementor-element-2bdd623 {
width: 100% !important;
margin: 0 0 2.75rem 0 !important;
padding: 0 !important;
}
.elementor-element-2bdd623 p {
font-size: 1.15rem !important;
line-height: 1.65 !important;
color: rgba(255, 255, 255, 0.9) !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
.elementor-11156 .elementor-element.elementor-element-d0bdf1e.e-con {
z-index: 0;
}
/* ============================================================
4. BUTTONS ROW
============================================================ */
/* --- PRIMARY BUTTON: "Book a Court" --- */
.elementor-element-161b53b {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.elementor-element-161b53b > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-161b53b .elementor-button-wrapper {
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-161b53b .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 1.15rem 2.5rem !important;
background: #4A7C2E !important;
color: #FFFFFF !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
font-size: 0.85rem !important;
line-height: 1 !important;
border-radius: 2px !important;
border: 2px solid #4A7C2E !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(74, 124, 46, 0.35) !important;
min-height: auto !important;
height: auto !important;
}
.elementor-element-161b53b .elementor-button:hover {
background: #5B9538 !important;
border-color: #5B9538 !important;
transform: translateY(-3px) !important;
box-shadow: 0 14px 30px rgba(74, 124, 46, 0.5) !important;
}
.elementor-element-161b53b .elementor-button-text {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
.elementor-element-161b53b .elementor-button-text::after {
content: "→";
display: inline-block;
font-size: 1.1rem;
transition: transform 0.2s;
line-height: 1;
}
.elementor-element-161b53b .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* --- SECONDARY BUTTON: "View Programs" --- */
.elementor-element-f227ae5 {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-f227ae5 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-f227ae5 .elementor-button-wrapper {
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-f227ae5 .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important;
padding: 1.15rem 2.25rem !important;
background: transparent !important;
color: #FFFFFF !important;
font-family: 'Inter', sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
font-size: 0.85rem !important;
line-height: 1 !important;
border-radius: 2px !important;
border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
min-height: auto !important;
height: auto !important;
}
.elementor-element-f227ae5 .elementor-button:hover {
background: rgba(255, 255, 255, 0.08) !important;
border-color: #FFFFFF !important;
transform: translateY(-3px) !important;
}
/* ============================================================
5. STATS CARD (RIGHT SIDE)
============================================================ */
.elementor-element-4054bf9 {
order: 2 !important;
background: #FFFFFF !important;
padding: 2.5rem 2.25rem !important;
border-radius: 4px !important;
border-left: 4px solid #4A7C2E !important;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35) !important;
position: relative !important;
max-width: 340px !important;
width: 100% !important;
justify-self: end !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
align-items: stretch !important;
}
/* --- BIG "10" NUMBER --- */
.elementor-element-c2c1d9e {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-c2c1d9e > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-c2c1d9e .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 5.5rem !important;
line-height: 0.9 !important;
color: #4A7C2E !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
text-align: left !important;
}
/* --- "Courts Available" LABEL --- */
.elementor-element-1f03224 {
width: 100% !important;
margin: 0.5rem 0 1.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-1f03224 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-1f03224 .elementor-heading-title {
font-family: 'Inter', sans-serif !important;
font-size: 0.72rem !important;
font-weight: 600 !important;
letter-spacing: 0.22em !important;
text-transform: uppercase !important;
color: #6B7280 !important;
margin: 0 !important;
padding: 0 0 1.25rem 0 !important;
border-bottom: 1px solid #E5E7EB !important;
text-align: left !important;
line-height: 1 !important;
}
/* --- MINI STATS ROWS (Hard Courts, Synthetic Grass, Open Daily) --- */
.elementor-element-018edd7 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-018edd7 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
.elementor-element-018edd7 .mini-stat {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 0.85rem 0 !important;
border-bottom: 1px solid #F0F0F0 !important;
background: transparent !important;
font-family: 'Inter', sans-serif !important;
font-size: 0.92rem !important;
color: #4B5563 !important;
font-weight: 500 !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.elementor-element-018edd7 .mini-stat:first-child {
padding-top: 0 !important;
}
.elementor-element-018edd7 .mini-stat:last-child {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.elementor-element-018edd7 .mini-stat strong {
color: #0F1419 !important;
font-weight: 700 !important;
font-size: 1rem !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-family: 'Inter', sans-serif !important;
line-height: 1 !important;
}
/* ============================================================
6. RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-b17ba0b {
min-height: auto !important;
padding: 4rem 1.5rem !important;
}
.elementor-element-b17ba0b > .e-con-inner {
grid-template-columns: 1fr !important;
gap: 3rem !important;
}
.elementor-element-d0bdf1e {
order: 1 !important;
max-width: 100% !important;
}
.elementor-element-4054bf9 {
order: 2 !important;
max-width: 100% !important;
justify-self: stretch !important;
}
}
/* ============================================================
7. RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-b17ba0b {
padding: 3rem 1.25rem !important;
min-height: auto !important;
}
.elementor-element-4054bf9 {
padding: 1.75rem 1.5rem !important;
}
.elementor-element-c2c1d9e .elementor-heading-title {
font-size: 4.5rem !important;
}
.elementor-element-81467a7 .elementor-heading-title {
font-size: 0.8rem !important;
letter-spacing: 0.28em !important;
}
.elementor-element-81467a7 .elementor-heading-title::before {
width: 2rem !important;
}
.elementor-element-2bdd623 p {
font-size: 1rem !important;
margin: 0 0 2rem 0 !important;
}
.elementor-element-d06e5e7 {
flex-direction: column !important;
width: 100% !important;
align-items: stretch !important;
}
.elementor-element-161b53b,
.elementor-element-f227ae5 {
width: 100% !important;
}
.elementor-element-161b53b .elementor-button,
.elementor-element-f227ae5 .elementor-button {
width: 100% !important;
justify-content: center !important;
}
}
/* ============================================================
8. ANIMATIONS (fade & slide on page load)
============================================================ */
.elementor-element-d0bdf1e > * {
animation: heroFadeUp 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.elementor-element-d0bdf1e > *:nth-child(1) { animation-delay: 0.15s; }
.elementor-element-d0bdf1e > *:nth-child(2) { animation-delay: 0.28s; }
.elementor-element-d0bdf1e > *:nth-child(3) { animation-delay: 0.42s; }
.elementor-element-d0bdf1e > *:nth-child(4) { animation-delay: 0.55s; }
.elementor-element-4054bf9 {
animation: heroSlideIn 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s both;
}
@keyframes heroFadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes heroSlideIn {
from { opacity: 0; transform: translateX(30px); }
to { opacity: 1; transform: translateX(0); }
}
/* END OF FILE *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b2f43 */.elementor-element-a030abc {
max-width: 1320px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1fr auto !important;
grid-template-areas:
"eyebrow ."
"heading button"
"text ."
!important;
gap: 0 !important;
align-items: end !important;
row-gap: 1.5rem !important;
column-gap: 3rem !important;
}
/* ============================================================
1. EYEBROW: "— What's On"
============================================================ */
.elementor-element-56e0e29 {
grid-area: eyebrow !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-56e0e29 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-56e0e29 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.95rem !important;
color: #4A7C2E !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.elementor-element-56e0e29 .elementor-heading-title::before {
content: "";
display: inline-block;
width: 3rem;
height: 2px;
background: #4A7C2E;
flex-shrink: 0;
}
/* ============================================================
2. MAIN H2: "PROGRAMS FOR every player."
============================================================ */
.elementor-element-04ec4cb {
grid-area: heading !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-04ec4cb > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
/* Style the actual heading */
.elementor-element-04ec4cb .secondsection-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: clamp(3rem, 6.5vw, 5.5rem) !important;
line-height: 0.95 !important;
color: #0F1419 !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
}
/* Italic green accent for "every player." */
.elementor-element-04ec4cb .secondsection-title .italic {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-style: italic !important;
color: #4A7C2E !important;
display: inline-block !important;
font-weight: 400 !important;
}
/* ============================================================
3. SUBTEXT PARAGRAPH
============================================================ */
.elementor-element-9507393 {
grid-area: text !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.elementor-element-9507393 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-9507393 p {
font-family: 'Inter', sans-serif !important;
font-size: 1.05rem !important;
line-height: 1.65 !important;
color: #4B5563 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
4. "SEE ALL →" BUTTON (dark, right-aligned)
============================================================ */
.elementor-element-f3c877c {
grid-area: button !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
align-self: end !important;
}
.elementor-element-f3c877c > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-f3c877c .elementor-button-wrapper {
text-align: right !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-f3c877c .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.75rem !important;
padding: 1.15rem 2.5rem !important;
background: #0F1419 !important;
color: #FFFFFF !important;
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
font-size: 0.85rem !important;
line-height: 1 !important;
border-radius: 2px !important;
border: 2px solid #0F1419 !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
box-shadow: 0 6px 15px rgba(15, 20, 25, 0.15) !important;
min-height: auto !important;
height: auto !important;
}
.elementor-element-f3c877c .elementor-button:hover {
background: #4A7C2E !important;
border-color: #4A7C2E !important;
transform: translateY(-3px) !important;
box-shadow: 0 12px 25px rgba(74, 124, 46, 0.35) !important;
}
.elementor-element-f3c877c .elementor-button-text {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
/* ============================================================
RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-a030abc {
padding: 4rem 1.5rem 2rem !important;
grid-template-columns: 1fr !important;
grid-template-areas:
"eyebrow"
"heading"
"text"
"button" !important;
gap: 1.5rem !important;
align-items: start !important;
}
.elementor-element-f3c877c {
align-self: start !important;
margin-top: 1rem !important;
}
.elementor-element-f3c877c .elementor-button-wrapper {
text-align: left !important;
}
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-a030abc {
padding: 3rem 1.25rem 2rem !important;
row-gap: 1.25rem !important;
}
.elementor-element-56e0e29 .elementor-heading-title {
font-size: 0.8rem !important;
letter-spacing: 0.28em !important;
}
.elementor-element-56e0e29 .elementor-heading-title::before {
width: 2rem !important;
}
.elementor-element-04ec4cb .secondsection-title {
font-size: 2.5rem !important;
}
.elementor-element-9507393 p {
font-size: 0.95rem !important;
}
.elementor-element-f3c877c {
width: 100% !important;
}
.elementor-element-f3c877c .elementor-button {
width: 100% !important;
justify-content: center !important;
}
}
/* ============================================================
ANIMATIONS
============================================================ */
.elementor-element-a030abc > * {
animation: sectionFadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.elementor-element-a030abc > *:nth-child(1) { animation-delay: 0.1s; }
.elementor-element-a030abc > *:nth-child(2) { animation-delay: 0.2s; }
.elementor-element-a030abc > *:nth-child(3) { animation-delay: 0.3s; }
.elementor-element-a030abc > *:nth-child(4) { animation-delay: 0.4s; }
@keyframes sectionFadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* ==========================================================================
HEFFRON TENNIS — COACHES SECTION (ENHANCED & BUG-FIXED)
========================================================================== */
/* ============ CSS VARIABLES ============ */
:root {
--green: #4A7C2E;
--green-dark: #2E5219;
--green-light: #E4EDD6;
--green-accent: #84CC16; /* High-contrast green for dark backgrounds */
--navy: #17293D;
--ink: #1B2A22;
--body-text: #5A6259;
--line: #E2E4DA;
--white: #FFFFFF;
--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
--shadow-md: 0 12px 28px rgba(0, 0, 0, 0.15);
--shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.25);
}
/* ============ HIDE DUPLICATE ROLE WIDGET ============ */
.elementor-element-2749b0ab {
display: none !important;
}
/* ============ EYEBROW LINE — 38a03e52 ============ */
.elementor-element-38a03e52 .elementor-heading-title {
display: inline-flex;
align-items: center;
gap: 12px;
background: none;
font-size: 13px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--ink);
}
.elementor-element-38a03e52 .elementor-heading-title::before {
content: "";
display: inline-block;
width: 32px;
height: 2px;
background: var(--green);
flex-shrink: 0;
}
/* ============ MAIN HEADING — 2db9bf64 ============ */
.elementor-element-2db9bf64 .elementor-heading-title h2 {
font-size: clamp(32px, 4.5vw, 58px);
font-weight: 800;
line-height: 1.08;
letter-spacing: -1px;
color: var(--ink);
margin: 0;
}
.elementor-element-2db9bf64 .accent {
display: block;
font-style: italic;
font-weight: 900;
letter-spacing: -0.5px;
color: var(--green-dark);
}
/* ============ INTRO PARAGRAPH — 383671bc ============ */
.elementor-element-383671bc .elementor-widget-container p {
font-size: 16px;
line-height: 1.65;
color: var(--body-text);
margin: 0;
}
/* ============ PHOTO PANEL — 7e17ad62 ============ */
.elementor-element-7e17ad62 {
position: relative !important;
min-height: 380px;
border-radius: 20px !important;
overflow: hidden !important;
box-shadow: var(--shadow-md);
}
.elementor-element-7e17ad62::before {
content: "";
position: absolute;
inset: 0;
background: inherit;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
z-index: 0;
}
.elementor-element-7e17ad62:hover::before {
transform: scale(1.04);
}
/* ============ OVERLAY NAME BADGE FIX — 3f7a1d67 ============ */
.elementor-element-3f7a1d67 {
position: absolute !important;
left: 16px !important;
bottom: 16px !important;
top: auto !important;
right: auto !important;
background: #ffffff !important;
padding: 12px 18px !important;
border-radius: 12px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
z-index: 10 !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
width: fit-content !important;
max-width: calc(100% - 32px) !important;
}
/* Fix text collision inside badge */
.elementor-element-5eefb078,
.elementor-element-5eefb078 .elementor-widget-container,
.elementor-element-5eefb078 .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
line-height: 1.2 !important;
font-size: 18px !important;
font-weight: 800 !important;
color: var(--ink) !important;
}
.elementor-element-18c0d9f3,
.elementor-element-18c0d9f3 .elementor-widget-container,
.elementor-element-18c0d9f3 p {
margin: 0 !important;
padding: 0 !important;
line-height: 1.3 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: var(--green-dark) !important;
}
/* ============ FEATURE HEADINGS & SVG ICONS ============ */
.elementor-element-6ade3341 .elementor-heading-title,
.elementor-element-5f9dff1d .elementor-heading-title,
.elementor-element-ea51aa1 .elementor-heading-title,
.elementor-element-59b9976a .elementor-heading-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 700;
color: var(--ink);
margin: 0;
}
.elementor-element-6ade3341 .elementor-heading-title::before,
.elementor-element-5f9dff1d .elementor-heading-title::before,
.elementor-element-ea51aa1 .elementor-heading-title::before,
.elementor-element-59b9976a .elementor-heading-title::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--green);
flex-shrink: 0;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* SVG Mask Icons */
.elementor-element-6ade3341 .elementor-heading-title::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");
}
.elementor-element-5f9dff1d .elementor-heading-title::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 2.5l7.5 3v5.2c0 5-3.2 8.7-7.5 10.8-4.3-2.1-7.5-5.8-7.5-10.8V5.5z'/%3E%3Cpath d='M9 12l2 2 4-4.2'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 2.5l7.5 3v5.2c0 5-3.2 8.7-7.5 10.8-4.3-2.1-7.5-5.8-7.5-10.8V5.5z'/%3E%3Cpath d='M9 12l2 2 4-4.2'/%3E%3C/svg%3E");
}
.elementor-element-ea51aa1 .elementor-heading-title::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v9M7.5 12h9'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v9M7.5 12h9'/%3E%3C/svg%3E");
}
.elementor-element-59b9976a .elementor-heading-title::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 19V13'/%3E%3Cpath d='M12 19V9'/%3E%3Cpath d='M19 19V5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 19V13'/%3E%3Cpath d='M12 19V9'/%3E%3Cpath d='M19 19V5'/%3E%3C/svg%3E");
}
/* Feature Descriptions */
.elementor-element-7857e538 .elementor-widget-container p,
.elementor-element-6acc85b1 .elementor-widget-container p,
.elementor-element-5a837e11 .elementor-widget-container p,
.elementor-element-27464c29 .elementor-widget-container p {
padding-left: 30px;
font-size: 13.5px;
line-height: 1.45;
color: var(--body-text);
margin-top: 3px;
}
/* ============ PILL BADGES — 743a1e7c ============ */
.elementor-element-743a1e7c .elementor-widget-container p {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
}
.elementor-element-743a1e7c .pill {
display: inline-flex;
align-items: center;
padding: 6px 14px;
margin: 0 !important;
background: rgba(228, 237, 214, 0.7);
border: 1px solid rgba(74, 124, 46, 0.2);
border-radius: 999px;
font-size: 13px;
font-weight: 600;
color: var(--green-dark);
transition: all 0.25s ease;
}
.elementor-element-743a1e7c .pill:hover {
background: var(--green);
border-color: var(--green);
color: var(--white);
transform: translateY(-2px);
}
/* ============ ACTION BUTTONS — 3d0e96d ============ */
.elementor-element-536758b1 .elementor-button {
background: var(--green) !important;
color: var(--white) !important;
border-radius: 50px !important;
font-weight: 700 !important;
padding: 12px 24px !important;
box-shadow: 0 4px 14px rgba(74, 124, 46, 0.3) !important;
transition: all 0.25s ease !important;
}
.elementor-element-536758b1 .elementor-button:hover {
background: var(--green-dark) !important;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(46, 82, 25, 0.4) !important;
}
.elementor-element-23c02515 .elementor-button {
background: transparent !important;
border: 2px solid var(--navy) !important;
color: var(--navy) !important;
border-radius: 50px !important;
font-weight: 700 !important;
padding: 11px 24px !important;
transition: all 0.25s ease !important;
}
.elementor-element-23c02515 .elementor-button:hover {
background: var(--navy) !important;
color: var(--white) !important;
transform: translateY(-2px);
}
/* ============ BOTTOM DARK COACH CARDS FIX — 957e528 ============ */
.elementor-element-0b0af29,
.elementor-element-4db3f5a,
.elementor-element-0de9459 {
position: relative !important;
border-radius: 16px !important;
padding: 28px 24px !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: var(--shadow-md) !important;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
overflow: hidden !important;
}
/* Card Hover Elevation */
.elementor-element-0b0af29:hover,
.elementor-element-4db3f5a:hover,
.elementor-element-0de9459:hover {
transform: translateY(-6px) !important;
border-color: var(--green-accent) !important;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4), 0 0 20px rgba(132, 204, 22, 0.2) !important;
}
/* Category Label (Vibrant Neon Green) */
.elementor-element-36cd358 .elementor-heading-title,
.elementor-element-1f0a3c6 .elementor-heading-title,
.elementor-element-6fbc647 .elementor-heading-title {
font-size: 11.5px !important;
font-weight: 800 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: var(--green-accent) !important;
margin-bottom: 4px !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
/* Coach Name Header (Bright Pure White) */
.elementor-element-6e34371 h3,
.elementor-element-b89c006 h3,
.elementor-element-b3904eb h3 {
font-size: 24px !important;
font-weight: 800 !important;
color: #FFFFFF !important;
margin: 0 0 10px 0 !important;
letter-spacing: -0.3px !important;
text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
/* Bio Text Fix (High Contrast Off-White) */
.elementor-element-7288ef7 p,
.elementor-element-d5cfcdf p,
.elementor-element-7f1f7d6 p {
font-size: 14px !important;
line-height: 1.65 !important;
color: #E2E8F0 !important; /* High contrast reading text */
margin: 0 !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}
/* Responsive adjustments */
@media (max-width: 767px) {
.elementor-element-3f7a1d67 {
left: 12px !important;
bottom: 12px !important;
padding: 10px 14px !important;
}
.elementor-element-5eefb078 .elementor-heading-title {
font-size: 16px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e930dec */.elementor-element-e930dec .e-con-inner > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child {
position: relative !important;
overflow: hidden !important;
min-height: 420px !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-color: #0F1419 !important;
border-radius: 2px !important;
cursor: pointer !important;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: flex !important;
align-items: flex-end !important;
}
/* Dark gradient overlay for text readability */
.elementor-element-e930dec .e-con-inner > .e-child::before,
.elementor-element-a683ce7 .e-con-inner > .e-child::before,
.elementor-element-9070b99 .e-con-inner > .e-child::before,
.elementor-element-5186bcd .e-con-inner > .e-child::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(15, 20, 25, 0.92) 0%,
rgba(15, 20, 25, 0.55) 45%,
rgba(15, 20, 25, 0.15) 80%,
rgba(15, 20, 25, 0) 100%
);
z-index: 1;
pointer-events: none;
transition: opacity 0.3s;
}
/* Hover — lift effect */
.elementor-element-e930dec .e-con-inner > .e-child:hover,
.elementor-element-a683ce7 .e-con-inner > .e-child:hover,
.elementor-element-9070b99 .e-con-inner > .e-child:hover,
.elementor-element-5186bcd .e-con-inner > .e-child:hover {
transform: translateY(-6px) !important;
}
/* ============================================================
INNER CONTENT WRAPPER (nested container inside each card)
============================================================ */
.elementor-element-e930dec .e-con-inner > .e-child > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child > .e-child {
position: relative !important;
z-index: 2 !important;
padding: 2rem !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 0 !important;
background: transparent !important;
}
/* ============================================================
WIDGET 1 — TAG EYEBROW (1st heading widget)
Text like: "Ages 4–16 · Hot Shots", "1-on-1", "Beginner → Advanced"
============================================================ */
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(1),
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(1),
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(1),
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(1) {
width: auto !important;
margin: 0 0 0.75rem 0 !important;
padding: 0 !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(1) > .elementor-widget-container,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(1) > .elementor-widget-container,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(1) > .elementor-widget-container,
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(1) > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(1) .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 0.8rem !important;
letter-spacing: 0.25em !important;
color: #A8D66C !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
}
/* ============================================================
WIDGET 2 — MAIN TITLE (2nd heading widget)
Text like: "Kids Tennis", "Adult Groups", "Cardio Tennis"
============================================================ */
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(2),
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(2),
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(2),
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) {
width: 100% !important;
margin: 0 0 0.85rem 0 !important;
padding: 0 !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(2) > .elementor-widget-container,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(2) > .elementor-widget-container,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(2) > .elementor-widget-container,
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 2.75rem !important;
line-height: 0.95 !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================================
WIDGET 3 — DESCRIPTION PARAGRAPH (text editor widget)
============================================================ */
.elementor-element-e930dec .elementor-widget-text-editor,
.elementor-element-a683ce7 .elementor-widget-text-editor,
.elementor-element-9070b99 .elementor-widget-text-editor,
.elementor-element-5186bcd .elementor-widget-text-editor {
width: 100% !important;
max-width: 480px !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-e930dec .elementor-widget-text-editor > .elementor-widget-container,
.elementor-element-a683ce7 .elementor-widget-text-editor > .elementor-widget-container,
.elementor-element-9070b99 .elementor-widget-text-editor > .elementor-widget-container,
.elementor-element-5186bcd .elementor-widget-text-editor > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e930dec .elementor-widget-text-editor p,
.elementor-element-a683ce7 .elementor-widget-text-editor p,
.elementor-element-9070b99 .elementor-widget-text-editor p,
.elementor-element-5186bcd .elementor-widget-text-editor p {
font-family: 'Inter', sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.6 !important;
color: rgba(255, 255, 255, 0.88) !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
WIDGET 4 — LEARN MORE / BOOK / JOIN BUTTON
============================================================ */
.elementor-element-e930dec .elementor-widget-button,
.elementor-element-a683ce7 .elementor-widget-button,
.elementor-element-9070b99 .elementor-widget-button,
.elementor-element-5186bcd .elementor-widget-button {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-e930dec .elementor-widget-button > .elementor-widget-container,
.elementor-element-a683ce7 .elementor-widget-button > .elementor-widget-container,
.elementor-element-9070b99 .elementor-widget-button > .elementor-widget-container,
.elementor-element-5186bcd .elementor-widget-button > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e930dec .elementor-widget-button .elementor-button-wrapper,
.elementor-element-a683ce7 .elementor-widget-button .elementor-button-wrapper,
.elementor-element-9070b99 .elementor-widget-button .elementor-button-wrapper,
.elementor-element-5186bcd .elementor-widget-button .elementor-button-wrapper {
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.elementor-element-e930dec .elementor-widget-button .elementor-button,
.elementor-element-a683ce7 .elementor-widget-button .elementor-button,
.elementor-element-9070b99 .elementor-widget-button .elementor-button,
.elementor-element-5186bcd .elementor-widget-button .elementor-button {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
padding: 0 0 0.5rem 0 !important;
background: transparent !important;
color: #FFFFFF !important;
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.22em !important;
text-transform: uppercase !important;
font-size: 0.9rem !important;
line-height: 1 !important;
border-radius: 0 !important;
border: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
box-shadow: none !important;
min-height: auto !important;
height: auto !important;
min-width: 90px !important;
}
.elementor-element-e930dec .elementor-widget-button .elementor-button:hover,
.elementor-element-a683ce7 .elementor-widget-button .elementor-button:hover,
.elementor-element-9070b99 .elementor-widget-button .elementor-button:hover,
.elementor-element-5186bcd .elementor-widget-button .elementor-button:hover {
color: #A8D66C !important;
border-bottom-color: #A8D66C !important;
background: transparent !important;
padding-right: 0.35rem !important;
}
.elementor-element-e930dec .elementor-widget-button .elementor-button-text::after,
.elementor-element-a683ce7 .elementor-widget-button .elementor-button-text::after,
.elementor-element-9070b99 .elementor-widget-button .elementor-button-text::after,
.elementor-element-5186bcd .elementor-widget-button .elementor-button-text::after {
content: "→";
display: inline-block;
margin-left: 0.5rem;
font-size: 1rem;
transition: transform 0.2s;
}
.elementor-element-e930dec .elementor-widget-button .elementor-button:hover .elementor-button-text::after,
.elementor-element-a683ce7 .elementor-widget-button .elementor-button:hover .elementor-button-text::after,
.elementor-element-9070b99 .elementor-widget-button .elementor-button:hover .elementor-button-text::after,
.elementor-element-5186bcd .elementor-widget-button .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* ============================================================
ROW 4 — WIDE PICKLEBALL BANNER (special layout)
============================================================ */
.elementor-element-5186bcd .e-con-inner > .e-child {
min-height: 320px !important;
}
.elementor-element-5186bcd .e-con-inner > .e-child > .e-child {
padding: 3rem !important;
max-width: 65% !important;
}
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-size: 3.5rem !important;
}
/* ============================================================
RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-e930dec .e-con-inner > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child {
min-height: 380px !important;
}
.elementor-element-e930dec .e-con-inner > .e-child > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child > .e-child {
padding: 1.75rem !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-size: 2.25rem !important;
}
.elementor-element-5186bcd .e-con-inner > .e-child > .e-child {
max-width: 100% !important;
}
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-size: 2.75rem !important;
}
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-e930dec .e-con-inner > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child {
min-height: 340px !important;
}
.elementor-element-e930dec .e-con-inner > .e-child > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child > .e-child {
padding: 1.5rem !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(1) .elementor-heading-title,
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(1) .elementor-heading-title {
font-size: 0.72rem !important;
letter-spacing: 0.22em !important;
}
.elementor-element-e930dec .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-a683ce7 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.elementor-element-9070b99 .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-size: 2rem !important;
}
.elementor-element-5186bcd .elementor-widget-heading:nth-of-type(2) .elementor-heading-title {
font-size: 2.25rem !important;
}
.elementor-element-e930dec .elementor-widget-text-editor p,
.elementor-element-a683ce7 .elementor-widget-text-editor p,
.elementor-element-9070b99 .elementor-widget-text-editor p,
.elementor-element-5186bcd .elementor-widget-text-editor p {
font-size: 0.9rem !important;
}
}
/* ============================================================
ANIMATIONS — staggered fade in
============================================================ */
.elementor-element-e930dec .e-con-inner > .e-child,
.elementor-element-a683ce7 .e-con-inner > .e-child,
.elementor-element-9070b99 .e-con-inner > .e-child,
.elementor-element-5186bcd .e-con-inner > .e-child {
animation: cardFadeUp 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.e-con-inner > .e-child:nth-child(1) { animation-delay: 0.1s; }
.e-con-inner > .e-child:nth-child(2) { animation-delay: 0.2s; }
.e-con-inner > .e-child:nth-child(3) { animation-delay: 0.3s; }
@keyframes cardFadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.elementor-element-887eb5e {
padding: 0 !important;
max-width: 100% !important;
width: 100% !important;
overflow: hidden !important;
}
.elementor-element-887eb5e > .e-con-inner {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 !important;
align-items: stretch !important;
}
/* ============================================================
LEFT — IMAGE COLUMN
============================================================ */
.elementor-element-dce5331 {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-height: 700px !important;
height: 100% !important;
display: block !important;
overflow: hidden !important;
position: relative !important;
}
.elementor-element-dce5331 > .elementor-widget-image,
.elementor-element-4580f5e {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
.elementor-element-4580f5e > .elementor-widget-container {
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-4580f5e img {
width: 100% !important;
height: 100% !important;
min-height: 700px !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
max-width: none !important;
}
/* ============================================================
RIGHT — CONTENT COLUMN
============================================================ */
.elementor-element-4a9cbaf {
padding: 5rem 4rem !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 100% !important;
gap: 0 !important;
}
/* ============================================================
EYEBROW — "— WHY HEFFRON PARK"
============================================================ */
.elementor-element-862f04a {
width: auto !important;
max-width: none !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-862f04a > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-862f04a .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.9rem !important;
color: #4A7C2E !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.elementor-element-862f04a .elementor-heading-title::before {
content: "";
display: inline-block;
width: 3rem;
height: 2px;
background: #4A7C2E;
flex-shrink: 0;
}
/* ============================================================
MAIN TITLE — "A CLUB, NOT JUST A CENTRE."
============================================================ */
.elementor-element-2255c0c {
width: 100% !important;
max-width: 500px !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-2255c0c > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-2255c0c .elementor-heading-title:empty {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-2255c0c .section-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: clamp(2.5rem, 4vw, 3.5rem) !important;
line-height: 0.95 !important;
color: #0F1419 !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
}
.elementor-element-2255c0c .section-title .italic {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-style: italic !important;
color: #4A7C2E !important;
display: inline-block !important;
font-weight: 400 !important;
}
/* ============================================================
INTRO PARAGRAPH
============================================================ */
.elementor-element-3cc5049 {
width: 100% !important;
max-width: 500px !important;
margin: 0 0 2.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-3cc5049 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-3cc5049 p {
font-family: 'Poppins', -apple-system, sans-serif !important;
font-size: 0.98rem !important;
line-height: 1.65 !important;
color: #4B5563 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
ITEM ROW CONTAINERS
============================================================ */
.elementor-element-cde2bd9,
.elementor-element-b142157,
.elementor-element-145cbd3,
.elementor-element-ed3ee1f {
width: 100% !important;
max-width: 550px !important;
margin: 0 !important;
padding: 1.25rem 0 !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 1.5rem !important;
align-items: flex-start !important;
border-bottom: 1px solid rgba(74, 124, 46, 0.15) !important;
}
.elementor-element-ed3ee1f {
border-bottom: none !important;
}
/* ============================================================
ITEM 1 — Content order 2, Number order 1
============================================================ */
.elementor-element-d3b712f {
order: 2 !important;
flex: 1 1 auto !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
.elementor-element-d6c405f {
order: 1 !important;
flex: 0 0 50px !important;
width: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
padding: 0 !important;
margin: 0 !important;
}
/* ============================================================
ITEMS 2, 3, 4 — Normal order
============================================================ */
.elementor-element-05ed100,
.elementor-element-aac31da,
.elementor-element-7e2b5a3 {
flex: 0 0 50px !important;
width: 50px !important;
min-width: 50px !important;
max-width: 50px !important;
padding: 0 !important;
margin: 0 !important;
order: 1 !important;
}
.elementor-element-2e316d4,
.elementor-element-d202d3d,
.elementor-element-f6df38f {
flex: 1 1 auto !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
order: 2 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
/* ============================================================
NUMBERS (01, 02, 03, 04)
============================================================ */
.elementor-element-ce00049,
.elementor-element-2291e51,
.elementor-element-3595bf8,
.elementor-element-95038b7 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-ce00049 > .elementor-widget-container,
.elementor-element-2291e51 > .elementor-widget-container,
.elementor-element-3595bf8 > .elementor-widget-container,
.elementor-element-95038b7 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-ce00049 .elementor-heading-title,
.elementor-element-2291e51 .elementor-heading-title,
.elementor-element-3595bf8 .elementor-heading-title,
.elementor-element-95038b7 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 1.75rem !important;
color: #4A7C2E !important;
font-weight: 400 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
letter-spacing: 0.02em !important;
}
.elementor-element-ce00049 .elementor-heading-title::before,
.elementor-element-2291e51 .elementor-heading-title::before,
.elementor-element-3595bf8 .elementor-heading-title::before,
.elementor-element-95038b7 .elementor-heading-title::before {
content: "0";
}
/* ============================================================
ITEM TITLES
============================================================ */
.elementor-element-532be7a,
.elementor-element-3a6d0f2,
.elementor-element-56d054e,
.elementor-element-a177cea {
width: 100% !important;
margin: 0 0 0.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-532be7a > .elementor-widget-container,
.elementor-element-3a6d0f2 > .elementor-widget-container,
.elementor-element-56d054e > .elementor-widget-container,
.elementor-element-a177cea > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-532be7a .elementor-heading-title,
.elementor-element-3a6d0f2 .elementor-heading-title,
.elementor-element-56d054e .elementor-heading-title,
.elementor-element-a177cea .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 1.15rem !important;
color: #0F1419 !important;
font-weight: 400 !important;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
/* ============================================================
ITEM DESCRIPTIONS
============================================================ */
.elementor-element-949e419,
.elementor-element-b4074a7,
.elementor-element-9728556,
.elementor-element-2d1b8f1 {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-949e419 > .elementor-widget-container,
.elementor-element-b4074a7 > .elementor-widget-container,
.elementor-element-9728556 > .elementor-widget-container,
.elementor-element-2d1b8f1 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-949e419 p,
.elementor-element-b4074a7 p,
.elementor-element-9728556 p,
.elementor-element-2d1b8f1 p {
font-family: 'Poppins', -apple-system, sans-serif !important;
font-size: 0.9rem !important;
line-height: 1.6 !important;
color: #6B7280 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-887eb5e > .e-con-inner {
grid-template-columns: 1fr !important;
}
.elementor-element-dce5331 {
min-height: 400px !important;
position: relative !important;
}
.elementor-element-dce5331 > .elementor-widget-image,
.elementor-element-4580f5e {
position: relative !important;
}
.elementor-element-4580f5e img {
min-height: 400px !important;
max-height: 500px !important;
}
.elementor-element-4a9cbaf {
padding: 4rem 2rem !important;
}
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-dce5331 {
min-height: 320px !important;
}
.elementor-element-4580f5e img {
min-height: 320px !important;
max-height: 400px !important;
}
.elementor-element-4a9cbaf {
padding: 3rem 1.5rem !important;
}
.elementor-element-2255c0c .section-title {
font-size: 2.25rem !important;
}
.elementor-element-cde2bd9,
.elementor-element-b142157,
.elementor-element-145cbd3,
.elementor-element-ed3ee1f {
gap: 1rem !important;
padding: 1rem 0 !important;
}
.elementor-element-d6c405f,
.elementor-element-05ed100,
.elementor-element-aac31da,
.elementor-element-7e2b5a3 {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
}
.elementor-element-ce00049 .elementor-heading-title,
.elementor-element-2291e51 .elementor-heading-title,
.elementor-element-3595bf8 .elementor-heading-title,
.elementor-element-95038b7 .elementor-heading-title {
font-size: 1.5rem !important;
}
.elementor-element-532be7a .elementor-heading-title,
.elementor-element-3a6d0f2 .elementor-heading-title,
.elementor-element-56d054e .elementor-heading-title,
.elementor-element-a177cea .elementor-heading-title {
font-size: 1rem !important;
letter-spacing: 0.05em !important;
}
.elementor-element-949e419 p,
.elementor-element-b4074a7 p,
.elementor-element-9728556 p,
.elementor-element-2d1b8f1 p {
font-size: 0.85rem !important;
}
}
/* Change this rule in your CSS: */
.elementor-element-dba33e1 {
position: relative !important;
min-height: 480px !important;
padding: 0 !important; /* ← was 6rem 2rem */
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* ============================================================
INNER CONTAINER — Center content
============================================================ */
.elementor-element-dba33e1 > .e-con-inner {
position: relative !important;
z-index: 2 !important;
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2rem !important;
text-align: center !important;
}
/* ============================================================
CONTENT WRAPPER (holds eyebrow + title + text)
============================================================ */
.elementor-element-4523f6c {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
text-align: center !important;
background: transparent !important;
}
/* ============================================================
EYEBROW — "— KIDS PROGRAM"
============================================================ */
.elementor-element-e7edab9 {
width: auto !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
text-align: center !important;
}
.elementor-element-e7edab9 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
}
.elementor-element-e7edab9 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.9rem !important;
color: #A8D66C !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 auto !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.elementor-element-e7edab9 .elementor-heading-title::before {
content: "";
display: inline-block;
width: 3rem;
height: 2px;
background: #A8D66C;
flex-shrink: 0;
}
/* ============================================================
MAIN TITLE — "FREE TRIAL FOR THE LITTLE ONES."
============================================================ */
.elementor-element-e8e6507 {
width: 100% !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
text-align: center !important;
}
.elementor-element-e8e6507 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e8e6507 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: clamp(3rem, 6vw, 5rem) !important;
line-height: 0.95 !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
margin: 0 auto !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
text-align: center !important;
max-width: 900px !important;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================================
DESCRIPTION PARAGRAPH
Remove blue link highlight, make it clean white text
============================================================ */
.elementor-element-6e5da8f {
width: 100% !important;
max-width: 700px !important;
margin: 0 auto 1rem auto !important;
padding: 0 !important;
text-align: center !important;
}
.elementor-element-6e5da8f > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
.elementor-element-6e5da8f p {
font-family: 'Poppins', -apple-system, sans-serif !important;
font-size: 1.1rem !important;
line-height: 1.65 !important;
color: rgba(255, 255, 255, 0.92) !important;
margin: 0 auto !important;
padding: 0 !important;
font-weight: 400 !important;
text-align: center !important;
background: transparent !important;
text-decoration: none !important;
}
/* Remove any link/highlight styling from paragraph */
.elementor-element-6e5da8f p a,
.elementor-element-6e5da8f a {
color: rgba(255, 255, 255, 0.92) !important;
background: transparent !important;
text-decoration: none !important;
border-bottom: none !important;
}
/* ============================================================
BUTTON — "BOOK A FREE TRIAL"
============================================================ */
.elementor-element-948f370 {
width: auto !important;
margin: 1rem auto 0 auto !important;
padding: 0 !important;
text-align: center !important;
align-self: center !important;
}
.elementor-element-948f370 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
}
.elementor-element-948f370 .elementor-button-wrapper {
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-948f370 .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.6rem !important;
padding: 1.25rem 3rem !important;
background: #4A7C2E !important;
color: #FFFFFF !important;
font-family: 'Inter', 'Poppins', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
font-size: 0.9rem !important;
line-height: 1 !important;
border-radius: 2px !important;
border: 2px solid #4A7C2E !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
box-shadow: 0 10px 25px rgba(74, 124, 46, 0.4) !important;
min-height: auto !important;
height: auto !important;
}
.elementor-element-948f370 .elementor-button:hover {
background: #5B9538 !important;
border-color: #5B9538 !important;
transform: translateY(-3px) !important;
box-shadow: 0 15px 35px rgba(74, 124, 46, 0.55) !important;
}
.elementor-element-948f370 .elementor-button-text {
display: inline-flex !important;
align-items: center !important;
}
/* ============================================================
RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-dba33e1 {
min-height: 400px !important;
padding: 5rem 1.5rem !important;
}
.elementor-element-e8e6507 .elementor-heading-title {
font-size: clamp(2.5rem, 5vw, 4rem) !important;
}
.elementor-element-6e5da8f p {
font-size: 1rem !important;
}
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-dba33e1 {
min-height: 380px !important;
padding: 4rem 1.25rem !important;
}
.elementor-element-dba33e1 > .e-con-inner {
gap: 1.5rem !important;
}
.elementor-element-e7edab9 .elementor-heading-title {
font-size: 0.8rem !important;
letter-spacing: 0.28em !important;
}
.elementor-element-e7edab9 .elementor-heading-title::before {
width: 2rem !important;
}
.elementor-element-e8e6507 .elementor-heading-title {
font-size: 2.25rem !important;
}
.elementor-element-6e5da8f p {
font-size: 0.95rem !important;
padding: 0 0.5rem !important;
}
.elementor-element-948f370 .elementor-button {
padding: 1.15rem 2rem !important;
font-size: 0.85rem !important;
width: 100% !important;
max-width: 320px !important;
}
}
/*Find US*/
.elementor-element-31c144b .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.9rem !important;
color: #4A7C2E !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.elementor-element-31c144b .elementor-heading-title::before {
content: '';
display: inline-block;
width: 30px;
height: 2px;
background-color: #4caf50;
flex-shrink: 0;
}
/* --- MAIN TITLE "RIGHT IN MATRAVILLE" (069fd7e) --- */
.elementor-element-069fd7e .elementor-heading-title {
display: none;
}
.elementor-element-069fd7e .section-title {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
color: #1a1a1a;
margin-bottom: 24px;
margin-top: 0;
font-family: 'Poppins', sans-serif;
}
.elementor-element-069fd7e .section-title .italic {
font-style: italic;
color: #4caf50;
}
.elementor-element-069fd7e .section-title br {
display: block;
content: '';
}
/* --- DESCRIPTION TEXT (616a726) --- */
.elementor-element-616a726 .elementor-widget-container p {
font-size: 16px;
color: #666666;
line-height: 1.6;
margin-bottom: 24px;
margin-top: 0;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* --- INFO LIST STYLES (3b47eb6) --- */
.elementor-element-3b47eb6 .info-list {
list-style: none;
padding: 0;
margin: 0 0 32px 0;
}
.elementor-element-3b47eb6 .info-list li {
font-size: 15px;
color: #555555;
line-height: 2;
margin-bottom: 0;
padding-bottom: 12px;
border-bottom: 1px solid #e8e8e8;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
display: flex;
align-items: center;
gap: 60px;
}
.elementor-element-3b47eb6 .info-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.elementor-element-3b47eb6 .info-list li strong {
font-weight: 700;
color: #4caf50;
display: inline-block;
min-width: 100px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.3px;
margin-right: 0;
flex-shrink: 0;
}
.elementor-element-3b47eb6 .info-list li a {
color: #333333;
text-decoration: none;
transition: color 0.3s ease;
font-weight: 400;
}
.elementor-element-3b47eb6 .info-list li a:hover {
color: #4caf50;
}
/* --- "WE SERVE" HEADING --- */
.elementor-element-3b47eb6 h3 {
font-size: 18px;
font-weight: 700;
color: #1a1a1a;
margin-top: 32px;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: 'Poppins', sans-serif;
}
/* --- SUBURBS/TAGS STYLES --- */
.elementor-element-3b47eb6 .suburbs {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
margin-bottom: 0;
}
.elementor-element-3b47eb6 .suburb-tag {
display: inline-block;
padding: 8px 16px;
border: 1.5px solid #d0d0d0;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
color: #1a1a1a;
background-color: #ffffff;
transition: all 0.3s ease;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
cursor: pointer;
}
.elementor-element-3b47eb6 .suburb-tag:hover {
border-color: #4caf50;
color: #4caf50;
background-color: #f0f8f4;
}
/* ================================================ */
/* RESPONSIVE ADJUSTMENTS */
/* ================================================ */
@media (max-width: 1024px) {
.elementor-element-069fd7e .section-title {
font-size: 42px;
}
}
@media (max-width: 768px) {
.elementor-element-31c144b .elementor-heading-title {
font-size: 12px;
margin-bottom: 20px;
}
.elementor-element-069fd7e .section-title {
font-size: 36px;
margin-bottom: 20px;
}
.elementor-element-616a726 .elementor-widget-container p {
font-size: 15px;
margin-bottom: 20px;
}
.elementor-element-3b47eb6 .info-list li {
font-size: 14px;
gap: 40px;
}
.elementor-element-3b47eb6 .suburbs {
gap: 10px;
}
.elementor-element-3b47eb6 .suburb-tag {
padding: 6px 12px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.elementor-element-31c144b .elementor-heading-title {
font-size: 11px;
margin-bottom: 16px;
}
.elementor-element-31c144b .elementor-heading-title::before {
width: 20px;
height: 1.5px;
margin-right: 6px;
}
.elementor-element-069fd7e .section-title {
font-size: 28px;
margin-bottom: 16px;
}
.elementor-element-616a726 .elementor-widget-container p {
font-size: 14px;
margin-bottom: 16px;
}
.elementor-element-3b47eb6 .info-list li {
font-size: 13px;
gap: 20px;
flex-direction: column;
align-items: flex-start;
}
.elementor-element-3b47eb6 .info-list li strong {
min-width: auto;
}
.elementor-element-3b47eb6 h3 {
font-size: 16px;
margin-top: 24px;
}
.elementor-element-3b47eb6 .suburbs {
gap: 8px;
}
.elementor-element-3b47eb6 .suburb-tag {
padding: 6px 10px;
font-size: 12px;
}
}
/*REVIEWS*/
.elementor-element-83d5f31 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.32em !important;
font-size: 0.9rem !important;
color: #4A7C2E !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.elementor-element-83d5f31 .elementor-heading-title::before {
content: '';
display: inline-block;
width: 30px;
height: 2px;
background-color: #4A7C2E;
flex-shrink: 0;
}
/* --- MAIN TITLE (ef9fe1f) --- */
.elementor-element-ef9fe1f .section-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: clamp(2.5rem, 4vw, 3.5rem) !important;
line-height: 0.95 !important;
color: #0F1419 !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: -0.01em !important;
}
.elementor-element-ef9fe1f .section-title .italic {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-style: italic !important;
color: #4A7C2E !important;
display: inline-block !important;
font-weight: 400 !important;
}
/* ================================================
RESPONSIVE ADJUSTMENTS
================================================ */
@media (max-width: 768px) {
.elementor-element-83d5f31 .elementor-heading-title {
font-size: 0.85rem;
margin-bottom: 16px;
gap: 0.75rem;
}
.elementor-element-83d5f31 .elementor-heading-title::before {
width: 25px;
height: 1.5px;
}
.elementor-element-ef9fe1f .section-title {
font-size: 42px;
margin-top: 16px;
}
}
@media (max-width: 480px) {
.elementor-element-83d5f31 .elementor-heading-title {
font-size: 0.8rem;
gap: 0.5rem;
}
.elementor-element-83d5f31 .elementor-heading-title::before {
width: 20px;
}
.elementor-element-ef9fe1f .section-title {
font-size: 32px;
margin-top: 12px;
}
}
/* ================================================
FAQ
================================================ */
.elementor-element-30429343 {
--ink: #0f1411;
--ink-2: #3a4038;
--muted: #7a8078;
--line: #e5e6e0;
--line-2: #d0d2ca;
--accent: #6b8f00;
--accent-soft: #e8f0d1;
--bg-soft: #f2f3ec;
}
/* Eyebrow */
.elementor-element-6111d8b1 .elementor-heading-title {
display: inline-flex;
align-items: center;
gap: 14px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ink-2);
}
.elementor-element-6111d8b1 .elementor-heading-title::before {
content: "";
width: 36px;
height: 1px;
background: var(--ink);
}
/* Main heading */
.elementor-element-7181d91c .faq_title,
.elementor-element-7181d91c .elementor-heading-title {
font-size: clamp(36px, 4.6vw, 60px);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.03em;
color: var(--ink);
margin: 0;
}
.elementor-element-7181d91c .faq_title span {
color: var(--accent);
font-style: italic;
font-weight: 700;
}
/* Lead paragraph */
.elementor-element-76b35fee p {
font-size: 16.5px;
line-height: 1.65;
color: var(--ink-2);
max-width: 420px;
margin: 0;
}
/* CTA button */
.elementor-element-44f04837 .elementor-button {
align-items: center;
letter-spacing: 0.16em;
border: 1px solid var(--ink);
}
.elementor-element-44f04837 .elementor-button:hover {
background: transparent;
color: var(--ink);
transform: translateY(-2px);
}
.elementor-element-44f04837 .elementor-button-text::after {
content: "→";
display: inline-block;
margin-left: 6px;
transition: transform .3s ease;
}
.elementor-element-44f04837 .elementor-button:hover .elementor-button-text::after {
transform: translateX(5px);
}
/* Stat block */
.elementor-element-6bcfe77a {
border-top: 1px solid var(--line-2);
padding-top: 26px;
margin-top: 24px;
}
.elementor-element-6bcfe77a .elementor-widget-container {
display: flex;
align-items: baseline;
gap: 18px;
margin: 0;
}
.elementor-element-6bcfe77a p {
display: flex;
align-items: baseline;
gap: 18px;
margin: 0;
}
.elementor-element-6bcfe77a .faq__stat-num {
font-size: 52px;
font-weight: 700;
line-height: 0.9;
color: var(--ink);
letter-spacing: -0.03em;
}
.elementor-element-6bcfe77a .nstg-faq__stat-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
line-height: 1.5;
}
/* ============================================================
RIGHT COLUMN — Numbered accordion
============================================================ */
.elementor-element-37e59663 .e-n-accordion {
display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--line-2);
counter-reset: faq-counter;
}
.elementor-element-37e59663 .e-n-accordion-item {
background: transparent;
border: 0;
border-bottom: 1px solid var(--line-2);
border-radius: 0;
transition: background-color .35s ease;
counter-increment: faq-counter;
}
.elementor-element-37e59663 .e-n-accordion-item:hover,
.elementor-element-37e59663 .e-n-accordion-item[open] {
background: var(--bg-soft);
}
/* Question row — force layout: number → question → +/− */
.elementor-element-37e59663 .e-n-accordion-item-title {
padding: 22px 24px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 28px !important;
cursor: pointer;
list-style: none;
text-align: left;
position: relative;
transition: padding .3s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title::-webkit-details-marker {
display: none;
}
/* Number 01 — FIRST (left) */
.elementor-element-37e59663 .e-n-accordion-item-title::before {
order: 1 !important;
content: counter(faq-counter, decimal-leading-zero);
flex-shrink: 0;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
color: var(--accent);
font-variant-numeric: tabular-nums;
min-width: 28px;
padding-top: 2px;
}
/* Question text — SECOND (middle, takes remaining space) */
.elementor-element-37e59663 .e-n-accordion-item-title-header {
order: 2 !important;
flex: 1 1 auto !important;
text-align: left;
margin: 0 !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 19px;
font-weight: 600;
line-height: 1.35;
color: var(--ink);
letter-spacing: -0.015em;
text-align: left;
transition: color .25s ease;
}
/* Pure-CSS + / − icon — THIRD (far right) */
.elementor-element-37e59663 .e-n-accordion-item-title-icon i,
.elementor-element-37e59663 .e-n-accordion-item-title-icon .e-opened,
.elementor-element-37e59663 .e-n-accordion-item-title-icon .e-closed {
display: none !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon {
order: 3 !important;
margin-left: auto !important;
flex-shrink: 0 !important;
position: relative;
width: 24px;
height: 24px;
display: block;
color: var(--ink);
transition: color .25s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::before,
.elementor-element-37e59663 .e-n-accordion-item-title-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .25s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::before {
width: 14px;
height: 2px;
transform: translate(-50%, -50%);
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::after {
width: 2px;
height: 14px;
transform: translate(-50%, -50%);
}
.elementor-element-37e59663 .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
color: var(--accent);
}
.elementor-element-37e59663 .e-n-accordion-item[open] .e-n-accordion-item-title-icon::after {
opacity: 0;
transform: translate(-50%, -50%) rotate(90deg);
}
/* Answer panel — aligned under the question text */
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] {
padding: 0 24px 26px 80px;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] p {
font-size: 16px;
line-height: 1.7;
color: var(--ink-2);
margin: 0;
max-width: 62ch;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] a {
color: var(--ink);
font-weight: 600;
text-decoration: none;
background-image: linear-gradient(var(--accent), var(--accent));
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 2px;
padding-bottom: 1px;
transition: background-size .3s ease;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] a:hover {
background-size: 100% 100%;
}
/* ============================================================
RESPONSIVE
============================================================ */
@media (max-width: 1024px) {
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 18px;
}
}
@media (max-width: 767px) {
.elementor-element-76b35fee p { max-width: none; }
.elementor-element-6bcfe77a .faq__stat-num { font-size: 42px; }
.elementor-element-37e59663 .e-n-accordion-item-title {
padding: 18px 16px !important;
gap: 18px !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title::before {
min-width: 24px;
font-size: 12px;
}
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 16px;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] {
padding: 0 16px 22px 58px;
}
}
/*Membership and Schools*/
.elementor-element-97d8b13 {
margin: 0 0 1.25rem 0 !important;
}
.elementor-element-97d8b13 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.25em !important;
font-size: 0.85rem !important;
color: #4A7C2E !important;
text-transform: uppercase !important;
display: inline-flex !important;
align-items: center !important;
gap: 1rem !important;
font-weight: 400 !important;
line-height: 1 !important;
margin: 0 !important;
}
.elementor-element-97d8b13 .elementor-heading-title::before {
content: "";
display: inline-block;
width: 2rem;
height: 2px;
background: #4A7C2E;
flex-shrink: 0;
}
.elementor-element-e04e301 {
margin: 0 0 1.75rem 0 !important;
}
.elementor-element-e04e301 .section-title,
.elementor-element-e04e301 h2.section-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: clamp(2.5rem, 5vw, 4rem) !important;
line-height: 0.95 !important;
letter-spacing: 0.01em !important;
text-transform: uppercase !important;
color: #1A1D24 !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Italic accent word — "IN." */
.elementor-element-e04e301 .section-title .italic {
font-style: italic;
color: #4A7C2E;
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif;
display: inline-block;
}
/* Hide the empty first h2 that Elementor's heading widget renders
(your HTML has an empty before the real one) */
.elementor-element-e04e301 .elementor-widget-container > h2.elementor-heading-title:empty {
display: none !important;
}
/* ============================================================
3. LEAD PARAGRAPH
============================================================ */
.elementor-element-af8c667 {
max-width: 620px !important;
margin: 0 !important;
}
.elementor-element-af8c667 p {
font-family: 'Inter', 'Poppins', sans-serif !important;
font-size: 1.1rem !important;
line-height: 1.65 !important;
color: #1A1D24 !important;
opacity: 0.75 !important;
margin: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-97d8b13 .elementor-heading-title {
font-size: 0.8rem !important;
letter-spacing: 0.22em !important;
}
.elementor-element-97d8b13 .elementor-heading-title::before {
width: 1.5rem;
}
.elementor-element-e04e301 .section-title {
font-size: 2.25rem !important;
}
.elementor-element-af8c667 p {
font-size: 1rem !important;
}
}
/*Membership and Schools*/
.elementor-element-13e3262 .elementor-heading-title,
.elementor-element-cbcf356 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.28em !important;
font-size: 0.85rem !important;
color: #C7E48B !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
/* ================================================================
2. MAIN H3 TITLES
"Become a Member" | "School Sports, Sorted"
================================================================ */
.elementor-element-a717c39 h3,
.elementor-element-fcff053 h3 {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-weight: 400 !important;
font-size: clamp(2.25rem, 3.5vw, 3rem) !important;
line-height: 0.95 !important;
letter-spacing: 0.01em !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
margin: 0 !important;
}
.elementor-element-a717c39 h3 .italic,
.elementor-element-fcff053 h3 .italic {
font-style: italic;
color: #C7E48B;
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif;
}
/* ================================================================
3. LEAD PARAGRAPHS (under the H3)
================================================================ */
.elementor-element-0c48113 p,
.elementor-element-5511a04 p {
font-family: 'Inter', sans-serif !important;
font-size: 1rem !important;
line-height: 1.6 !important;
color: rgba(255,255,255,0.85) !important;
max-width: 42ch;
margin: 0 !important;
}
/* ================================================================
4. TIER CHIPS (Adult + Junior pricing cards)
Wrappers: .elementor-element-0cdc764 (Adult)
.elementor-element-78aed2b (Junior)
================================================================ */
.elementor-element-0cdc764,
.elementor-element-78aed2b {
background: rgba(255,255,255,0.08) !important;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,0.15);
border-left: 3px solid #4A7C2E !important;
padding: 1.1rem 1.2rem !important;
}
/* Tier label — "Adult · 17+" / "Junior · U17" */
.elementor-element-0644744 .elementor-heading-title,
.elementor-element-15c6449 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
letter-spacing: 0.15em !important;
font-size: 0.72rem !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.6) !important;
margin-bottom: 0.35rem !important;
line-height: 1 !important;
}
/* Price block */
.elementor-element-95ae2b9 .tier-price,
.elementor-element-12508e1 .tier-price {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 2rem !important;
line-height: 1 !important;
color: #FFFFFF !important;
font-weight: 400;
}
.elementor-element-95ae2b9 .tier-price small,
.elementor-element-12508e1 .tier-price small {
font-family: 'Inter', sans-serif;
font-size: 0.72rem;
color: rgba(255,255,255,0.6);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-left: 0.35rem;
font-weight: 500;
}
/* "Direct debit" note under price */
.elementor-element-b0c783e .elementor-heading-title,
.elementor-element-39c032f .elementor-heading-title {
font-family: 'Inter', sans-serif !important;
font-size: 0.72rem !important;
color: rgba(255,255,255,0.6) !important;
margin-top: 0.25rem !important;
font-weight: 400 !important;
}
/* ================================================================
5. PERKS LISTS (green chevron bullets, two columns)
Left column widget: .elementor-element-3f87907
Right column widget: .elementor-element-3711241
IMPORTANT: In Elementor Text Editor, put each perk on its own
line (press Enter between them) so Elementor wraps each in .
================================================================ */
.elementor-element-3f87907 .elementor-widget-container,
.elementor-element-3711241 .elementor-widget-container {
color: rgba(255,255,255,0.85);
}
.elementor-element-3f87907 p,
.elementor-element-3711241 p {
font-family: 'Inter', sans-serif !important;
font-size: 0.9rem !important;
line-height: 1.4 !important;
padding-left: 1.5rem !important;
position: relative !important;
margin: 0 0 0.65rem 0 !important;
color: rgba(255,255,255,0.85) !important;
}
.elementor-element-3f87907 p:last-child,
.elementor-element-3711241 p:last-child { margin-bottom: 0 !important; }
/* Green chevron bullet */
.elementor-element-3f87907 p::before,
.elementor-element-3711241 p::before {
content: "";
position: absolute;
left: 0;
top: 0.4rem;
width: 8px;
height: 8px;
border-top: 2px solid #C7E48B;
border-right: 2px solid #C7E48B;
transform: rotate(45deg);
}
/* ================================================================
6. SCHOOL FACTS ROW (4 · P-12 · 🚌)
Row wrapper: .elementor-element-d57b962
Fact wrappers:
.elementor-element-25cb94d — 4
.elementor-element-2991ae1 — P-12
.elementor-element-98cece7 — bus emoji
================================================================ */
.elementor-element-d57b962 {
border-top: 1px solid rgba(255,255,255,0.15);
border-bottom: 1px solid rgba(255,255,255,0.15);
padding: 1.25rem 0 !important;
}
/* Big fact number / emoji */
.elementor-element-cb9d8af .elementor-heading-title,
.elementor-element-a96c21b .elementor-heading-title,
.elementor-element-6f37cb5 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 2.5rem !important;
line-height: 1 !important;
color: #C7E48B !important;
margin: 0 0 0.35rem 0 !important;
font-weight: 400 !important;
}
/* Emoji size tweak — SVG emoji renders slightly smaller */
.elementor-element-6f37cb5 .elementor-heading-title img.emoji {
width: 2.5rem;
height: 2.5rem;
vertical-align: top;
}
/* Small label under the number */
.elementor-element-d81d3cc p,
.elementor-element-15ab33a p,
.elementor-element-3327c56 p {
font-family: 'Inter', sans-serif !important;
font-size: 0.72rem !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.85) !important;
line-height: 1.3 !important;
margin: 0 !important;
font-weight: 500 !important;
}
/* ================================================================
7. BUTTONS
Primary (solid green): .elementor-element-5d584b8 (Join as Adult)
.elementor-element-363581d (Enquire)
Ghost (outline white): .elementor-element-929e9f2 (Join as Junior)
.elementor-element-b37446a (View Flyer)
================================================================ */
.elementor-element-5d584b8 .elementor-button,
.elementor-element-929e9f2 .elementor-button,
.elementor-element-363581d .elementor-button,
.elementor-element-b37446a .elementor-button {
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
font-size: 0.82rem !important;
padding: 1rem 2rem !important;
border-radius: 2px !important;
border: 2px solid transparent !important;
transition: all 0.2s ease !important;
line-height: 1 !important;
}
/* PRIMARY — solid green */
.elementor-element-5d584b8 .elementor-button,
.elementor-element-363581d .elementor-button {
background-color: #4A7C2E !important;
color: #FFFFFF !important;
}
.elementor-element-5d584b8 .elementor-button:hover,
.elementor-element-363581d .elementor-button:hover {
background-color: #2E5219 !important;
transform: translateY(-2px);
}
/* GHOST — outline white */
.elementor-element-929e9f2 .elementor-button,
.elementor-element-b37446a .elementor-button {
background-color: transparent !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
}
.elementor-element-929e9f2 .elementor-button:hover,
.elementor-element-b37446a .elementor-button:hover {
background-color: #FFFFFF !important;
color: #1A1D24 !important;
}
/* ================================================================
8. OPTIONAL — DARK OVERLAY on the panel background image
Only use if your Elementor background image looks too bright.
Applies to both panels: .elementor-element-de3e88b (Member)
.elementor-element-71125fb (Schools)
Remove this block if you're using an Elementor overlay already.
================================================================ */
.elementor-element-de3e88b,
.elementor-element-71125fb {
position: relative;
}
.elementor-element-de3e88b::before,
.elementor-element-71125fb::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top,
rgba(26,29,36,0.85) 0%,
rgba(26,29,36,0.55) 50%,
rgba(26,29,36,0.2) 100%);
z-index: 0;
pointer-events: none;
}
.elementor-element-de3e88b > .e-con-inner,
.elementor-element-71125fb > .e-con-inner,
.elementor-element-de3e88b > .elementor-element,
.elementor-element-71125fb > .elementor-element {
position: relative;
z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a683ce7 */.elementor-element-321c13d,
.elementor-element-7f8aa56 {
position: relative !important;
overflow: hidden !important;
min-height: 420px !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-color: #0F1419 !important;
border-radius: 2px !important;
cursor: pointer !important;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: flex !important;
align-items: flex-end !important;
}
/* Dark gradient overlay for text readability */
.elementor-element-321c13d::before,
.elementor-element-7f8aa56::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(15, 20, 25, 0.92) 0%,
rgba(15, 20, 25, 0.55) 45%,
rgba(15, 20, 25, 0.15) 80%,
rgba(15, 20, 25, 0) 100%
);
z-index: 1;
pointer-events: none;
transition: opacity 0.3s;
}
/* Hover — lift effect */
.elementor-element-321c13d:hover,
.elementor-element-7f8aa56:hover {
transform: translateY(-6px) !important;
}
/* ============================================================
INNER CONTENT WRAPPER (sits above overlay)
============================================================ */
.elementor-element-506047f,
.elementor-element-f7c157a {
position: relative !important;
z-index: 2 !important;
padding: 2rem !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
gap: 0 !important;
}
/* ============================================================
1. TAG EYEBROW (e.g., "BEGINNER → ADVANCED", "ALL LEVELS")
============================================================ */
.elementor-element-cbc6075,
.elementor-element-7854a83 {
width: auto !important;
margin: 0 0 0.75rem 0 !important;
padding: 0 !important;
}
.elementor-element-cbc6075 > .elementor-widget-container,
.elementor-element-7854a83 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-cbc6075 .elementor-heading-title,
.elementor-element-7854a83 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 0.8rem !important;
letter-spacing: 0.25em !important;
color: #A8D66C !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1 !important;
}
/* ============================================================
2. CARD TITLE (e.g., "ADULT GROUPS", "CARDIO TENNIS")
============================================================ */
.elementor-element-616125d,
.elementor-element-2e84a58 {
width: 100% !important;
margin: 0 0 0.85rem 0 !important;
padding: 0 !important;
}
.elementor-element-616125d > .elementor-widget-container,
.elementor-element-2e84a58 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-616125d .elementor-heading-title,
.elementor-element-2e84a58 .elementor-heading-title {
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-size: 2.75rem !important;
line-height: 0.95 !important;
color: #FFFFFF !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================================
3. DESCRIPTION PARAGRAPH
============================================================ */
.elementor-element-888a23b,
.elementor-element-4157230 {
width: 100% !important;
max-width: 480px !important;
margin: 0 0 1.5rem 0 !important;
padding: 0 !important;
}
.elementor-element-888a23b > .elementor-widget-container,
.elementor-element-4157230 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-888a23b p,
.elementor-element-4157230 p {
font-family: 'Inter', sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.6 !important;
color: rgba(255, 255, 255, 0.88) !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
/* ============================================================
4. LEARN MORE / VIEW TIMES / TRY A CLASS BUTTON
============================================================ */
.elementor-element-e36c4d5,
.elementor-element-4e451a5 {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-element-e36c4d5 > .elementor-widget-container,
.elementor-element-4e451a5 > .elementor-widget-container {
padding: 0 !important;
margin: 0 !important;
}
.elementor-element-e36c4d5 .elementor-button-wrapper,
.elementor-element-4e451a5 .elementor-button-wrapper {
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.elementor-element-e36c4d5 .elementor-button,
.elementor-element-4e451a5 .elementor-button {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
padding: 0 0 0.5rem 0 !important;
background: transparent !important;
color: #FFFFFF !important;
font-family: 'Bebas Neue', 'Arial Narrow', sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.22em !important;
text-transform: uppercase !important;
font-size: 0.9rem !important;
line-height: 1 !important;
border-radius: 0 !important;
border: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
box-shadow: none !important;
min-height: auto !important;
height: auto !important;
min-width: 90px !important;
}
.elementor-element-e36c4d5 .elementor-button:hover,
.elementor-element-4e451a5 .elementor-button:hover {
color: #A8D66C !important;
border-bottom-color: #A8D66C !important;
background: transparent !important;
padding-right: 0.35rem !important;
}
.elementor-element-e36c4d5 .elementor-button-text::after,
.elementor-element-4e451a5 .elementor-button-text::after {
content: "→";
display: inline-block;
margin-left: 0.5rem;
font-size: 1rem;
transition: transform 0.2s;
}
.elementor-element-e36c4d5 .elementor-button:hover .elementor-button-text::after,
.elementor-element-4e451a5 .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* ============================================================
RESPONSIVE — TABLET (≤1024px)
============================================================ */
@media (max-width: 1024px) {
.elementor-element-321c13d,
.elementor-element-7f8aa56 {
min-height: 380px !important;
}
.elementor-element-506047f,
.elementor-element-f7c157a {
padding: 1.75rem !important;
}
.elementor-element-616125d .elementor-heading-title,
.elementor-element-2e84a58 .elementor-heading-title {
font-size: 2.25rem !important;
}
}
/* ============================================================
RESPONSIVE — MOBILE (≤768px)
============================================================ */
@media (max-width: 768px) {
.elementor-element-321c13d,
.elementor-element-7f8aa56 {
min-height: 340px !important;
}
.elementor-element-506047f,
.elementor-element-f7c157a {
padding: 1.5rem !important;
}
.elementor-element-cbc6075 .elementor-heading-title,
.elementor-element-7854a83 .elementor-heading-title {
font-size: 0.72rem !important;
letter-spacing: 0.22em !important;
}
.elementor-element-616125d .elementor-heading-title,
.elementor-element-2e84a58 .elementor-heading-title {
font-size: 2rem !important;
}
.elementor-element-888a23b p,
.elementor-element-4157230 p {
font-size: 0.9rem !important;
}
}
/* ============================================================
ANIMATIONS
============================================================ */
.elementor-element-321c13d {
animation: cardFadeUp 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) 0.15s both;
}
.elementor-element-7f8aa56 {
animation: cardFadeUp 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s both;
}
@keyframes cardFadeUp {/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30429343 */.elementor-element-30429343 {
--ink: #0f1411;
--ink-2: #3a4038;
--muted: #7a8078;
--line: #e5e6e0;
--line-2: #d0d2ca;
--accent: #6b8f00;
--accent-soft: #e8f0d1;
--bg-soft: #f2f3ec;
}
/* ============================================================
LEFT COLUMN
============================================================ */
/* Eyebrow */
.elementor-element-6111d8b1 .elementor-heading-title {
display: inline-flex;
align-items: center;
gap: 14px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ink-2);
}
.elementor-element-6111d8b1 .elementor-heading-title::before {
content: "";
width: 36px;
height: 1px;
background: var(--ink);
}
/* Main heading */
.elementor-element-7181d91c .faq_title,
.elementor-element-7181d91c .elementor-heading-title {
font-size: clamp(36px, 4.6vw, 60px);
font-weight: 700;
line-height: 1.02;
letter-spacing: -0.03em;
color: var(--ink);
margin: 0;
}
.elementor-element-7181d91c .faq_title span {
color: var(--accent);
font-style: italic;
font-weight: 700;
}
/* Lead paragraph */
.elementor-element-76b35fee p {
font-size: 16.5px;
line-height: 1.65;
color: var(--ink-2);
max-width: 420px;
margin: 0;
}
/* CTA button */
.elementor-element-44f04837 .elementor-button {
align-items: center;
letter-spacing: 0.16em;
border: 1px solid var(--ink);
}
.elementor-element-44f04837 .elementor-button:hover {
background: transparent;
color: var(--ink);
transform: translateY(-2px);
}
.elementor-element-44f04837 .elementor-button-text::after {
content: "→";
display: inline-block;
margin-left: 6px;
transition: transform .3s ease;
}
.elementor-element-44f04837 .elementor-button:hover .elementor-button-text::after {
transform: translateX(5px);
}
/* Stat block */
.elementor-element-6bcfe77a {
border-top: 1px solid var(--line-2);
padding-top: 26px;
margin-top: 24px;
}
.elementor-element-6bcfe77a .elementor-widget-container {
display: flex;
align-items: baseline;
gap: 18px;
margin: 0;
}
.elementor-element-6bcfe77a p {
display: flex;
align-items: baseline;
gap: 18px;
margin: 0;
}
.elementor-element-6bcfe77a .faq__stat-num {
font-size: 52px;
font-weight: 700;
line-height: 0.9;
color: var(--ink);
letter-spacing: -0.03em;
}
.elementor-element-6bcfe77a .nstg-faq__stat-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
line-height: 1.5;
}
/* ============================================================
RIGHT COLUMN — Numbered accordion
============================================================ */
.elementor-element-37e59663 .e-n-accordion {
display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--line-2);
counter-reset: faq-counter;
}
.elementor-element-37e59663 .e-n-accordion-item {
background: transparent;
border: 0;
border-bottom: 1px solid var(--line-2);
border-radius: 0;
transition: background-color .35s ease;
counter-increment: faq-counter;
}
.elementor-element-37e59663 .e-n-accordion-item:hover,
.elementor-element-37e59663 .e-n-accordion-item[open] {
background: var(--bg-soft);
}
/* Question row — force layout: number → question → +/− */
.elementor-element-37e59663 .e-n-accordion-item-title {
padding: 22px 24px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 28px !important;
cursor: pointer;
list-style: none;
text-align: left;
position: relative;
transition: padding .3s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title::-webkit-details-marker {
display: none;
}
/* Number 01 — FIRST (left) */
.elementor-element-37e59663 .e-n-accordion-item-title::before {
order: 1 !important;
content: counter(faq-counter, decimal-leading-zero);
flex-shrink: 0;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
color: var(--accent);
font-variant-numeric: tabular-nums;
min-width: 28px;
padding-top: 2px;
}
/* Question text — SECOND (middle, takes remaining space) */
.elementor-element-37e59663 .e-n-accordion-item-title-header {
order: 2 !important;
flex: 1 1 auto !important;
text-align: left;
margin: 0 !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 19px;
font-weight: 600;
line-height: 1.35;
color: var(--ink);
letter-spacing: -0.015em;
text-align: left;
transition: color .25s ease;
}
/* Pure-CSS + / − icon — THIRD (far right) */
.elementor-element-37e59663 .e-n-accordion-item-title-icon i,
.elementor-element-37e59663 .e-n-accordion-item-title-icon .e-opened,
.elementor-element-37e59663 .e-n-accordion-item-title-icon .e-closed {
display: none !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon {
order: 3 !important;
margin-left: auto !important;
flex-shrink: 0 !important;
position: relative;
width: 24px;
height: 24px;
display: block;
color: var(--ink);
transition: color .25s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::before,
.elementor-element-37e59663 .e-n-accordion-item-title-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .25s ease;
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::before {
width: 14px;
height: 2px;
transform: translate(-50%, -50%);
}
.elementor-element-37e59663 .e-n-accordion-item-title-icon::after {
width: 2px;
height: 14px;
transform: translate(-50%, -50%);
}
.elementor-element-37e59663 .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
color: var(--accent);
}
.elementor-element-37e59663 .e-n-accordion-item[open] .e-n-accordion-item-title-icon::after {
opacity: 0;
transform: translate(-50%, -50%) rotate(90deg);
}
/* Answer panel — aligned under the question text */
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] {
padding: 0 24px 26px 80px;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] p {
font-size: 16px;
line-height: 1.7;
color: var(--ink-2);
margin: 0;
max-width: 62ch;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] a {
color: var(--ink);
font-weight: 600;
text-decoration: none;
background-image: linear-gradient(var(--accent), var(--accent));
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 2px;
padding-bottom: 1px;
transition: background-size .3s ease;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] a:hover {
background-size: 100% 100%;
}
/* ============================================================
RESPONSIVE
============================================================ */
@media (max-width: 1024px) {
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 18px;
}
}
@media (max-width: 767px) {
.elementor-element-76b35fee p { max-width: none; }
.elementor-element-6bcfe77a .faq__stat-num { font-size: 42px; }
.elementor-element-37e59663 .e-n-accordion-item-title {
padding: 18px 16px !important;
gap: 18px !important;
}
.elementor-element-37e59663 .e-n-accordion-item-title::before {
min-width: 24px;
font-size: 12px;
}
.elementor-element-37e59663 .e-n-accordion-item-title-text {
font-size: 16px;
}
.elementor-element-37e59663 .e-n-accordion-item > [role="region"] {
padding: 0 16px 22px 58px;
}
}/* End custom CSS */