.elementor-1191 .elementor-element.elementor-element-4fc7498{--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:32px 0px;--row-gap:32px;--column-gap:0px;--overlay-opacity:0.92;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:45px;--padding-left:40px;--padding-right:40px;}.elementor-1191 .elementor-element.elementor-element-4fc7498:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hein.ca/wp-content/uploads/2026/01/RiverBuilding_CarletonUniversity.jpg");background-position:0px -430px;background-repeat:no-repeat;background-size:cover;}.elementor-1191 .elementor-element.elementor-element-4fc7498::before, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape-bottom svg, .elementor-1191 .elementor-element.elementor-element-4fc7498 > .e-con-inner > .elementor-shape-bottom svg{width:calc(0 + 1.3px);height:4em;}.elementor-1191 .elementor-element.elementor-element-5d90bb4{--display:flex;--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-1191 .elementor-element.elementor-element-b55f61c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-b55f61c{text-align:center;font-family:"Michroma", Sans-serif;font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:1.9px;word-spacing:7px;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-b55f61c p{margin-block-end:0px;}.elementor-1191 .elementor-element.elementor-element-807915b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-5d4acdf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-5d4acdf{text-align:center;}.elementor-1191 .elementor-element.elementor-element-5d4acdf .elementor-heading-title{font-size:40px;text-transform:none;}.elementor-1191 .elementor-element.elementor-element-7232212 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-1191 .elementor-element.elementor-element-ebbbdb6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--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-1191 .elementor-element.elementor-element-db53721{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:35px 35px;--row-gap:35px;--column-gap:35px;--grid-auto-flow:row;--align-items:stretch;--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-1191 .elementor-element.elementor-element-dc276e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 8px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-c5b56a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-c5b56a8.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-f454d7d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-f454d7d img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-0e50507{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-3c31b38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-3c31b38{text-align:center;}.elementor-1191 .elementor-element.elementor-element-3c31b38 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;color:#003057;}.elementor-1191 .elementor-element.elementor-element-921bc34{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-976d907{text-align:center;}.elementor-1191 .elementor-element.elementor-element-976d907 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-44cb468{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-44cb468.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1191 .elementor-element.elementor-element-01673ba .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-01673ba .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-01673ba .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-01673ba .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-01673ba .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-605cd98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-605cd98:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-605cd98::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:-521px 199px;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-8c25010{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-13fb69f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-13fb69f img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-fbe9dac{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-846586d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-846586d{text-align:center;}.elementor-1191 .elementor-element.elementor-element-846586d .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;color:#003057;}.elementor-1191 .elementor-element.elementor-element-1dab92c{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-22fba57{text-align:center;}.elementor-1191 .elementor-element.elementor-element-22fba57 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-6c1bd4a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-bc1e03e .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-bc1e03e .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-bc1e03e .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-bc1e03e .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-bc1e03e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-51fe66e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-51fe66e:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-51fe66e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-51fe66e::before, .elementor-1191 .elementor-element.elementor-element-51fe66e > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-51fe66e > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-51fe66e > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-51fe66e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-51fe66e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-size:contain;}.elementor-1191 .elementor-element.elementor-element-b9bc47a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-b9bc47a.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-48d13d4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-48d13d4 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-e5a94c2{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-15ec937 > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-15ec937{text-align:center;}.elementor-1191 .elementor-element.elementor-element-15ec937 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;}.elementor-1191 .elementor-element.elementor-element-d935971{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-92b5866{text-align:center;}.elementor-1191 .elementor-element.elementor-element-92b5866 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-7d431fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-37984fb .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-37984fb .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-37984fb .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-37984fb .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-37984fb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-a82eba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-a82eba2:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-a82eba2::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:-521px 199px;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-fc29ac8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-fc29ac8.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-f789a54 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-f789a54 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-8e0eaf0{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-2f63f2a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-2f63f2a{text-align:center;}.elementor-1191 .elementor-element.elementor-element-2f63f2a .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;color:#003057;}.elementor-1191 .elementor-element.elementor-element-e8e3929{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-55d25b2{text-align:center;}.elementor-1191 .elementor-element.elementor-element-55d25b2 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-66e755b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-d1ce63c .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-d1ce63c .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-d1ce63c .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-d1ce63c .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-d1ce63c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-899d845{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-899d845:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-899d845 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-899d845::before, .elementor-1191 .elementor-element.elementor-element-899d845 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-899d845 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-899d845 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-899d845 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-899d845 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:center left;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-353c8e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-353c8e3.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-d6fa452 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-d6fa452 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-e8cccf1{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-d26cccd > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-d26cccd{text-align:center;}.elementor-1191 .elementor-element.elementor-element-d26cccd .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;}.elementor-1191 .elementor-element.elementor-element-f8a0c18{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-a84edb0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-a84edb0{text-align:center;}.elementor-1191 .elementor-element.elementor-element-a84edb0 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-58740e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-586bd0b .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-586bd0b .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-586bd0b .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-586bd0b .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-586bd0b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-0d9ea75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-0d9ea75:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-0d9ea75::before, .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-0d9ea75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:bottom center;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-773d614{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-773d614.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-cfe9996 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-cfe9996 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-7df9d38{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-6613c1a > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-6613c1a{text-align:center;}.elementor-1191 .elementor-element.elementor-element-6613c1a .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;}.elementor-1191 .elementor-element.elementor-element-e862b1e{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-bf480e6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-bf480e6{text-align:center;}.elementor-1191 .elementor-element.elementor-element-bf480e6 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-8baa0ac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-a4befa2 .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-a4befa2 .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-a4befa2 .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-a4befa2 .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-a4befa2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-1b152ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-1b152ed:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-1b152ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-1b152ed::before, .elementor-1191 .elementor-element.elementor-element-1b152ed > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-1b152ed > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-1b152ed > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-1b152ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-1b152ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:bottom right;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-1c0002d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-1c0002d.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-d0db25a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-d0db25a img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-80cbdc9{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-21333ae > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-21333ae{text-align:center;}.elementor-1191 .elementor-element.elementor-element-21333ae .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;}.elementor-1191 .elementor-element.elementor-element-a4e1840{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-6be11fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-6be11fd{text-align:center;}.elementor-1191 .elementor-element.elementor-element-6be11fd .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-ae6d27e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-4b4b2f1 .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-4b4b2f1 .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-4b4b2f1 .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-4b4b2f1 .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-4b4b2f1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-6cf29ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-6cf29ea:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-6cf29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-6cf29ea::before, .elementor-1191 .elementor-element.elementor-element-6cf29ea > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-6cf29ea > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-6cf29ea > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-6cf29ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-6cf29ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:center right;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-1e736bd{--display:flex;}.elementor-1191 .elementor-element.elementor-element-1e736bd.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-f1b2a68 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-f1b2a68 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-2c4ae9f{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-8827ad6 > .elementor-widget-container{padding:3px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-8827ad6{text-align:center;}.elementor-1191 .elementor-element.elementor-element-8827ad6 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;}.elementor-1191 .elementor-element.elementor-element-9682b26{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-d3603d9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-d3603d9{text-align:center;}.elementor-1191 .elementor-element.elementor-element-d3603d9 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-2393779{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-1a44685 .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-1a44685 .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-1a44685 .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-1a44685 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-1a44685 .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-1a44685 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-9470d75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 12px -2px rgba(0,0,0,0.5);--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-1191 .elementor-element.elementor-element-9470d75:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1191 .elementor-element.elementor-element-9470d75::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hein.ca/wp-content/uploads/2026/01/HEIN_BluePrint_Background_Blue-scaled.png");--background-overlay:'';background-position:-521px 199px;background-size:contain;}.elementor-1191 .elementor-element.elementor-element-c04beb3{--display:flex;}.elementor-1191 .elementor-element.elementor-element-c04beb3.e-con{--e-con-transform-scale:1;}.elementor-1191 .elementor-element.elementor-element-15f11b7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-15f11b7 img{max-width:65%;border-radius:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-8f286a0{--display:flex;--min-height:3em;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-d5276da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-d5276da{text-align:center;}.elementor-1191 .elementor-element.elementor-element-d5276da .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-1px;color:#003057;}.elementor-1191 .elementor-element.elementor-element-7055965{--display:flex;--min-height:4em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-a67b9c0{text-align:center;}.elementor-1191 .elementor-element.elementor-element-a67b9c0 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:-1px;color:#EA7600;}.elementor-1191 .elementor-element.elementor-element-e854407{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-21b4b2d .elementor-button{background-color:#003057;fill:#FFFFFF;color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-21b4b2d .elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-21b4b2d .elementor-button:focus{background-color:#EA7600;color:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-21b4b2d .elementor-button:hover svg, .elementor-1191 .elementor-element.elementor-element-21b4b2d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1191 .elementor-element.elementor-element-fa154a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-f5cb75b{--display:flex;--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-1191 .elementor-element.elementor-element-84e3ec3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-b2603b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1191 .elementor-element.elementor-element-b423ede{--display:flex;--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-1191 .elementor-element.elementor-element-b423ede:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-b423ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hein.ca/wp-content/uploads/2026/08/20210527-Prescott-Russell-15-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1191 .elementor-element.elementor-element-bcb0360{--display:flex;--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-1191 .elementor-element.elementor-element-f1227f2{--display:flex;--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-1191 .elementor-element.elementor-element-f1227f2:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-f1227f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hein.ca/wp-content/uploads/2026/08/HEIN_UCPR_Scaffolding.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1191 .elementor-element.elementor-element-efe07dc{--display:flex;--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-1191 .elementor-element.elementor-element-efe07dc:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-efe07dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hein.ca/wp-content/uploads/2026/08/HEIN_UCPR_Collage_01-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1191 .elementor-element.elementor-element-115056e{--display:flex;}.elementor-1191 .elementor-element.elementor-element-fc7163b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1191 .elementor-element.elementor-element-3c20f2c{--display:flex;}.elementor-1191 .elementor-element.elementor-element-981965e{--display:flex;}.elementor-1191 .elementor-element.elementor-element-1484ff9{--display:flex;}.elementor-1191 .elementor-element.elementor-element-497537c{--display:flex;}.elementor-1191 .elementor-element.elementor-element-666da15{--display:flex;}.elementor-1191 .elementor-element.elementor-element-74222d8{--display:flex;}.elementor-1191 .elementor-element.elementor-element-7202703{--display:flex;}.elementor-1191 .elementor-element.elementor-element-5c46642{--display:flex;}.elementor-1191 .elementor-element.elementor-element-977a559{--display:flex;}.elementor-1191 .elementor-element.elementor-element-0564465{--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;--overflow:hidden;--overlay-opacity:0.9;--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-1191 .elementor-element.elementor-element-0564465::before, .elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-0564465 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-0564465 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#003057;--background-overlay:'';}.elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-shape-top svg, .elementor-1191 .elementor-element.elementor-element-0564465 > .e-con-inner > .elementor-shape-top svg{width:calc(110% + 1.3px);height:62px;}.elementor-1191 .elementor-element.elementor-element-6655678{--display:flex;--overlay-opacity:0.72;}.elementor-1191 .elementor-element.elementor-element-6655678::before, .elementor-1191 .elementor-element.elementor-element-6655678 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-6655678 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-6655678 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-6655678 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-6655678 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1191 .elementor-element.elementor-element-67a77ec .elementor-button{background-color:#EA7600;border-style:none;}.elementor-1191 .elementor-element.elementor-element-67a77ec a.elementor-button:hover, .elementor-1191 .elementor-element.elementor-element-67a77ec .elementor-button:hover{background-color:#FFFFFF;color:#003057;}.elementor-1191 .elementor-element.elementor-element-67a77ec .hfe-infocard{text-align:center;}.elementor-1191 .elementor-element.elementor-element-67a77ec a.elementor-button, .elementor-1191 .elementor-element.elementor-element-67a77ec .elementor-button{color:#FFFFFF;border-radius:24px 24px 24px 24px;}.elementor-1191 .elementor-element.elementor-element-67a77ec .hfe-infocard-title{color:#FFFFFF;margin:0px 0px 10px 0px;}.elementor-1191 .elementor-element.elementor-element-67a77ec .hfe-infocard-text{color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-67a77ec .hfe-infocard-cta-link-style, .elementor-1191 .elementor-element.elementor-element-67a77ec .hfe-button-wrapper{margin:10px 0px 0px 0px;}.elementor-1191 .elementor-element.elementor-element-3b97aaf{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1191 .elementor-element.elementor-element-807915b{--content-width:1200px;}.elementor-1191 .elementor-element.elementor-element-ebbbdb6{--width:100%;}.elementor-1191 .elementor-element.elementor-element-44cb468{--width:99.67%;}}@media(max-width:1024px){.elementor-1191 .elementor-element.elementor-element-4fc7498:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-4fc7498{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-807915b{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-db53721{--grid-auto-flow:row;}.elementor-1191 .elementor-element.elementor-element-dc276e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-605cd98::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-605cd98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-51fe66e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-a82eba2::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-a82eba2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-899d845{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-0d9ea75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-1b152ed{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-6cf29ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-9470d75::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-9470d75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1191 .elementor-element.elementor-element-fa154a4{--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1191 .elementor-element.elementor-element-4fc7498:not(.elementor-motion-effects-element-type-background), .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-4fc7498{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-1191 .elementor-element.elementor-element-807915b{--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1191 .elementor-element.elementor-element-db53721{--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 0px;--row-gap:20px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1191 .elementor-element.elementor-element-dc276e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-605cd98::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-605cd98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-605cd98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-51fe66e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-a82eba2::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-a82eba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-a82eba2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-899d845{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-0d9ea75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-1b152ed{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-6cf29ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-9470d75::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-video-container::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1191 .elementor-element.elementor-element-9470d75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-1191 .elementor-element.elementor-element-9470d75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1191 .elementor-element.elementor-element-fa154a4{--padding-top:56px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-b55f61c *//* Makes the liquid glass background hug the project title instead of stretching wide */ .elementor-1191 .elementor-element.elementor-element-b55f61c { width: fit-content !important; max-width: 90%; margin-left: auto; margin-right: auto; align-self: center; } /* Makes the glass effect area size to the text */ .elementor-1191 .elementor-element.elementor-element-b55f61c > .elementor-widget-container { width: fit-content !important; max-width: 100%; display: inline-flex !important; align-items: center; justify-content: center; padding: 8px 24px !important; } /* Removes extra paragraph spacing from the Text Editor widget */ .elementor-1191 .elementor-element.elementor-element-b55f61c p { margin: 0; } /* Keeps the title on one line on desktop */ .elementor-1191 .elementor-element.elementor-element-b55f61c .elementor-widget-container, .elementor-1191 .elementor-element.elementor-element-b55f61c .elementor-text-editor, .elementor-1191 .elementor-element.elementor-element-b55f61c p { white-space: nowrap; } /* Allows the title to wrap nicely on mobile */ @media (max-width: 767px) { .elementor-1191 .elementor-element.elementor-element-b55f61c { max-width: 92%; } .elementor-1191 .elementor-element.elementor-element-b55f61c .elementor-widget-container, .elementor-1191 .elementor-element.elementor-element-b55f61c .elementor-text-editor, .elementor-1191 .elementor-element.elementor-element-b55f61c p { white-space: normal; text-align: center; } } /* Project hero title shadow, matching the project card treatment */ .elementor-1191 .elementor-element.elementor-element-b55f61c p { margin: 0; color: #ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65), 0 4px 12px rgba(0, 0, 0, 0.45); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4fc7498 *//* ========================================================= HEIN INNER-PAGE HERO GRADIENT RESPONSIVE SHAPE-DIVIDER VERSION Apply directly to the outermost hero container. PURPOSE: - HEIN blue hero overlay - Keeps Elementor shape divider working normally - Controls curve depth responsively - Prevents exaggerated curve on mobile - Matches the light section below ========================================================= */ /* ========================================================= 1. HERO ROOT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498 { /* Shape divider depth */ --hein-hero-curve-height: 58px; position: relative; isolation: isolate; overflow: hidden; } /* ========================================================= 2. DISABLE ELEMENTOR BACKGROUND OVERLAY ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-background-overlay { display: none !important; } /* ========================================================= 3. HEIN BLUE GRADIENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 90deg, rgba(0, 23, 42, 0.94) 0%, rgba(0, 48, 87, 0.86) 45%, rgba(51, 91, 141, 0.68) 100% ), linear-gradient( 180deg, rgba(0, 31, 56, 0.08) 0%, rgba(0, 31, 56, 0.26) 100% ); } /* ========================================================= 4. HERO CONTENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .e-con-inner { position: relative; z-index: 2; } .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-element:not(.elementor-shape):not(.elementor-background-overlay) { position: relative; z-index: 2; } /* ========================================================= 5. SHAPE DIVIDER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape { position: absolute !important; left: 0 !important; z-index: 4 !important; display: block !important; width: 100% !important; height: var(--hein-hero-curve-height) !important; overflow: hidden !important; pointer-events: none; line-height: 0; } /* Top divider support, if ever used */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape-top { top: -1px !important; bottom: auto !important; } /* Bottom hero curve */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape-bottom { top: auto !important; bottom: -1px !important; } /* ========================================================= 6. SHAPE SVG ========================================================= */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape svg { position: relative; display: block; width: calc(100% + 2px) !important; height: 100% !important; left: 50%; transform: translateX(-50%); /* * Allows us to control divider depth independently * from the width of the viewport. */ preserve-aspect-ratio: none; } /* Match the section immediately below the hero */ .elementor-1191 .elementor-element.elementor-element-4fc7498 > .elementor-shape .elementor-shape-fill { fill: #f7f9fb !important; } /* ========================================================= 7. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-1191 .elementor-element.elementor-element-4fc7498 { --hein-hero-curve-height: 44px; } } /* ========================================================= 8. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1191 .elementor-element.elementor-element-4fc7498 { /* * Intentionally shallower on mobile. * * Increase this for a stronger curve. * Decrease it for a flatter curve. * * Recommended range: * 24px - 36px */ --hein-hero-curve-height: 30px; } .elementor-1191 .elementor-element.elementor-element-4fc7498::before { background: linear-gradient( 90deg, rgba(0, 23, 42, 0.92) 0%, rgba(0, 48, 87, 0.86) 57%, rgba(43, 84, 132, 0.74) 100% ), linear-gradient( 180deg, rgba(0, 31, 56, 0.08) 0%, rgba(0, 31, 56, 0.28) 100% ); } } /* ========================================================= 9. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-1191 .elementor-element.elementor-element-4fc7498 { --hein-hero-curve-height: 28px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-807915b *//* ========================================================= HEIN LEADERSHIP PAGE EXECUTIVE LEADERSHIP SYSTEM --------------------------------------------------------- Apply to: Leadership Section IMPORTANT: Outer section padding is controlled in Elementor. Recommended Elementor padding: Desktop: 80px top / 80px bottom Tablet: 70px top / 70px bottom Mobile: 56px top / 64px bottom HEADER CLASSES Eyebrow: hein-leadership-eyebrow hein-kicker Major heading: hein-leadership-title Introduction: hein-leadership-intro LAYOUT CLASSES hein-leadership-shell hein-leadership-grid CARD CLASSES hein-leadership-card hein-leadership-photo hein-leadership-image hein-leadership-name-wrap hein-leadership-name hein-leadership-role-wrap hein-leadership-role hein-leadership-action hein-leadership-bio DESIGN DIRECTION - HEIN standardized section-heading hierarchy - Orange eyebrow + construction datum - Aller 700 uppercase major heading - Controlled supporting copy - 3 × 3 desktop leadership grid - 11:10 executive portraits - Portraits anchored consistently to top - No portrait zoom - Wide animated architectural section grid - Section grid fades at top and bottom - Fine drafting grid inside cards - Blue portrait accent at rest - Expanding orange accent on hover - Entire card remains popup-clickable ========================================================= */ /* ========================================================= 1. DESIGN TOKENS + SECTION ROOT --------------------------------------------------------- NO OUTER PADDING HERE. Elementor remains responsible for section padding. ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b { --hein-blue: #003057; --hein-blue-dark: #001f38; --hein-blue-deep: #00172a; --hein-orange: #f58220; --hein-orange-dark: #d86a08; --hein-white: #ffffff; --hein-body: #41596a; --hein-muted: #667b89; --hein-surface: #ffffff; --hein-surface-soft: #f7f9fb; --hein-border: rgba(0, 48, 87, 0.12); position: relative; z-index: 2; isolation: isolate; display: block; width: 100%; margin: 0; overflow: hidden; color: var(--hein-body); background-color: var(--hein-surface-soft); /* * Extremely restrained warm atmosphere. */ background-image: radial-gradient( circle at 92% 12%, rgba(245, 130, 32, 0.026) 0%, transparent 38% ); } /* Predictable box sizing */ .elementor-1191 .elementor-element.elementor-element-807915b, .elementor-1191 .elementor-element.elementor-element-807915b *, .elementor-1191 .elementor-element.elementor-element-807915b *::before, .elementor-1191 .elementor-element.elementor-element-807915b *::after { box-sizing: border-box; } /* Remove Elementor widget bottom spacing */ .elementor-1191 .elementor-element.elementor-element-807915b .elementor-widget { margin-block-end: 0; } /* Keep actual content above decorative section layers */ .elementor-1191 .elementor-element.elementor-element-807915b > * { position: relative; z-index: 2; } /* ========================================================= 2. FIXED WIDE ARCHITECTURAL GRID ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient( rgba(0, 48, 87, 0.022) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0, 48, 87, 0.022) 1px, transparent 1px ); background-repeat: repeat, repeat; background-size: 96px 96px, 96px 96px; background-position: 0 0, 0 0; opacity: 0.92; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, #000 14%, #000 86%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, #000 14%, #000 86%, transparent 100% ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* ========================================================= 3. MOVING BLUE GRID ACCENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient( rgba(0, 48, 87, 0.075) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0, 48, 87, 0.075) 1px, transparent 1px ); background-repeat: repeat, repeat; background-size: 96px 96px, 96px 96px; background-position: 0 0, 0 0; opacity: 0.18; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, #000 14%, #000 86%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, #000 14%, #000 86%, transparent 100% ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; animation: heinLeadershipGridDrift 28s ease-in-out infinite; will-change: background-position, opacity; } /* ========================================================= 4. GRID MOVEMENT ========================================================= */ @keyframes heinLeadershipGridDrift { 0% { background-position: 0 0, 0 0; opacity: 0.14; } 35% { background-position: 28px 18px, 28px 18px; opacity: 0.38; } 65% { background-position: 58px 42px, 58px 42px; opacity: 0.24; } 100% { background-position: 96px 96px, 96px 96px; opacity: 0.14; } } /* ========================================================= 5. LEADERSHIP EYEBROW / GLOBAL KICKER --------------------------------------------------------- Add BOTH classes to the Elementor Heading widget: hein-leadership-eyebrow hein-kicker Global .hein-kicker controls: - font-size - line-height - letter-spacing This section continues to control: - colour - font family - font weight - spacing - decorative line - alignment ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow { display: block; width: auto; margin: 0 auto 15px !important; text-align: center; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow::after, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow > .elementor-widget-container::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow > .elementor-widget-container::after { content: none !important; display: none !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin: 0; color: var(--hein-orange) !important; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; white-space: nowrap; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title::before { content: ""; display: block; width: 26px; height: 2px; flex: 0 0 26px; background: var(--hein-orange); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title::after { content: ""; display: block; width: 26px; height: 2px; flex: 0 0 26px; background: var(--hein-orange); } /* ========================================================= 6. MAJOR SECTION HEADING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title { display: block; width: 100%; margin: 0 0 17px !important; text-align: center; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title::after, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title > .elementor-widget-container::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title > .elementor-widget-container::after { content: none !important; display: none !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title .elementor-heading-title { display: block; width: 100%; max-width: 820px; margin: 0 auto; color: var(--hein-blue) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: clamp(35px, 3.5vw, 50px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.032em !important; text-transform: uppercase !important; text-align: center; overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: balance; } /* ========================================================= 7. INTRODUCTION COPY ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro { width: min(100%, 790px); margin: 0 auto !important; text-align: center; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro p { color: var(--hein-body) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: clamp(16px, 1.05vw, 17px) !important; font-weight: 400 !important; line-height: 1.68 !important; text-align: center; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro p { margin: 0; } /* ========================================================= 8. LEADERSHIP CARDS SHELL ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-shell { position: relative; z-index: 2; display: block !important; width: min(calc(100% - 48px), 1080px) !important; max-width: 1080px !important; min-width: 0; margin: 38px auto 0 !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-shell > .e-con-inner { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 9. LEADERSHIP GRID ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid > .e-con-inner { display: grid !important; width: 100% !important; max-width: none !important; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; margin: 0 !important; padding: 0 !important; } /* ========================================================= 10. LEADERSHIP CARD ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card { position: relative; z-index: 2; display: flex !important; width: 100% !important; min-width: 0; height: 100%; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; color: var(--hein-body); background-color: var(--hein-white) !important; background-image: linear-gradient( rgba(0, 48, 87, 0.024) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0, 48, 87, 0.024) 1px, transparent 1px ), linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 250, 252, 1) 100% ) !important; background-size: 28px 28px, 28px 28px, 100% 100% !important; border: 1px solid var(--hein-border) !important; border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 31, 56, 0.06), 0 3px 8px rgba(0, 31, 56, 0.032); cursor: pointer; transform: translateZ(0); transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card > .elementor-background-overlay { display: none !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card > .e-con-inner { display: flex !important; width: 100% !important; height: 100%; max-width: none !important; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 11. PORTRAIT CONTAINER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-photo { position: relative; z-index: 2; display: block !important; width: 100% !important; aspect-ratio: 11 / 10; min-width: 0; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #061421 !important; border: 0 !important; border-radius: 0 !important; } /* ========================================================= 12. PHOTO INNER WRAPPER RESET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-photo > .e-con-inner { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: hidden !important; } /* ========================================================= 13. PORTRAIT IMAGE WIDGET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; isolation: isolate; transform: none !important; } /* ========================================================= 14. ELEMENTOR IMAGE WRAPPER RESET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image > .elementor-widget-container { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; line-height: 0; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image a { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 0; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image picture { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 15. ACTUAL PORTRAIT IMAGE --------------------------------------------------------- All portraits are anchored to the TOP CENTER. This means: - no artificial vertical offset - every source begins at its actual top edge - consistent crop behaviour across the full team ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; /* * Anchor every portrait to the true top of its source. */ object-position: 50% 0% !important; border: 0 !important; border-radius: 0 !important; clip-path: none !important; -webkit-clip-path: none !important; mask: none !important; -webkit-mask: none !important; mask-image: none !important; -webkit-mask-image: none !important; box-shadow: none !important; filter: saturate(0.98) contrast(1.01); transform: scale(1); transform-origin: center top; transition: filter 300ms ease; } /* ========================================================= 16. RESTING BLUE PORTRAIT ACCENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image::after { content: ""; position: absolute; left: -11%; bottom: -17%; z-index: 3; width: 54%; height: 48%; pointer-events: none; background: radial-gradient( ellipse at 18% 82%, rgba(0, 48, 87, 0.27) 0%, rgba(0, 48, 87, 0.15) 25%, rgba(0, 48, 87, 0.06) 48%, transparent 70% ); opacity: 1; transform: scale(1); transform-origin: left bottom; transition: opacity 300ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1); } /* ========================================================= 17. HOVER ORANGE PORTRAIT ACCENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image::before { content: ""; position: absolute; left: -11%; bottom: -17%; z-index: 4; width: 54%; height: 48%; pointer-events: none; background: radial-gradient( ellipse at 18% 82%, rgba(245, 130, 32, 0.30) 0%, rgba(245, 130, 32, 0.17) 25%, rgba(245, 130, 32, 0.065) 48%, transparent 70% ); opacity: 0; transform: scale(0.86); transform-origin: left bottom; transition: opacity 300ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1); } /* ========================================================= 18. NAME CONTAINER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap { position: relative; z-index: 3; display: flex !important; width: 100% !important; min-width: 0; align-items: flex-start; justify-content: flex-start; margin: 0 !important; padding: 17px 19px 0 !important; background: transparent !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap::before { content: ""; position: absolute; top: 0; left: 19px; width: 44px; height: 3px; pointer-events: none; background: linear-gradient( 90deg, var(--hein-orange) 0%, rgba(245, 130, 32, 0.32) 78%, transparent 100% ); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap > .e-con-inner { display: flex !important; width: 100% !important; max-width: none !important; align-items: flex-start; margin: 0 !important; padding: 0 !important; } /* ========================================================= 19. NAME HEADING --------------------------------------------------------- Increased slightly for stronger hierarchy. Previous: 19px to 22px Revised: 22px to 25px ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name { width: 100%; margin: 0 !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name .elementor-heading-title { margin: 0; color: var(--hein-blue) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: clamp(22px, 1.65vw, 25px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -0.022em; text-transform: none; text-align: left; text-wrap: pretty; } /* ========================================================= 20. ROLE CONTAINER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role-wrap { position: relative; z-index: 3; display: flex !important; width: 100% !important; min-width: 0; min-height: 44px; align-items: flex-start; justify-content: flex-start; flex: 0 0 auto; margin: 0 !important; padding: 5px 19px 6px !important; background: transparent !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role-wrap > .e-con-inner { display: flex !important; width: 100% !important; max-width: none !important; align-items: flex-start; margin: 0 !important; padding: 0 !important; } /* ========================================================= 21. ROLE HEADING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role { width: 100%; margin: 0 !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role .elementor-heading-title { width: 100%; max-width: none; margin: 0; color: var(--hein-orange-dark) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.38 !important; letter-spacing: 0; text-transform: none; text-align: left; text-wrap: balance; word-break: normal; overflow-wrap: normal; hyphens: none; } /* ========================================================= 22. BIO ACTION CONTAINER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-action { position: static !important; z-index: 3; display: flex !important; width: 100% !important; min-width: 0; flex: 1 0 auto; align-items: flex-end; justify-content: flex-end; margin: 0 !important; padding: 1px 19px 16px !important; background: transparent !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-action > .e-con-inner { position: static !important; display: flex !important; width: 100% !important; max-width: none !important; align-items: flex-end; justify-content: flex-end; margin: 0 !important; padding: 0 !important; } /* ========================================================= 23. BIO BUTTON WIDGET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio { position: static !important; z-index: 4; display: block; width: auto; margin: 0 !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio > .elementor-widget-container { position: static !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 24. VIEW BIO BUTTON ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button { position: static !important; display: inline-flex; width: auto; min-width: 106px; min-height: 37px; align-items: center; justify-content: center; gap: 7px; margin: 0; padding: 8px 13px !important; color: var(--hein-white) !important; background: var(--hein-blue) !important; border: 1px solid var(--hein-blue) !important; border-radius: 999px !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.075em !important; text-transform: uppercase !important; text-decoration: none; text-align: center; box-shadow: none !important; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button-icon { display: none !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button::after { content: "→"; position: relative; z-index: 11; display: inline-block; color: var(--hein-orange); font-size: 14px; line-height: 1; transition: color 180ms ease, transform 180ms ease; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button-text { position: relative; z-index: 11; } /* ========================================================= 25. WHOLE-CARD CLICK TARGET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button::before { content: ""; position: absolute; inset: 0; z-index: 10; border-radius: 15px; cursor: pointer; } /* ========================================================= 26. FOCUS + ACTIVE RESET ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button:focus, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button:active { color: var(--hein-white) !important; background: var(--hein-blue) !important; border-color: var(--hein-blue) !important; outline: none; box-shadow: none !important; } /* ========================================================= 27. KEYBOARD FOCUS ========================================================= */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button:focus-visible { outline: none; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button:focus-visible::before { outline: 3px solid rgba(245, 130, 32, 0.58); outline-offset: -4px; border-radius: 15px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:has( .hein-leadership-bio .elementor-button:focus-visible ) { border-color: rgba(245, 130, 32, 0.46) !important; box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.10), 0 14px 30px rgba(0, 31, 56, 0.10); } /* ========================================================= 28. DESKTOP CARD HOVER ========================================================= */ @media (hover: hover) and (pointer: fine) { .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover { border-color: rgba(0, 48, 87, 0.22) !important; box-shadow: 0 15px 32px rgba(0, 31, 56, 0.10), 0 4px 10px rgba(0, 31, 56, 0.04); transform: translateY(-3px); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image img { filter: saturate(1) contrast(1); transform: scale(1); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image::after { opacity: 0; transform: scale(0.94); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image::before { opacity: 1; transform: scale(1.18); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-bio .elementor-button { color: var(--hein-white) !important; background: var(--hein-orange) !important; border-color: var(--hein-orange) !important; box-shadow: 0 5px 12px rgba(0, 31, 56, 0.11) !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-bio .elementor-button::after { color: var(--hein-white); transform: translateX(3px); } } /* ========================================================= 29. PORTRAIT POSITIONING --------------------------------------------------------- All portraits intentionally use one crop origin. Global rule: top center If a future source image is genuinely framed differently, it is better to recrop the source image than introduce inconsistent CSS positioning here. ========================================================= */ /* ========================================================= 30. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow { margin-bottom: 14px !important; } /* * Kicker typography is controlled globally by .hein-kicker. */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title .elementor-heading-title { font-size: clamp(34px, 4vw, 45px) !important; text-transform: uppercase !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro { width: min(100%, 740px); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-shell { width: min(calc(100% - 40px), 880px) !important; margin-top: 34px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-photo { aspect-ratio: 11 / 10; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name .elementor-heading-title { font-size: clamp(22px, 2.5vw, 25px) !important; } } /* ========================================================= 31. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1191 .elementor-element.elementor-element-807915b::before { background-size: 72px 72px, 72px 72px; } .elementor-1191 .elementor-element.elementor-element-807915b::after { background-size: 72px 72px, 72px 72px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow { margin-bottom: 12px !important; } /* * Kicker typography is controlled globally by .hein-kicker. * Only the mobile decorative spacing is adjusted locally. */ .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title { gap: 8px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-eyebrow .elementor-heading-title::after { width: 22px; flex-basis: 22px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title { margin-bottom: 15px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title .elementor-heading-title { font-size: clamp(33px, 8.8vw, 42px) !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; text-transform: uppercase !important; text-wrap: pretty; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro { width: min(100%, 520px); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-intro p { font-size: 16px !important; line-height: 1.65 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-shell { width: min(calc(100% - 28px), 500px) !important; margin-top: 30px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-grid > .e-con-inner { grid-template-columns: 1fr; gap: 18px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-photo { aspect-ratio: 6 / 5; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card { border-radius: 14px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap { padding: 17px 18px 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap::before { left: 18px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role-wrap { min-height: 0; padding: 5px 18px 6px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-action { padding: 1px 18px 16px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name .elementor-heading-title { font-size: clamp(22px, 6.2vw, 25px) !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button:focus-visible::before { border-radius: 14px; } } /* ========================================================= 32. SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-title .elementor-heading-title { font-size: clamp(31px, 9vw, 39px) !important; text-transform: uppercase !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap { padding: 16px 17px 0 !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name-wrap::before { left: 17px; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-role-wrap { padding: 5px 17px 6px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-action { padding: 1px 17px 15px !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-name .elementor-heading-title { font-size: clamp(22px, 6.4vw, 24px) !important; } } /* ========================================================= 33. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-1191 .elementor-element.elementor-element-807915b::after { animation: none !important; opacity: 0.18; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image img, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image::before, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image::after, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-bio .elementor-button::after { transition: none !important; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover { transform: none; } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-image img, .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image img { transform: scale(1); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image::before { opacity: 1; transform: scale(1); } .elementor-1191 .elementor-element.elementor-element-807915b .hein-leadership-card:hover .hein-leadership-image::after { opacity: 0; transform: scale(1); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fa154a4 *//* ========================================================= HEIN LEADERSHIP APPROACH PROJECT PHASE COLLAGE EDITION ARCHITECTURAL ARC BACKGROUND NATURAL PHOTO TREATMENT --------------------------------------------------------- Outer class: hein-leadership-approach KICKER CLASSES: hein-leadership-approach-eyebrow hein-kicker MEDIA STRUCTURE: Leadership Approach Media .hein-leadership-approach-media | |-- Leadership Photo Collage | .hein-leadership-collage | | | |-- Leadership Collage Main | | .hein-leadership-collage-main | | | |-- Leadership Collage Side | .hein-leadership-collage-side | | | |-- Leadership Collage Secondary | | .hein-leadership-collage-secondary | | | |-- Leadership Collage Tertiary | .hein-leadership-collage-tertiary | |-- Ownership Callout .hein-leadership-ownership BACKGROUND DIRECTION: - No repeating grid - No diagonal architectural planes - Deep HEIN blue atmospheric gradient - Oversized architectural / survey arcs - Very subtle radial drafting geometry - Localized light behind content - Deepened tone behind photography - Natural transition into CTA below PHOTO TREATMENT: - Main construction image remains natural - No broad blue wash across collage - Very subtle bottom-edge vignette only - Right-hand images receive extremely light blue toning - No orange image wash - No image zoom or hover animation - No hover interaction on principle rows ========================================================= */ /* ========================================================= 1. DESIGN TOKENS + SECTION ROOT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 { --hein-blue: #003057; --hein-blue-dark: #001f38; --hein-blue-deep: #00172a; --hein-approach-blue-deep: #001f35; --hein-approach-blue-mid: #003456; --hein-approach-blue-soft: #07517a; /* * Must match CTA divider fill. */ --hein-transition-blue: #003456; --hein-orange: #f58220; --hein-orange-dark: #d86a08; --hein-white: #ffffff; --hein-text-light: rgba(255, 255, 255, 0.84); --hein-text-muted: rgba(255, 255, 255, 0.68); --hein-line: rgba(255, 255, 255, 0.15); --hein-collage-gap: 7px; position: relative; z-index: 2; isolation: isolate; display: block; width: 100%; margin: 0 !important; padding: clamp(80px, 6vw, 96px) 0 clamp(110px, calc(6vw + 30px), 126px); overflow: hidden; color: var(--hein-white); /* * Main atmospheric background. * Layer 1: * Smooth convergence into CTA blue. * Layer 2: * Soft highlight behind right-side content. * Layer 3: * Slightly darker field behind collage. * Layer 4: * Core HEIN blue gradient. */ background: linear-gradient( 180deg, rgba(0, 52, 86, 0) 0%, rgba(0, 52, 86, 0) 70%, rgba(0, 52, 86, 0.14) 82%, rgba(0, 52, 86, 0.44) 93%, var(--hein-transition-blue) 100% ), radial-gradient( ellipse at 84% 37%, rgba(55, 143, 195, 0.16) 0%, rgba(32, 111, 160, 0.07) 32%, transparent 61% ), radial-gradient( ellipse at 17% 55%, rgba(0, 16, 29, 0.34) 0%, rgba(0, 16, 29, 0.14) 34%, transparent 65% ), linear-gradient( 110deg, var(--hein-approach-blue-deep) 0%, var(--hein-approach-blue-mid) 50%, var(--hein-approach-blue-soft) 100% ); } /* Predictable sizing */ .elementor-1191 .elementor-element.elementor-element-fa154a4, .elementor-1191 .elementor-element.elementor-element-fa154a4 *, .elementor-1191 .elementor-element.elementor-element-fa154a4 *::before, .elementor-1191 .elementor-element.elementor-element-fa154a4 *::after { box-sizing: border-box; } /* Remove Elementor widget spacing */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .elementor-widget { margin-block-end: 0; } /* Keep content above decorative layers */ .elementor-1191 .elementor-element.elementor-element-fa154a4 > * { position: relative; z-index: 2; } /* ========================================================= 2. ARCHITECTURAL / SURVEY ARCS ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4::before { content: ""; position: absolute; width: 1250px; height: 1250px; left: clamp(-520px, -23vw, -300px); bottom: -720px; z-index: 0; pointer-events: none; border-radius: 50%; background: radial-gradient( circle at center, transparent 0%, transparent 24.8%, rgba(118, 180, 216, 0.075) 24.95%, rgba(118, 180, 216, 0.075) 25.08%, transparent 25.22%, transparent 34.8%, rgba(255, 255, 255, 0.034) 34.95%, rgba(255, 255, 255, 0.034) 35.08%, transparent 35.22%, transparent 47.6%, rgba(102, 169, 209, 0.060) 47.75%, rgba(102, 169, 209, 0.060) 47.88%, transparent 48.02%, transparent 60.7%, rgba(255, 255, 255, 0.026) 60.85%, rgba(255, 255, 255, 0.026) 60.98%, transparent 61.12%, transparent 74.2%, rgba(93, 160, 201, 0.042) 74.35%, rgba(93, 160, 201, 0.042) 74.48%, transparent 74.62%, transparent 100% ); opacity: 0.9; transform: rotate(-7deg); } /* ========================================================= 3. ATMOSPHERIC LIGHT + SECONDARY ARC ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient( circle at 108% -12%, transparent 0%, transparent 31%, rgba(255, 255, 255, 0.028) 31.15%, rgba(255, 255, 255, 0.028) 31.30%, transparent 31.45%, transparent 46%, rgba(92, 161, 202, 0.035) 46.15%, rgba(92, 161, 202, 0.035) 46.30%, transparent 46.45%, transparent 100% ), radial-gradient( ellipse at 76% 39%, rgba(93, 176, 225, 0.075) 0%, rgba(66, 149, 200, 0.030) 35%, transparent 64% ), radial-gradient( ellipse at 24% 16%, rgba(255, 255, 255, 0.030) 0%, transparent 45% ), linear-gradient( 180deg, transparent 0%, transparent 72%, rgba(0, 21, 38, 0.10) 100% ); opacity: 1; } /* ========================================================= 4. MAIN SHELL ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-shell { position: relative; z-index: 2; display: grid !important; width: min(calc(100% - 48px), 1200px) !important; max-width: 1200px !important; min-width: 0; grid-template-columns: minmax(0, 0.97fr) minmax(0, 1.03fr); column-gap: clamp(52px, 5.5vw, 76px); row-gap: 44px; align-items: center; margin: 0 auto !important; padding: 0 !important; --display: grid; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-shell > .e-con-inner { display: contents !important; } /* Explicit column placement */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { grid-column: 1; min-width: 0; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-content { grid-column: 2; min-width: 0; } /* ========================================================= 5. COLLAGE MEDIA FRAME ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { position: relative; display: block !important; width: 100% !important; height: clamp(520px, 46vw, 620px); min-height: 520px; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: var(--hein-blue-deep); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; box-shadow: 0 28px 60px rgba(0, 15, 28, 0.31), 0 7px 20px rgba(0, 15, 28, 0.15); contain: paint; } /* ========================================================= 6. MEDIA INNER WRAPPER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media > .e-con-inner { position: absolute !important; inset: 0 !important; z-index: auto !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 7. PHOTO COLLAGE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage { position: absolute !important; inset: 0 !important; z-index: 1; display: grid !important; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; grid-template-columns: minmax(0, 1.68fr) minmax(0, 1fr); grid-template-rows: 1fr; gap: var(--hein-collage-gap); margin: 0 !important; padding: 0 !important; overflow: hidden; background: var(--hein-blue-deep); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage > .e-con-inner { display: contents !important; } /* ========================================================= 8. LARGE MAIN IMAGE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-main { position: relative; grid-column: 1; grid-row: 1; display: block !important; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045); filter: none !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-main > .e-con-inner { width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 9. RIGHT-SIDE IMAGE STACK ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-side { position: relative; grid-column: 2; grid-row: 1; display: grid !important; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: var(--hein-collage-gap); margin: 0 !important; padding: 0 !important; background: transparent !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-side > .e-con-inner { display: contents !important; } /* ========================================================= 10. SECONDARY IMAGE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-secondary { position: relative; grid-column: 1; grid-row: 1; display: block !important; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-secondary > .e-con-inner { width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 11. TERTIARY IMAGE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-tertiary { position: relative; grid-column: 1; grid-row: 2; display: block !important; width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 46% !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-tertiary > .e-con-inner { width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 12. SUBTLE RIGHT-SIDE PHOTO TONING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-secondary::before, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-tertiary::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( 135deg, rgba(0, 48, 87, 0.025) 0%, rgba(0, 48, 87, 0.055) 100% ); } /* ========================================================= 13. VERY SUBTLE BOTTOM VIGNETTE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient( 180deg, transparent 0%, transparent 72%, rgba(0, 23, 42, 0.025) 82%, rgba(0, 23, 42, 0.075) 92%, rgba(0, 23, 42, 0.13) 100% ); opacity: 1; } /* ========================================================= 14. MEDIA INNER EDGE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media::after { content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0, 31, 56, 0.16); } /* ========================================================= 15. OWNERSHIP / MEDIA CALLOUT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership { position: absolute !important; left: 18px; bottom: 18px; z-index: 5 !important; display: flex !important; width: min(calc(100% - 36px), 300px) !important; flex-direction: column; align-items: flex-start; gap: 0 !important; margin: 0 !important; padding: 15px 17px 16px 18px !important; overflow: hidden; background: linear-gradient( 135deg, rgba(0, 31, 56, 0.96) 0%, rgba(0, 42, 72, 0.93) 100% ); border: 1px solid rgba(255, 255, 255, 0.15); border-left: 3px solid var(--hein-orange); border-radius: 10px; box-shadow: 0 12px 28px rgba(0, 15, 28, 0.28); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership > .e-con-inner { display: flex !important; width: 100% !important; max-width: none !important; flex-direction: column; align-items: flex-start; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 16. CALLOUT LABEL ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-label { width: 100%; margin: 0 0 5px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-label .elementor-heading-title { margin: 0; color: var(--hein-orange) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } /* ========================================================= 17. CALLOUT STATEMENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-title { width: 100%; margin: 0 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-title .elementor-heading-title { margin: 0; color: var(--hein-white) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: clamp(18px, 1.6vw, 21px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.018em !important; } /* ========================================================= 18. CONTENT COLUMN ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-content { display: flex !important; width: 100% !important; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 19. EYEBROW / GLOBAL KICKER --------------------------------------------------------- Add BOTH classes to the Elementor Heading widget: hein-leadership-approach-eyebrow hein-kicker Global .hein-kicker controls: - font-size - line-height - letter-spacing This section continues to control: - colour - font family - font weight - spacing - decorative line - alignment ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow { width: auto; margin: 0 0 15px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow::before, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow::after, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow > .elementor-widget-container::before, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow > .elementor-widget-container::after { content: none !important; display: none !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow .elementor-heading-title { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: var(--hein-orange) !important; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; white-space: nowrap; } /* Standard HEIN orange datum */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow .elementor-heading-title::before { content: ""; display: block; width: 26px; height: 2px; flex: 0 0 26px; background: var(--hein-orange); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow .elementor-heading-title::after { content: none !important; display: none !important; } /* ========================================================= 20. MAJOR HEADING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title { width: 100%; margin: 0 0 18px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title .elementor-heading-title { width: 100%; max-width: 650px; margin: 0; color: var(--hein-white) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: clamp(35px, 3.5vw, 50px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.032em !important; text-transform: uppercase !important; text-align: left; text-wrap: balance; } /* ========================================================= 21. INTRO COPY ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy { width: 100%; max-width: 670px; margin: 0 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy p { color: var(--hein-text-light) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: clamp(15.5px, 1.15vw, 17px) !important; font-weight: 400 !important; line-height: 1.68 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy p { margin: 0; } /* ========================================================= 22. PRINCIPLES GRID ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles > .e-con-inner { display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 0; margin: 30px 0 0 !important; padding: 0 !important; } /* ========================================================= 23. PRINCIPLE ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle { position: relative; display: grid !important; width: 100% !important; min-width: 0; grid-template-columns: 31px minmax(0, 1fr); column-gap: 13px; align-items: start; margin: 0 !important; padding: 17px 0 18px !important; border-top: 1px solid var(--hein-line); background: transparent !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle > .e-con-inner { display: contents !important; } /* Static orange construction detail */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle::before { content: ""; position: absolute; top: -1px; left: 0; width: 28px; height: 2px; pointer-events: none; background: var(--hein-orange); transform-origin: left center; transform: scaleX(0.55); } /* ========================================================= 24. PRINCIPLE NUMBER ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-number { width: 100%; margin: 1px 0 0 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-number .elementor-heading-title { margin: 0; color: var(--hein-orange) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0.08em !important; } /* ========================================================= 25. PRINCIPLE COPY ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-content { display: flex !important; width: 100% !important; min-width: 0; flex-direction: column; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-content > .e-con-inner { display: flex !important; width: 100% !important; max-width: none !important; flex-direction: column; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 26. PRINCIPLE HEADING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-title { width: 100%; margin: 0 0 5px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-title .elementor-heading-title { margin: 0; color: var(--hein-white) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.012em !important; text-transform: uppercase !important; } /* ========================================================= 27. PRINCIPLE TEXT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-text { width: 100%; margin: 0 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-text, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-text p { color: var(--hein-text-muted) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 1.55 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle-text p { margin: 0; } /* ========================================================= 28. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-1191 .elementor-element.elementor-element-fa154a4 { margin: 0 !important; padding: 72px 0 98px; } .elementor-1191 .elementor-element.elementor-element-fa154a4::before { width: 1000px; height: 1000px; left: -430px; bottom: -560px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-shell { width: min(calc(100% - 40px), 920px) !important; grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); column-gap: 42px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { height: clamp(460px, 54vw, 540px); min-height: 460px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title .elementor-heading-title { font-size: clamp(34px, 4vw, 45px) !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles > .e-con-inner { column-gap: 24px; } } /* ========================================================= 29. STACKED TABLET ========================================================= */ @media (max-width: 820px) { .elementor-1191 .elementor-element.elementor-element-fa154a4 { padding-bottom: 93px; } .elementor-1191 .elementor-element.elementor-element-fa154a4::before { width: 950px; height: 950px; left: -520px; bottom: -430px; opacity: 0.75; } .elementor-1191 .elementor-element.elementor-element-fa154a4::after { background: radial-gradient( circle at 108% -8%, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.026) 30.15%, rgba(255, 255, 255, 0.026) 30.30%, transparent 30.45%, transparent 100% ), radial-gradient( ellipse at 52% 72%, rgba(79, 166, 217, 0.075) 0%, rgba(49, 131, 180, 0.028) 37%, transparent 66% ), linear-gradient( 180deg, transparent 0%, transparent 76%, rgba(0, 21, 38, 0.10) 100% ); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-shell { width: min(calc(100% - 36px), 720px) !important; grid-template-columns: 1fr; row-gap: 44px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-content { grid-column: 1; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { width: 100% !important; height: auto; min-height: 0; aspect-ratio: 16 / 10; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-content { max-width: 690px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy { max-width: 650px; } } /* ========================================================= 30. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1191 .elementor-element.elementor-element-fa154a4 { --hein-collage-gap: 5px; margin: 0 !important; padding: 58px 0 74px; } .elementor-1191 .elementor-element.elementor-element-fa154a4::before { width: 760px; height: 760px; left: -470px; bottom: -250px; opacity: 0.68; transform: rotate(-10deg); } .elementor-1191 .elementor-element.elementor-element-fa154a4::after { background: radial-gradient( circle at 118% 0%, transparent 0%, transparent 33%, rgba(255, 255, 255, 0.022) 33.15%, rgba(255, 255, 255, 0.022) 33.30%, transparent 33.45%, transparent 100% ), radial-gradient( ellipse at 54% 72%, rgba(70, 156, 207, 0.070) 0%, rgba(45, 127, 177, 0.026) 38%, transparent 66% ), linear-gradient( 180deg, transparent 0%, transparent 77%, rgba(0, 21, 38, 0.10) 100% ); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-shell { width: min(calc(100% - 28px), 560px) !important; row-gap: 38px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { height: auto; min-height: 0; aspect-ratio: 4 / 3; border-radius: 15px; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--hein-collage-gap); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-main { grid-column: 1 / -1; grid-row: 1; background-position: 50% 50% !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-side, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-side > .e-con-inner { display: contents !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-secondary { grid-column: 1; grid-row: 2; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-collage-tertiary { grid-column: 2; grid-row: 2; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media::before { background: linear-gradient( 180deg, transparent 0%, transparent 70%, rgba(0, 23, 42, 0.02) 82%, rgba(0, 23, 42, 0.10) 100% ); } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership { left: 12px; bottom: 12px; width: min(calc(100% - 24px), 290px) !important; padding: 13px 15px 14px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-eyebrow { margin-bottom: 13px !important; } /* * Kicker typography is controlled globally by .hein-kicker. * No local mobile font-size override is applied here. */ .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title { margin-bottom: 16px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title .elementor-heading-title { font-size: clamp(33px, 8.8vw, 42px) !important; line-height: 1.08 !important; text-wrap: pretty; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-copy p { font-size: 16px !important; line-height: 1.65 !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles, .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principles > .e-con-inner { grid-template-columns: 1fr; margin-top: 26px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle { padding: 16px 0 17px !important; } } /* ========================================================= 31. SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .elementor-1191 .elementor-element.elementor-element-fa154a4 { padding-bottom: 71px; } .elementor-1191 .elementor-element.elementor-element-fa154a4::before { width: 690px; height: 690px; left: -450px; bottom: -200px; opacity: 0.62; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-media { aspect-ratio: 1 / 0.82; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-approach-title .elementor-heading-title { font-size: clamp(31px, 9vw, 39px) !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-label .elementor-heading-title { font-size: 9.5px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-ownership-title .elementor-heading-title { font-size: 17px !important; } .elementor-1191 .elementor-element.elementor-element-fa154a4 .hein-leadership-principle { grid-template-columns: 28px minmax(0, 1fr); column-gap: 11px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0564465 *//* ========================================================= HEIN LEADERSHIP PAGE CTA TRUE CURVED SECTION TRANSITION STATIC PHOTO EDITION --------------------------------------------------------- Apply this CSS to: CTA Section Required classes: hein-home-cta hein-cta-shell hein-cta-content PHOTO CONTROLS: X POSITION 0% = left 50% = center 100% = right Y POSITION 0% = top 50% = center 100% = bottom ZOOM 1 = normal cover 1.05 = 5% additional zoom 1.10 = 10% additional zoom 1.20 = 20% additional zoom Keep zoom at 1 or higher so the photograph always completely fills the CTA. ========================================================= */ /* ========================================================= 1. DESIGN TOKENS + SECTION ROOT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 { --hein-blue: #003057; --hein-blue-dark: #001f38; --hein-blue-deep: #00172a; --hein-orange: #f58220; --hein-orange-dark: #d86a08; --hein-white: #ffffff; /* ======================================================= CTA BACKGROUND PHOTOGRAPH ======================================================= */ --hein-cta-photo: url("/wp-content/uploads/2026/09/20211123-Prescott-Russell-7-1-scaled.jpg"); /* ======================================================= PHOTO FRAMING CONTROLS ------------------------------------------------------- These are the values to adjust when framing the image. DEFAULT: Centered horizontally Anchored to bottom No additional zoom ======================================================= */ --hein-cta-photo-x: 50%; --hein-cta-photo-y: 80%; --hein-cta-photo-zoom: 1; /* ======================================================= CURVE DEPTH ======================================================= */ --hein-cta-curve: 30px; position: relative; z-index: 3; isolation: isolate; display: block; width: 100%; /* ======================================================= SECTION OVERLAP ======================================================= */ margin: calc(var(--hein-cta-curve) * -1) 0 0 !important; padding: clamp(88px, 6.2vw, 102px) 0 clamp(54px, 4.5vw, 68px); overflow: hidden; color: var(--hein-white); background-color: var(--hein-blue-dark); /* ======================================================= SMOOTH ELLIPTICAL MASK ======================================================= */ -webkit-mask-image: radial-gradient( ellipse 50% 100% at 50% 100%, #000 0%, #000 98.8%, transparent 100% ), linear-gradient( #000, #000 ); -webkit-mask-size: 100% var(--hein-cta-curve), 100% calc(100% - var(--hein-cta-curve)); -webkit-mask-position: center top, center var(--hein-cta-curve); -webkit-mask-repeat: no-repeat, no-repeat; mask-image: radial-gradient( ellipse 50% 100% at 50% 100%, #000 0%, #000 98.8%, transparent 100% ), linear-gradient( #000, #000 ); mask-size: 100% var(--hein-cta-curve), 100% calc(100% - var(--hein-cta-curve)); mask-position: center top, center var(--hein-cta-curve); mask-repeat: no-repeat, no-repeat; transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Predictable sizing */ .elementor-1191 .elementor-element.elementor-element-0564465, .elementor-1191 .elementor-element.elementor-element-0564465 *, .elementor-1191 .elementor-element.elementor-element-0564465 *::before, .elementor-1191 .elementor-element.elementor-element-0564465 *::after { box-sizing: border-box; } /* Remove Elementor default widget spacing */ .elementor-1191 .elementor-element.elementor-element-0564465 .elementor-widget { margin-block-end: 0; } /* Hide Elementor's built-in background overlay */ .elementor-1191 .elementor-element.elementor-element-0564465 .elementor-background-overlay { display: none !important; } /* Keep actual content above custom background layers */ .elementor-1191 .elementor-element.elementor-element-0564465 > * { position: relative; z-index: 3; } /* ========================================================= 2. DISABLE ELEMENTOR SHAPE DIVIDERS ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-shape-top, .elementor-1191 .elementor-element.elementor-element-0564465 > .elementor-shape-bottom { display: none !important; } /* ========================================================= 3. STATIC PROJECT PHOTOGRAPH --------------------------------------------------------- The photo layer now matches the CTA exactly. No oversized pseudo-element. No translation. No movement. No animation. background-size: cover ensures the CTA is completely filled at every viewport size. Adjust framing using the three variables at the top: --hein-cta-photo-x --hein-cta-photo-y --hein-cta-photo-zoom ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: var(--hein-cta-photo); background-repeat: no-repeat; background-size: cover; background-position: var(--hein-cta-photo-x) var(--hein-cta-photo-y); transform: scale(var(--hein-cta-photo-zoom)); transform-origin: var(--hein-cta-photo-x) var(--hein-cta-photo-y); } /* ========================================================= 4. BLUE WASH + ORANGE DRAFTING GRID ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: /* Minor horizontal grid */ linear-gradient( rgba(245, 130, 32, 0.055) 1px, transparent 1px ), /* Minor vertical grid */ linear-gradient( 90deg, rgba(245, 130, 32, 0.055) 1px, transparent 1px ), /* Major horizontal grid */ linear-gradient( rgba(245, 130, 32, 0.085) 1px, transparent 1px ), /* Major vertical grid */ linear-gradient( 90deg, rgba(245, 130, 32, 0.085) 1px, transparent 1px ), /* Gentle central illumination */ radial-gradient( circle at 50% 26%, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.018) 34%, transparent 62% ), /* Restrained orange atmosphere */ radial-gradient( circle at 92% 110%, rgba(245, 130, 32, 0.065) 0%, transparent 38% ), /* Main HEIN-blue photographic wash */ linear-gradient( 115deg, rgba(0, 23, 42, 0.95) 0%, rgba(0, 48, 87, 0.88) 52%, rgba(0, 67, 111, 0.84) 100% ); background-repeat: repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat; background-size: 32px 32px, 32px 32px, 160px 160px, 160px 160px, 100% 100%, 100% 100%, 100% 100%; background-position: center top, center top, center top, center top, center center, center center, center center; } /* ========================================================= 5. CONTENT SHELL ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-shell { position: relative; z-index: 3; display: flex !important; width: min(calc(100% - 48px), 1200px) !important; max-width: 1200px !important; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 0; margin-inline: auto !important; padding: 0 !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-shell > .e-con-inner { display: flex !important; width: 100% !important; max-width: none !important; flex-direction: column; align-items: center; justify-content: center; gap: 0; margin: 0 !important; padding: 0 !important; } /* ========================================================= 6. CTA CONTENT ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content { position: relative; z-index: 3; display: block; width: 100%; max-width: 780px; margin: 0 auto !important; padding: 0 !important; color: var(--hein-white); text-align: center; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content > .elementor-widget-container { width: 100%; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Reset common Info Card wrappers */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content [class*="info-card"], .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content [class*="infocard"] { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Remove inherited decorative pseudo-elements */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content::before, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content::after { content: none !important; display: none !important; } /* ========================================================= 7. CTA HEADING ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content :is( h1, h2, h3, h4, .elementor-heading-title, [class*="info-card-title"], [class*="info-card__title"], [class*="infocard-title"] ) { width: 100%; max-width: 760px; margin: 0 auto 14px !important; color: var(--hein-white) !important; font-family: "Aller", "Open Sans", Arial, sans-serif !important; font-size: clamp(34px, 3.3vw, 46px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; text-transform: none !important; text-align: center !important; overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: balance; text-shadow: 0 2px 16px rgba(0, 23, 42, 0.26); } /* ========================================================= 8. CTA DESCRIPTION ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content p { width: 100%; max-width: 700px; margin: 0 auto !important; color: rgba(255, 255, 255, 0.84) !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: clamp(16px, 1.15vw, 17.5px) !important; font-weight: 400 !important; line-height: 1.65 !important; text-align: center !important; overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: pretty; } /* ========================================================= 9. CTA BUTTON ========================================================= */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href], .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button { display: inline-flex !important; min-width: 225px; min-height: 52px; align-items: center; justify-content: center; gap: 10px; margin: 23px auto 0 !important; padding: 13px 25px !important; color: var(--hein-white) !important; background: var(--hein-orange) !important; border: 1px solid var(--hein-orange) !important; border-radius: 999px !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; text-align: center !important; white-space: nowrap; box-shadow: 0 8px 20px rgba(0, 23, 42, 0.21) !important; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important; } /* CSS arrow */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]::after, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button::after { content: "→"; display: inline-block; color: currentColor; font-size: 17px; line-height: 1; transition: transform 180ms ease; } /* Button hover */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:hover, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:focus-visible, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:hover, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:focus-visible { color: var(--hein-white) !important; background: var(--hein-orange-dark) !important; border-color: var(--hein-orange-dark) !important; box-shadow: 0 11px 24px rgba(0, 23, 42, 0.28) !important; transform: translateY(-2px); } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:hover::after, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:focus-visible::after, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:hover::after, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:focus-visible::after { transform: translateX(4px); } /* Keyboard focus */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:focus-visible, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.50); outline-offset: 4px; } /* Hide Elementor/widget icon because CSS supplies arrow */ .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content .elementor-button-icon, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content [class*="button-icon"] { display: none !important; } /* ========================================================= 10. LAPTOP ========================================================= */ @media (max-width: 1024px) { .elementor-1191 .elementor-element.elementor-element-0564465 { --hein-cta-curve: 26px; padding: 82px 0 56px; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-shell { width: min(calc(100% - 40px), 1200px) !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content { max-width: 760px; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content :is( h1, h2, h3, h4, .elementor-heading-title, [class*="info-card-title"], [class*="info-card__title"], [class*="infocard-title"] ) { font-size: clamp(33px, 4vw, 43px) !important; } } /* ========================================================= 11. TABLET ========================================================= */ @media (max-width: 820px) { .elementor-1191 .elementor-element.elementor-element-0564465 { --hein-cta-curve: 21px; padding: 72px 0 54px; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-shell { width: min(calc(100% - 36px), 1200px) !important; } } /* ========================================================= 12. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1191 .elementor-element.elementor-element-0564465 { --hein-cta-curve: 16px; padding: 64px 0 48px; } /* * Mobile drafting grid. */ .elementor-1191 .elementor-element.elementor-element-0564465::after { background-image: linear-gradient( rgba(245, 130, 32, 0.050) 1px, transparent 1px ), linear-gradient( 90deg, rgba(245, 130, 32, 0.050) 1px, transparent 1px ), linear-gradient( rgba(245, 130, 32, 0.075) 1px, transparent 1px ), linear-gradient( 90deg, rgba(245, 130, 32, 0.075) 1px, transparent 1px ), radial-gradient( circle at 50% 24%, rgba(255, 255, 255, 0.06) 0%, transparent 60% ), radial-gradient( circle at 92% 110%, rgba(245, 130, 32, 0.055) 0%, transparent 38% ), linear-gradient( 115deg, rgba(0, 23, 42, 0.96) 0%, rgba(0, 48, 87, 0.91) 55%, rgba(0, 67, 111, 0.87) 100% ); background-repeat: repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat; background-size: 25px 25px, 25px 25px, 125px 125px, 125px 125px, 100% 100%, 100% 100%, 100% 100%; background-position: center top, center top, center top, center top, center center, center center, center center; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-shell { width: min(calc(100% - 28px), 1200px) !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content :is( h1, h2, h3, h4, .elementor-heading-title, [class*="info-card-title"], [class*="info-card__title"], [class*="infocard-title"] ) { font-size: clamp(31px, 8.7vw, 39px) !important; line-height: 1.08 !important; margin-bottom: 13px !important; text-wrap: pretty; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content p { max-width: 580px; font-size: 16px !important; line-height: 1.62 !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href], .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button { width: 100%; min-width: 0; min-height: 52px; margin-top: 21px !important; } } /* ========================================================= 13. SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .elementor-1191 .elementor-element.elementor-element-0564465 { --hein-cta-curve: 13px; padding: 60px 0 44px; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content :is( h1, h2, h3, h4, .elementor-heading-title, [class*="info-card-title"], [class*="info-card__title"], [class*="infocard-title"] ) { font-size: clamp(29px, 8.5vw, 36px) !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href], .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button { padding: 13px 18px !important; font-size: 12px !important; } } /* ========================================================= 14. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href], .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]::after, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button::after { transition: none !important; } .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:hover, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content a[href]:focus-visible, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:hover, .elementor-1191 .elementor-element.elementor-element-0564465 .hein-cta-content button:focus-visible { transform: none; } }/* End custom CSS */