.elementor-57 .elementor-element.elementor-element-f5ad6c4{--display:flex;--min-height:560px;--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;--overlay-opacity:1;--padding-top:150px;--padding-bottom:90px;--padding-left:24px;--padding-right:24px;}.elementor-57 .elementor-element.elementor-element-f5ad6c4:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://johnsondecksandporches.com/wp-content/uploads/2026/10/A9FEE257-CAF6-4810-9A99-09E15E538F53.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-57 .elementor-element.elementor-element-f5ad6c4::before, .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-f5ad6c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, rgba(7,38,30,0.92) 10%, rgba(7,38,30,0.45) 100%);}.elementor-57 .elementor-element.elementor-element-184f663{--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;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-57 .elementor-element.elementor-element-8d15ef0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:1.6px;color:#C39C68;}.elementor-57 .elementor-element.elementor-element-aad724b .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:53px;font-weight:700;line-height:1.22em;color:#F7F4ED;}.elementor-57 .elementor-element.elementor-element-b3aaa07{width:var( --container-widget-width, 640px );max-width:640px;--container-widget-width:640px;--container-widget-flex-grow:0;font-family:"Lato", Sans-serif;font-size:18.5px;font-weight:400;line-height:1.75em;color:#E4EBE7;}.elementor-57 .elementor-element.elementor-element-0b52686{--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:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57 .elementor-element.elementor-element-5952a4c .elementor-button{background-color:#B28A56;font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.2px;fill:#1C1A1B;color:#1C1A1B;border-radius:3px 3px 3px 3px;padding:18px 32px 18px 32px;}.elementor-57 .elementor-element.elementor-element-5952a4c .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-5952a4c .elementor-button:focus{background-color:#F7F4ED;color:#093D30;}.elementor-57 .elementor-element.elementor-element-5952a4c .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-5952a4c .elementor-button:focus svg{fill:#093D30;}.elementor-57 .elementor-element.elementor-element-48c1b1e .elementor-button{background-color:rgba(0,0,0,0);font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.2px;fill:#F7F4ED;color:#F7F4ED;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F7F4ED;border-radius:3px 3px 3px 3px;padding:18px 32px 18px 32px;}.elementor-57 .elementor-element.elementor-element-48c1b1e .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-48c1b1e .elementor-button:focus{background-color:#F7F4ED;color:#093D30;}.elementor-57 .elementor-element.elementor-element-48c1b1e .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-48c1b1e .elementor-button:focus svg{fill:#093D30;}.elementor-57 .elementor-element.elementor-element-107d37c{--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:110px;--padding-bottom:110px;--padding-left:24px;--padding-right:24px;}.elementor-57 .elementor-element.elementor-element-107d37c:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-107d37c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4ED;}.elementor-57 .elementor-element.elementor-element-e6a8793 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-57 .elementor-element.elementor-element-e6a8793 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(9,61,48,0.28);}.elementor-57 .elementor-element.elementor-element-e6a8793{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:left;--content-justify-content:flex-end;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#55514B;--galleries-title-color-hover:#093D30;--galleries-pointer-bg-color-hover:#B28A56;--gallery-title-color-active:#093D30;--galleries-pointer-bg-color-active:#B28A56;}.elementor-57 .elementor-element.elementor-element-e6a8793 .elementor-gallery-title{font-family:"Lato", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;--space-between:18px;}.elementor-57 .elementor-element.elementor-element-e6a8793 .elementor-gallery__titles-container{margin-bottom:40px;}.elementor-57 .elementor-element.elementor-element-4726494{--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;--align-items:center;--overlay-opacity:1;--padding-top:130px;--padding-bottom:130px;--padding-left:24px;--padding-right:24px;}.elementor-57 .elementor-element.elementor-element-4726494:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-4726494 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://johnsondecksandporches.com/wp-content/uploads/2026/10/jdp-IMG_4090.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-57 .elementor-element.elementor-element-4726494::before, .elementor-57 .elementor-element.elementor-element-4726494 > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-4726494 > .e-con-inner > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-4726494 > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-4726494 > .e-con-inner > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-4726494 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(7,38,30,0.86);--background-overlay:'';}.elementor-57 .elementor-element.elementor-element-9d11b9b{--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;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-57 .elementor-element.elementor-element-4286fe3{text-align:center;}.elementor-57 .elementor-element.elementor-element-4286fe3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:1.6px;color:#C39C68;}.elementor-57 .elementor-element.elementor-element-8607e49{text-align:center;}.elementor-57 .elementor-element.elementor-element-8607e49 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:45px;font-weight:700;line-height:1.22em;color:#F7F4ED;}.elementor-57 .elementor-element.elementor-element-b1e14b0{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;line-height:1.75em;color:#E4EBE7;}.elementor-57 .elementor-element.elementor-element-3d0b1f6{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57 .elementor-element.elementor-element-6270231 .elementor-button{background-color:#B28A56;font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.2px;fill:#1C1A1B;color:#1C1A1B;border-radius:3px 3px 3px 3px;padding:18px 32px 18px 32px;}.elementor-57 .elementor-element.elementor-element-6270231 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-6270231 .elementor-button:focus{background-color:#F7F4ED;color:#093D30;}.elementor-57 .elementor-element.elementor-element-6270231 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-6270231 .elementor-button:focus svg{fill:#093D30;}.elementor-57 .elementor-element.elementor-element-1382d64 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Lato", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:1.2px;fill:#F7F4ED;color:#F7F4ED;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F7F4ED;border-radius:3px 3px 3px 3px;padding:18px 32px 18px 32px;}.elementor-57 .elementor-element.elementor-element-1382d64 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-1382d64 .elementor-button:focus{background-color:#F7F4ED;color:#093D30;}.elementor-57 .elementor-element.elementor-element-1382d64 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-1382d64 .elementor-button:focus svg{fill:#093D30;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-8d15ef0 .elementor-heading-title{font-size:13px;}.elementor-57 .elementor-element.elementor-element-aad724b .elementor-heading-title{font-size:42px;}.elementor-57 .elementor-element.elementor-element-107d37c{--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-57 .elementor-element.elementor-element-4286fe3 .elementor-heading-title{font-size:13px;}.elementor-57 .elementor-element.elementor-element-8607e49 .elementor-heading-title{font-size:36px;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-f5ad6c4{--min-height:460px;--padding-top:120px;--padding-bottom:64px;--padding-left:18px;--padding-right:18px;}.elementor-57 .elementor-element.elementor-element-8d15ef0 .elementor-heading-title{font-size:12px;}.elementor-57 .elementor-element.elementor-element-aad724b .elementor-heading-title{font-size:33px;}.elementor-57 .elementor-element.elementor-element-b3aaa07{font-size:16px;}.elementor-57 .elementor-element.elementor-element-107d37c{--padding-top:64px;--padding-bottom:64px;--padding-left:18px;--padding-right:18px;}.elementor-57 .elementor-element.elementor-element-4726494{--padding-top:80px;--padding-bottom:80px;--padding-left:18px;--padding-right:18px;}.elementor-57 .elementor-element.elementor-element-4286fe3 .elementor-heading-title{font-size:12px;}.elementor-57 .elementor-element.elementor-element-8607e49 .elementor-heading-title{font-size:30px;}.elementor-57 .elementor-element.elementor-element-b1e14b0{font-size:16px;}}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-184f663{--content-width:1240px;}.elementor-57 .elementor-element.elementor-element-9d11b9b{--content-width:900px;}}