.elementor-2712 .elementor-element.elementor-element-b4293b6:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-b4293b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stjohnmusiclessons.com/wp-content/uploads/2025/06/music-lesson-thousand-oaks.webp");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-2712 .elementor-element.elementor-element-b4293b6 > .elementor-background-overlay{background-color:#020202;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2712 .elementor-element.elementor-element-b4293b6 > .elementor-container{max-width:958px;min-height:100vh;}.elementor-2712 .elementor-element.elementor-element-b4293b6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-3d3d3cf > .elementor-element-populated{margin:0% 0% 0% -10%;--e-column-margin-right:0%;--e-column-margin-left:-10%;padding:5% 0% 0% 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-2712 .elementor-element.elementor-element-f91156e{text-align:left;}.elementor-2712 .elementor-element.elementor-element-f91156e .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:65px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2712 .elementor-element.elementor-element-3e397df{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:500;color:#F0F0F0;}.elementor-2712 .elementor-element.elementor-element-3e397df p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-1f5d932{--display:flex;}.elementor-2712 .elementor-element.elementor-element-f49540b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0%;--margin-bottom:0%;--margin-left:-4%;--margin-right: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-2712 .elementor-element.elementor-element-ad3f708 .elementor-button{background-color:#E7B622;font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 60px 20px 60px;}.elementor-2712 .elementor-element.elementor-element-ad3f708 .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-ad3f708 .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-ad3f708 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-ad3f708 .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-ad3f708 .elementor-button:focus svg{fill:#000000;}.elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button{background-color:var( --e-global-color-text );font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 30px 20px 30px;}.elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-bd7675c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-bd7675c.elementor-element{--align-self:flex-start;}.elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button:focus svg{fill:#000000;}.elementor-2712 .elementor-element.elementor-element-8e4486b{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-8e4486b:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-8e4486b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCD3C4;}.elementor-2712 .elementor-element.elementor-element-8e4486b::before, .elementor-2712 .elementor-element.elementor-element-8e4486b > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-8e4486b > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-8e4486b > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-8e4486b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-8e4486b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-d84d9bf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-7f5cd85{--display:flex;}.elementor-2712 .elementor-element.elementor-element-8cf8c85{text-align:left;}.elementor-2712 .elementor-element.elementor-element-8cf8c85 .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-2598fba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-2598fba{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:28px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-2598fba p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-f1fb62b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-f1fb62b{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:20px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-f1fb62b p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-bbfa0cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-bbfa0cd{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:26px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-bbfa0cd p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-321ea0f{--display:flex;}.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-2712 .elementor-element.elementor-element-ee289cc > .elementor-widget-container{margin:0% 20% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-ee289cc img{border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-28cc19e > .elementor-widget-container{margin:-20% 0% 0% 20%;}.elementor-2712 .elementor-element.elementor-element-28cc19e img{border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-0d6152c{--display:flex;--overlay-opacity:1;--padding-top:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-0d6152c::before, .elementor-2712 .elementor-element.elementor-element-0d6152c > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-0d6152c > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-0d6152c > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-0d6152c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-0d6152c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-c05e0b8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-1c6d61a{--display:flex;--overlay-opacity:1;}.elementor-2712 .elementor-element.elementor-element-1c6d61a::before, .elementor-2712 .elementor-element.elementor-element-1c6d61a > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-1c6d61a > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-1c6d61a > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-1c6d61a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-1c6d61a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFFF2;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-1c6d61a.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-2712 .elementor-element.elementor-element-d808e20 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-ced3ee1{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2712 .elementor-element.elementor-element-ced3ee1.e-con{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-f4b343c{text-align:left;}.elementor-2712 .elementor-element.elementor-element-f4b343c .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-6f1464a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-6f1464a{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:28px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-6f1464a p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-33eedf5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-33eedf5{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:20px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-33eedf5 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-d51d8d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-d51d8d1{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:28px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-d51d8d1 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-ca5b7fe{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-ca5b7fe:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-ca5b7fe::before, .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-ca5b7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-ebc8794{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-2998be1{--display:flex;}.elementor-2712 .elementor-element.elementor-element-2998be1.e-con{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-d64d8a2{text-align:left;}.elementor-2712 .elementor-element.elementor-element-d64d8a2 .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-4742c77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-4742c77{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:26px;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-4742c77 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-8c354e3{--display:flex;--overlay-opacity:0.99;}.elementor-2712 .elementor-element.elementor-element-8c354e3::before, .elementor-2712 .elementor-element.elementor-element-8c354e3 > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-8c354e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-8c354e3 > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-8c354e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-8c354e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-8495f69 > .elementor-widget-container{margin:0% 015% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-8495f69.elementor-element{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-8495f69 img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-4ee4268 > .elementor-widget-container{margin:-20% 0% 0% 15%;}.elementor-2712 .elementor-element.elementor-element-4ee4268 img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-a63166b{--display:flex;--padding-top:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-fd59754{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-4929182{--display:flex;}.elementor-2712 .elementor-element.elementor-element-f818569 > .elementor-widget-container{margin:0% 0% 0% 15%;}.elementor-2712 .elementor-element.elementor-element-f818569 img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-4d9dddf > .elementor-widget-container{margin:-20% 15% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-4d9dddf img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-ace1ec3{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2712 .elementor-element.elementor-element-ace1ec3.e-con{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-6c971d1{text-align:left;}.elementor-2712 .elementor-element.elementor-element-6c971d1 .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-58ca913 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-58ca913{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:28px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-58ca913 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-24776ec{--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:3%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-24776ec:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-24776ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DCD3C4;}.elementor-2712 .elementor-element.elementor-element-e7d6c75{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-118d33a{--display:flex;}.elementor-2712 .elementor-element.elementor-element-118d33a.e-con{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-e7622e2{text-align:left;}.elementor-2712 .elementor-element.elementor-element-e7622e2 .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-6eac0b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-6eac0b3{text-align:left;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:20px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-6eac0b3 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-0664171{--display:flex;--overlay-opacity:0.84;}.elementor-2712 .elementor-element.elementor-element-0664171::before, .elementor-2712 .elementor-element.elementor-element-0664171 > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-0664171 > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-0664171 > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-0664171 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-0664171 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-f30ea33 > .elementor-widget-container{margin:0% 015% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-f30ea33.elementor-element{--align-self:center;}.elementor-2712 .elementor-element.elementor-element-f30ea33 img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-7f788f1 > .elementor-widget-container{margin:-20% 0% 0% 15%;}.elementor-2712 .elementor-element.elementor-element-7f788f1 img{border-radius:5px 5px 5px 5px;}.elementor-2712 .elementor-element.elementor-element-3d2b1c1{--display:flex;--min-height:172px;--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.95;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-3d2b1c1:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stjohnmusiclessons.com/wp-content/uploads/2025/03/music-background-1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2712 .elementor-element.elementor-element-3d2b1c1::before, .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-b8b951d{text-align:center;}.elementor-2712 .elementor-element.elementor-element-b8b951d .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-26f8874 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-26f8874{text-align:center;font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:100;line-height:28px;color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-26f8874 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-26f8874 a{color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-f23066d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-031781a .elementor-button{background-color:#E7B622;font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 60px 20px 60px;}.elementor-2712 .elementor-element.elementor-element-031781a .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-031781a .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-031781a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-031781a .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-031781a .elementor-button:focus svg{fill:#000000;}.elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button{background-color:var( --e-global-color-text );font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 30px 20px 30px;}.elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-1778e3c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-1778e3c.elementor-element{--align-self:flex-start;}.elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button:focus svg{fill:#000000;}.elementor-2712 .elementor-element.elementor-element-b073bce{--display:flex;--min-height:663px;--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.69;--padding-top:5%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-b073bce:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-b073bce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stjohnmusiclessons.com/wp-content/uploads/2025/06/music-lesson-thousand-oaks.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2712 .elementor-element.elementor-element-b073bce::before, .elementor-2712 .elementor-element.elementor-element-b073bce > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-b073bce > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-b073bce > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-b073bce > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-b073bce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020202;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-2596045{text-align:center;}.elementor-2712 .elementor-element.elementor-element-2596045 .elementor-heading-title{font-family:"Rufina", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-223bd4b{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-223bd4b:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-223bd4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-48d3026{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-f1bf693{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-f1bf693:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-f1bf693 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-88f0746{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-4de2926{--display:flex;}.elementor-2712 .elementor-element.elementor-element-a4e542c{--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;--border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-a4e542c:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-a4e542c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-3b8ab9a{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-680fcfe{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-680fcfe:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-680fcfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-4028e42{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-8c0e114{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-2712 .elementor-element.elementor-element-8c0e114:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-8c0e114 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2712 .elementor-element.elementor-element-045ad39{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-5dc6799{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:25px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#E7B622;--n-accordion-title-active-color:#E7B622;--n-accordion-icon-size:20px;}.elementor-2712 .elementor-element.elementor-element-5dc6799 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;}:where( .elementor-2712 .elementor-element.elementor-element-5dc6799 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Rufina", Sans-serif;font-weight:600;}.elementor-2712 .elementor-element.elementor-element-4e4997c{--display:flex;--min-height:0px;--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.85;--padding-top:5%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-4e4997c:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-4e4997c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stjohnmusiclessons.com/wp-content/uploads/2025/06/music-lesson-thousand-oaks.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2712 .elementor-element.elementor-element-4e4997c::before, .elementor-2712 .elementor-element.elementor-element-4e4997c > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-4e4997c > .e-con-inner > .elementor-background-video-container::before, .elementor-2712 .elementor-element.elementor-element-4e4997c > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-4e4997c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2712 .elementor-element.elementor-element-4e4997c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020202;--background-overlay:'';}.elementor-2712 .elementor-element.elementor-element-e37eb39{--display:flex;}.elementor-2712 .elementor-element.elementor-element-569b15f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-569b15f{text-align:center;font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-2712 .elementor-element.elementor-element-569b15f p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-569b15f a{color:var( --e-global-color-secondary );}.elementor-2712 .elementor-element.elementor-element-fe03b89{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button{background-color:#E7B622;font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 60px 20px 60px;}.elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-4f08e9c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button:focus svg{fill:#000000;}.elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button{background-color:var( --e-global-color-text );font-family:"Roboto Slab", Sans-serif;font-size:12px;font-weight:600;fill:#000000;color:#000000;border-radius:30px 30px 30px 30px;padding:20px 30px 20px 30px;}.elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button:hover, .elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button:focus{background-color:#C5B8A1E6;color:#000000;}.elementor-2712 .elementor-element.elementor-element-7a98f39 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2712 .elementor-element.elementor-element-7a98f39.elementor-element{--align-self:flex-start;}.elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button:hover svg, .elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-2712 .elementor-element.elementor-element-f49540b{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-d84d9bf{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-c05e0b8{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-ebc8794{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-fd59754{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-e7d6c75{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-f23066d{--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-fe03b89{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2712 .elementor-element.elementor-element-b4293b6 > .elementor-container{min-height:0px;}.elementor-2712 .elementor-element.elementor-element-b4293b6{padding:5% 0% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-3d3d3cf > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 10% 0% 10%;}.elementor-2712 .elementor-element.elementor-element-f91156e > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-2712 .elementor-element.elementor-element-f91156e .elementor-heading-title{font-size:40px;}.elementor-2712 .elementor-element.elementor-element-f49540b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-ad3f708 .elementor-button{padding:20px 35px 20px 35px;}.elementor-2712 .elementor-element.elementor-element-bd7675c .elementor-button{padding:21px 12px 21px 12px;}.elementor-2712 .elementor-element.elementor-element-8e4486b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-d84d9bf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-8cf8c85 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-8cf8c85 .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-2598fba > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-2598fba{font-size:14px;line-height:1.7em;}.elementor-2712 .elementor-element.elementor-element-2598fba p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-f1fb62b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-f1fb62b{column-gap:0px;font-size:14px;line-height:1em;}.elementor-2712 .elementor-element.elementor-element-f1fb62b p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-bbfa0cd > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-bbfa0cd{font-size:14px;}.elementor-2712 .elementor-element.elementor-element-c05e0b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-f4b343c > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-f4b343c .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-6f1464a > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-6f1464a{font-size:14px;line-height:1.7em;}.elementor-2712 .elementor-element.elementor-element-6f1464a p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-33eedf5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-33eedf5{column-gap:0px;font-size:14px;line-height:1em;}.elementor-2712 .elementor-element.elementor-element-33eedf5 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-d51d8d1 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-d51d8d1{font-size:14px;line-height:1.7em;}.elementor-2712 .elementor-element.elementor-element-d51d8d1 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-ca5b7fe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-ebc8794{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-d64d8a2 .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-4742c77{font-size:14px;}.elementor-2712 .elementor-element.elementor-element-fd59754{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-6c971d1 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-6c971d1 .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-58ca913 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-58ca913{font-size:14px;line-height:1.7em;}.elementor-2712 .elementor-element.elementor-element-58ca913 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-24776ec{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2712 .elementor-element.elementor-element-e7d6c75{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-e7622e2 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-e7622e2 .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-6eac0b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-6eac0b3{column-gap:0px;font-size:14px;line-height:1em;}.elementor-2712 .elementor-element.elementor-element-6eac0b3 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-3d2b1c1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2712 .elementor-element.elementor-element-b8b951d > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-b8b951d .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-26f8874 > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-26f8874{font-size:14px;line-height:1.7em;}.elementor-2712 .elementor-element.elementor-element-26f8874 p{margin-bottom:0px;}.elementor-2712 .elementor-element.elementor-element-f23066d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-031781a .elementor-button{padding:20px 35px 20px 35px;}.elementor-2712 .elementor-element.elementor-element-1778e3c .elementor-button{padding:20px 10px 20px 10px;}.elementor-2712 .elementor-element.elementor-element-2596045 .elementor-heading-title{font-size:35px;}.elementor-2712 .elementor-element.elementor-element-5dc6799{--n-accordion-item-title-space-between:0px;}.elementor-2712 .elementor-element.elementor-element-569b15f > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-2712 .elementor-element.elementor-element-569b15f{font-size:14px;}.elementor-2712 .elementor-element.elementor-element-fe03b89{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2712 .elementor-element.elementor-element-4f08e9c .elementor-button{padding:20px 35px 20px 35px;}.elementor-2712 .elementor-element.elementor-element-7a98f39 .elementor-button{padding:20px 10px 20px 10px;}}@media(min-width:768px){.elementor-2712 .elementor-element.elementor-element-3d3d3cf{width:100%;}.elementor-2712 .elementor-element.elementor-element-f49540b{--width:50%;}.elementor-2712 .elementor-element.elementor-element-f23066d{--width:100%;}}@media(min-width:1025px){.elementor-2712 .elementor-element.elementor-element-b4293b6:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-b4293b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2712 .elementor-element.elementor-element-3d2b1c1:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-3d2b1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2712 .elementor-element.elementor-element-b073bce:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-b073bce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2712 .elementor-element.elementor-element-4e4997c:not(.elementor-motion-effects-element-type-background), .elementor-2712 .elementor-element.elementor-element-4e4997c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}