.elementor-39042 .elementor-element.elementor-element-e4f66c3{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.54;}.elementor-39042 .elementor-element.elementor-element-e4f66c3:not(.elementor-motion-effects-element-type-background), .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#082368;}.elementor-39042 .elementor-element.elementor-element-e4f66c3::before, .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-e4f66c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-a64b657{--display:flex;--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-39042 .elementor-element.elementor-element-29ed33c{--divider-border-style:solid;--divider-color:#082368;--divider-border-width:1px;}.elementor-39042 .elementor-element.elementor-element-29ed33c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-29ed33c .elementor-divider-separator{width:100%;}.elementor-39042 .elementor-element.elementor-element-29ed33c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-39042 .elementor-element.elementor-element-35a57eb{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--overlay-opacity:0.25;--padding-top:0vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-39042 .elementor-element.elementor-element-35a57eb:not(.elementor-motion-effects-element-type-background), .elementor-39042 .elementor-element.elementor-element-35a57eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#041134;background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/Seoul-WYD-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-39042 .elementor-element.elementor-element-35a57eb::before, .elementor-39042 .elementor-element.elementor-element-35a57eb > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-35a57eb > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-35a57eb > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-35a57eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-35a57eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-48af3bd{--display:flex;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-48af3bd::before, .elementor-39042 .elementor-element.elementor-element-48af3bd > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-48af3bd > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-48af3bd > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-48af3bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-48af3bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-e68008c{text-align:center;}.elementor-39042 .elementor-element.elementor-element-44140f2 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #0047BB 0%, #0047BB 100%);}.elementor-39042 .elementor-element.elementor-element-165632b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-5dd34bf{--display:flex;}.elementor-39042 .elementor-element.elementor-element-bc8bd92{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-ed24e28{text-align:center;}.elementor-39042 .elementor-element.elementor-element-ed24e28 .elementor-heading-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-895c160{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-39042 .elementor-element.elementor-element-895c160.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-39042 .elementor-element.elementor-element-99672f7.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-99672f7.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-99672f7.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-99672f7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-99672f7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-99672f7 .elementor-image-box-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-99672f7 .elementor-image-box-description{color:#000000;}.elementor-39042 .elementor-element.elementor-element-3577b50.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-3577b50.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-3577b50.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-3577b50 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-3577b50 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-3577b50 .elementor-image-box-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-3577b50 .elementor-image-box-description{color:#000000;}.elementor-39042 .elementor-element.elementor-element-9cd12f3.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-9cd12f3.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-9cd12f3.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-9cd12f3 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-9cd12f3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-9cd12f3 .elementor-image-box-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-9cd12f3 .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-246b440{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-4a5af6e{--display:flex;--min-height:0px;--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;--justify-content:center;--align-items:center;--gap:0px 55px;--row-gap:0px;--column-gap:55px;}.elementor-39042 .elementor-element.elementor-element-302b581{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-302b581::before, .elementor-39042 .elementor-element.elementor-element-302b581 > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-302b581 > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-302b581 > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-302b581 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-302b581 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/WYD-Page-Tiles-2.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-39042 .elementor-element.elementor-element-302b581.e-con:hover{--e-con-transform-scale:1.1;}.elementor-39042 .elementor-element.elementor-element-8eb778a{text-align:center;}.elementor-39042 .elementor-element.elementor-element-8eb778a .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-cb24c01{text-align:center;}.elementor-39042 .elementor-element.elementor-element-c49b87e{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-c49b87e::before, .elementor-39042 .elementor-element.elementor-element-c49b87e > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-c49b87e > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-c49b87e > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-c49b87e > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-c49b87e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/WYD-Page-Tiles-1.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-39042 .elementor-element.elementor-element-c49b87e.e-con:hover{--e-con-transform-scale:1.1;}.elementor-39042 .elementor-element.elementor-element-e89274b{text-align:center;}.elementor-39042 .elementor-element.elementor-element-e89274b .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-9624f51{text-align:center;}.elementor-39042 .elementor-element.elementor-element-8c7e932{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-8c7e932::before, .elementor-39042 .elementor-element.elementor-element-8c7e932 > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-8c7e932 > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-8c7e932 > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-8c7e932 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-8c7e932 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/WYD-Page-Tiles-3.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-39042 .elementor-element.elementor-element-8c7e932.e-con:hover{--e-con-transform-scale:1.1;}.elementor-39042 .elementor-element.elementor-element-34ffb98{text-align:center;}.elementor-39042 .elementor-element.elementor-element-34ffb98 .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-ae20820{text-align:center;}.elementor-39042 .elementor-element.elementor-element-c0ef851{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-7b325d85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-39042 .elementor-element.elementor-element-7b325d85:not(.elementor-motion-effects-element-type-background), .elementor-39042 .elementor-element.elementor-element-7b325d85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-39042 .elementor-element.elementor-element-4e3e312{--display:flex;}.elementor-39042 .elementor-element.elementor-element-6a9943c{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-bdcfabc{text-align:center;}.elementor-39042 .elementor-element.elementor-element-bdcfabc .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-7e87610{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-be19831{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-7dd5316{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-39042 .elementor-element.elementor-element-7dd5316.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-39042 .elementor-element.elementor-element-9498dff > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-39042 .elementor-element.elementor-element-9498dff.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-9498dff.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-9498dff.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-9498dff .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-9498dff .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-9498dff .elementor-image-box-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-9498dff .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 .elementor-image-box-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-870c9ff > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-39042 .elementor-element.elementor-element-870c9ff.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-870c9ff.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-870c9ff.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-870c9ff .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-870c9ff .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-870c9ff .elementor-image-box-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-870c9ff .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-293ab47 > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-39042 .elementor-element.elementor-element-293ab47.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-293ab47.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-293ab47.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-293ab47 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-293ab47 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-293ab47 .elementor-image-box-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-293ab47 .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-5c64846 > .elementor-widget-container:hover{--e-transform-scale:1.3;}.elementor-39042 .elementor-element.elementor-element-5c64846.elementor-position-right .elementor-image-box-img{margin-left:-10px;}.elementor-39042 .elementor-element.elementor-element-5c64846.elementor-position-left .elementor-image-box-img{margin-right:-10px;}.elementor-39042 .elementor-element.elementor-element-5c64846.elementor-position-top .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-5c64846 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-39042 .elementor-element.elementor-element-5c64846 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-39042 .elementor-element.elementor-element-5c64846 .elementor-image-box-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-5c64846 .elementor-image-box-description{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-9a5555f{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-85fa913{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-30d2296{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-36d151b{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-d06a66e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-d06a66e{text-align:center;}.elementor-39042 .elementor-element.elementor-element-d06a66e .elementor-heading-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-6c871a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-6c871a4{text-align:center;}.elementor-39042 .elementor-element.elementor-element-6c871a4 .elementor-heading-title{font-size:25px;line-height:30px;color:#000000;}.elementor-39042 .elementor-element.elementor-element-4b9db7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-5c76fb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-a5571e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-a5571e7{text-align:center;}.elementor-39042 .elementor-element.elementor-element-a5571e7 .elementor-heading-title{font-size:25px;line-height:30px;color:#000000;}.elementor-39042 .elementor-element.elementor-element-7e22b04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-e7cbe8c{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-2e665a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-0cd54fb{--display:flex;}.elementor-39042 .elementor-element.elementor-element-0cd54fb:not(.elementor-motion-effects-element-type-background), .elementor-39042 .elementor-element.elementor-element-0cd54fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-39042 .elementor-element.elementor-element-e2b41a5{text-align:center;}.elementor-39042 .elementor-element.elementor-element-e2b41a5 .elementor-heading-title{font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-65d123f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-65d123f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-39042 .elementor-element.elementor-element-5d495828{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-775fe63b{--display:flex;}.elementor-39042 .elementor-element.elementor-element-1bdfe0d5{--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;}.elementor-39042 .elementor-element.elementor-element-675b3de3{--grid-columns:1;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--load-more-button-align:center;}.elementor-39042 .elementor-element.elementor-element-6e9011b9{--display:flex;}.elementor-39042 .elementor-element.elementor-element-5c55b464{--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;}.elementor-39042 .elementor-element.elementor-element-71f34f91{--grid-columns:1;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--load-more-button-align:center;}.elementor-39042 .elementor-element.elementor-element-fa3689b{--display:flex;}.elementor-39042 .elementor-element.elementor-element-d048c5d{--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;}.elementor-39042 .elementor-element.elementor-element-dc47562{--grid-columns:1;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--load-more-button-align:center;}.elementor-39042 .elementor-element.elementor-element-274be2ad{--n-accordion-title-font-size:20px;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:10px;--n-accordion-icon-size:15px;--n-accordion-icon-gap:20px;}.elementor-39042 .elementor-element.elementor-element-274be2ad > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-50ddf32{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-898a6be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-0b87278{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-0b87278::before, .elementor-39042 .elementor-element.elementor-element-0b87278 > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-0b87278 > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-0b87278 > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-0b87278 > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-0b87278 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/WYD-Page-Tiles-2.png");--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-0b87278.e-con:hover{--e-con-transform-scale:1.1;}.elementor-39042 .elementor-element.elementor-element-dc6a5b5{text-align:center;}.elementor-39042 .elementor-element.elementor-element-dc6a5b5 .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-9be4c85{text-align:center;}.elementor-39042 .elementor-element.elementor-element-ef4f98a{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-ef4f98a::before, .elementor-39042 .elementor-element.elementor-element-ef4f98a > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-ef4f98a > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-ef4f98a > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-ef4f98a > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-ef4f98a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/WYD-Page-Tiles-3.png");--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-ef4f98a.e-con:hover{--e-con-transform-scale:1.1;}.elementor-39042 .elementor-element.elementor-element-ede5c94{text-align:center;}.elementor-39042 .elementor-element.elementor-element-ede5c94 .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-ca365ba{text-align:center;}.elementor-39042 .elementor-element.elementor-element-32a5aab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-e17f17c{--spacer-size:50px;}.elementor-39042 .elementor-element.elementor-element-b8ab1ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-39042 .elementor-element.elementor-element-b8ab1ba:not(.elementor-motion-effects-element-type-background), .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ottawacornwall.ca/wp-content/uploads/2026/04/Seoul-WYD-2.png");background-position:center left;}.elementor-39042 .elementor-element.elementor-element-b8ab1ba::before, .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .e-con-inner > .elementor-background-video-container::before, .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .e-con-inner > .elementor-background-slideshow::before, .elementor-39042 .elementor-element.elementor-element-b8ab1ba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-39042 .elementor-element.elementor-element-0c58971{--spacer-size:19px;}.elementor-39042 .elementor-element.elementor-element-0a2da76{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-04ac58b{text-align:center;}.elementor-39042 .elementor-element.elementor-element-04ac58b .elementor-heading-title{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-1d2f272{color:#FFFFFF;}.elementor-39042 .elementor-element.elementor-element-2bbf1c8{--spacer-size:19px;}.elementor-39042 .elementor-element.elementor-element-478d546f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-39042 .elementor-element.elementor-element-13ca851c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-13ca851c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-39042 .elementor-element.elementor-element-3f2faf53 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-3f2faf53{text-align:start;}.elementor-39042 .elementor-element.elementor-element-3f2faf53 .elementor-heading-title{color:#000000;}.elementor-39042 .elementor-element.elementor-element-4cc8247 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-3d0a8e7{--display:flex;}.elementor-39042 .elementor-element.elementor-element-ae7aaad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-e3b85ab{--display:flex;}.elementor-39042 .elementor-element.elementor-element-7b8cc7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-cd7361d{--display:flex;}.elementor-39042 .elementor-element.elementor-element-8097237{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-c30707c{--display:flex;}.elementor-39042 .elementor-element.elementor-element-e6c4749{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-7f9fad5{--display:flex;}.elementor-39042 .elementor-element.elementor-element-b866051{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-ebec16d{--display:flex;}.elementor-39042 .elementor-element.elementor-element-f1e928f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-e74eb4f{--display:flex;}.elementor-39042 .elementor-element.elementor-element-4e66ddc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39042 .elementor-element.elementor-element-7cb65ad{--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:13px;}@media(min-width:768px){.elementor-39042 .elementor-element.elementor-element-895c160{--width:77.769%;}.elementor-39042 .elementor-element.elementor-element-4a5af6e{--width:100%;}.elementor-39042 .elementor-element.elementor-element-302b581{--content-width:400px;}.elementor-39042 .elementor-element.elementor-element-7b325d85{--width:100%;}.elementor-39042 .elementor-element.elementor-element-7dd5316{--width:87.1%;}.elementor-39042 .elementor-element.elementor-element-65d123f1{--width:77.525%;}.elementor-39042 .elementor-element.elementor-element-0b87278{--content-width:400px;}.elementor-39042 .elementor-element.elementor-element-13ca851c{--width:57.858%;}}@media(max-width:1024px) and (min-width:768px){.elementor-39042 .elementor-element.elementor-element-7b325d85{--width:100%;}.elementor-39042 .elementor-element.elementor-element-13ca851c{--width:720.438px;}}@media(max-width:1024px){.elementor-39042 .elementor-element.elementor-element-302b581{--min-height:250px;}.elementor-39042 .elementor-element.elementor-element-c49b87e{--min-height:250px;}.elementor-39042 .elementor-element.elementor-element-8c7e932{--min-height:250px;}.elementor-39042 .elementor-element.elementor-element-7b325d85{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-39042 .elementor-element.elementor-element-675b3de3{--grid-columns:2;}.elementor-39042 .elementor-element.elementor-element-71f34f91{--grid-columns:2;}.elementor-39042 .elementor-element.elementor-element-dc47562{--grid-columns:2;}.elementor-39042 .elementor-element.elementor-element-0b87278{--min-height:250px;}.elementor-39042 .elementor-element.elementor-element-ef4f98a{--min-height:250px;}.elementor-39042 .elementor-element.elementor-element-478d546f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-39042 .elementor-element.elementor-element-99672f7 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-3577b50 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-9cd12f3 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-302b581{--content-width:400px;--min-height:200px;}.elementor-39042 .elementor-element.elementor-element-c49b87e{--min-height:200px;--overlay-opacity:1;}.elementor-39042 .elementor-element.elementor-element-8c7e932{--min-height:200px;}.elementor-39042 .elementor-element.elementor-element-7e87610{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-9498dff .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-1dbd3a0 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-870c9ff .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-293ab47 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-5c64846 .elementor-image-box-img{margin-bottom:-10px;}.elementor-39042 .elementor-element.elementor-element-d06a66e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-39042 .elementor-element.elementor-element-d06a66e{text-align:center;}.elementor-39042 .elementor-element.elementor-element-6c871a4{text-align:center;}.elementor-39042 .elementor-element.elementor-element-d97e239{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-a5571e7{text-align:center;}.elementor-39042 .elementor-element.elementor-element-0cd54fb{--min-height:0px;}.elementor-39042 .elementor-element.elementor-element-675b3de3{--grid-columns:1;}.elementor-39042 .elementor-element.elementor-element-71f34f91{--grid-columns:1;}.elementor-39042 .elementor-element.elementor-element-dc47562{--grid-columns:1;}.elementor-39042 .elementor-element.elementor-element-0b87278{--min-height:200px;--z-index:0;}.elementor-39042 .elementor-element.elementor-element-ef4f98a{--min-height:200px;}.elementor-39042 .elementor-element.elementor-element-478d546f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-39042 .elementor-element.elementor-element-3f2faf53{text-align:center;}.elementor-39042 .elementor-element.elementor-element-4cc8247{text-align:center;}.elementor-39042 .elementor-element.elementor-element-ae8de68{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-179c207{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-c207cda{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-bdd27ce{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-41e50af{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-c647a46{text-align:justify;}.elementor-39042 .elementor-element.elementor-element-18632fc{text-align:justify;}}/* Start custom CSS for loop-grid, class: .elementor-element-675b3de3 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-675b3de3 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-675b3de3::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-675b3de3::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-71f34f91 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-71f34f91 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-71f34f91::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-71f34f91::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-dc47562 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-dc47562 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-dc47562::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-dc47562::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-675b3de3 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-675b3de3 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-675b3de3::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-675b3de3::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-71f34f91 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-71f34f91 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-71f34f91::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-71f34f91::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-dc47562 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-dc47562 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-dc47562::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-dc47562::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-675b3de3 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-675b3de3 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-675b3de3::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-675b3de3::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-71f34f91 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-71f34f91 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-71f34f91::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-71f34f91::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-dc47562 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-dc47562 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-dc47562::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-dc47562::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-675b3de3 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-675b3de3 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-675b3de3::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-675b3de3::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-675b3de3 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-675b3de3 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-675b3de3 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-675b3de3 .timeline-content, .elementor-39042 .elementor-element.elementor-element-675b3de3 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-71f34f91 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-71f34f91 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-71f34f91::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-71f34f91::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-71f34f91 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-71f34f91 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-71f34f91 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-71f34f91 .timeline-content, .elementor-39042 .elementor-element.elementor-element-71f34f91 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-dc47562 *//* ===== WYD TIMELINE — STABLE FLEX TIMELINE ===== */ .elementor-39042 .elementor-element.elementor-element-dc47562 { position: relative; /* Desktop tuning */ --wyd-cross-overlap: 90px; --wyd-row-gap: 28px; --wyd-line-gap: 48px; } /* Force Elementor Loop Grid to behave like a vertical list */ .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* Centre vertical line */ .elementor-39042 .elementor-element.elementor-element-dc47562::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: #A9A9A9; transform: translateX(-50%); z-index: 0; } /* Each loop item becomes one full-width timeline row */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; clear: both !important; overflow: visible !important; pointer-events: none; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Odd items: left side */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) { justify-content: flex-start !important; margin-top: 0 !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: 0 !important; } /* Even items: right side, slightly tucked upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) { justify-content: flex-end !important; margin-top: calc(-1 * var(--wyd-cross-overlap)) !important; margin-bottom: var(--wyd-row-gap) !important; padding-bottom: var(--wyd-cross-overlap) !important; } /* First visible item never pulls upward */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { margin-top: 0 !important; } /* Card sizing */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item { width: calc(50% - var(--wyd-line-gap)) !important; max-width: calc(50% - var(--wyd-line-gap)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 24px 32px !important; height: auto !important; min-height: 0 !important; overflow: visible !important; position: relative !important; z-index: 2 !important; pointer-events: auto; } /* Text alignment */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item { text-align: right !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { text-align: left !important; } /* Dot stays locked to centre line */ .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { content: ""; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); box-sizing: content-box; width: 17px; height: 17px; border-radius: 50%; background: #072468; border: 10px solid #60BFCF; z-index: 1; } /* Keep card contents clickable */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item * { pointer-events: auto; } /* Optional text clamp */ .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; word-break: break-word; overflow-wrap: anywhere; } /* Tablet/mobile: stack cards cleanly */ @media (max-width: 1024px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-cross-overlap: 0px; --wyd-row-gap: 28px; --wyd-line-gap: 0px; } .elementor-39042 .elementor-element.elementor-element-dc47562::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-loop-container, .elementor-39042 .elementor-element.elementor-element-dc47562 .elementor-grid { display: block !important; width: 100% !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even), .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:first-of-type { display: block !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; margin: 0 0 var(--wyd-row-gap) 0 !important; padding: 0 !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item::before { display: none !important; content: none !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px !important; text-align: left !important; } } /* Small mobile */ @media (max-width: 768px) { .elementor-39042 .elementor-element.elementor-element-dc47562 { --wyd-row-gap: 24px; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(odd) .timeline-item, .elementor-39042 .elementor-element.elementor-element-dc47562 .e-loop-item:nth-of-type(even) .timeline-item { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; text-align: left !important; } .elementor-39042 .elementor-element.elementor-element-dc47562 .timeline-content, .elementor-39042 .elementor-element.elementor-element-dc47562 .body-teaser { -webkit-line-clamp: 4; line-clamp: 4; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d495828 *//* ===== TIMELINE — BASE (kept exactly as working) ===== */ /* 1) Center line on the grid */ .elementor-39042 .elementor-element.elementor-element-5d495828 { position: relative; } .elementor-39042 .elementor-element.elementor-element-5d495828::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:3px; background:#A9A9A9; transform:translateX(-50%); z-index:0; } /* 2) Each loop item is a row that alternates sides */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ display:flex; position:relative; /* needed for the dot */ margin-bottom:10px; /* base vertical spacing */ } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(odd){ justify-content:flex-start; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(even){ justify-content:flex-end; } /* 3) Card sizing + gutter toward the line (36px) */ .elementor-39042 .elementor-element.elementor-element-5d495828 .timeline-item{ width: calc(50% - 36px); /* ← gutter size: change 36px to adjust */ box-sizing:border-box; padding:24px 32px; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(odd) .timeline-item{ margin-right:0; text-align:right; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(even) .timeline-item{ margin-left: 0; text-align:left; } /* 4) DOT — on the item wrapper, pinned to the center line */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::before{ content:""; position:absolute; left:50%; top:28px; transform:translateX(-50%); /* Figma look: inner 17 + ring 10 = ~37 total */ box-sizing:content-box; background-clip:padding-box; /* ensure navy shows inside ring */ width:17px; height:17px; border-radius:50%; background:#072468; /* navy center */ border:10px solid #60BFCF; /* teal ring */ z-index:1; } /* 5) Mobile: stack left with the line (no overlap) */ @media (max-width:768px){ .elementor-39042 .elementor-element.elementor-element-5d495828::before{ left:24px; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ justify-content:flex-start; margin-bottom:32px; /* tighter vertical rhythm */ } .elementor-39042 .elementor-element.elementor-element-5d495828 .timeline-item{ width:100%; margin:0; text-align:left; padding-left:56px; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::before{ left:24px; transform:none; } } /* =================================================================== */ /* OVERLAP / INTERLEAVE — robust (negative margin + ::after spacer) */ /* Edit the 4 numbers. Values are POSITIVE; CSS applies the minus. */ /* IMPORTANT: we use ::after for the spacer so your DOT (::before) */ /* isn’t touched and can’t stretch. */ /* =================================================================== */ .elementor-39042 .elementor-element.elementor-element-5d495828{ /* TUNE THESE (px) */ --left-top: 0; /* top-left card (#1) — keep 0 so it won’t climb into the heading */ --left-rest: 160; /* other LEFT cards (odd except #1) */ --right-top: 0; /* top-right card (#2) */ --right-rest: 160; /* other RIGHT cards (even except #2) */ } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ position: relative; isolation: isolate; /* keeps overlaps self-contained */ } /* -------- LEFT column (odd) -------- */ /* #1 (top-left) */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(1){ margin-top: calc(-1px * var(--left-top)); } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(1)::after{ content:""; display:block; height: calc(var(--left-top) * 1px); } /* all other LEFT (odd) items */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(odd):not(:first-child){ margin-top: calc(-1px * var(--left-rest)); } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(odd):not(:first-child)::after{ content:""; display:block; height: calc(var(--left-rest) * 1px); } /* -------- RIGHT column (even) -------- */ /* #2 (top-right) */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(2){ margin-top: calc(-1px * var(--right-top)); } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(2)::after{ content:""; display:block; height: calc(var(--right-top) * 1px); } /* all other RIGHT (even) items */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(even):not(:nth-child(2)){ margin-top: calc(-1px * var(--right-rest)); } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item:nth-child(even):not(:nth-child(2))::after{ content:""; display:block; height: calc(var(--right-rest) * 1px); } /* Mobile: no overlap */ @media (max-width:768px){ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ margin-top: 0 !important; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::after{ height: 0 !important; } } /* Tablet & Mobile: center the line + hide dots + neutralize overlap */ @media (max-width: 1024px){ /* center the vertical line again */ .elementor-39042 .elementor-element.elementor-element-5d495828::before{ left: 50%; transform: translateX(-50%); } /* hide the dots */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::before{ content: none !important; display: none !important; } /* kill any lifts/spacers/transforms so 1-column stays tidy */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ top: 0 !important; transform: none !important; } .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::after{ content: none !important; height: 0 !important; } /* make the cards full width in the stack (no extra inset) */ .elementor-39042 .elementor-element.elementor-element-5d495828 .timeline-item{ width: 100%; margin: 0; padding-left: 0 !important; /* removes the old left-line padding */ padding-right: 0 !important; text-align: left; } } /* === PAGE CONTENT TEASER — cap the body copy at 6 lines (Summary unaffected) === */ .elementor-39042 .elementor-element.elementor-element-5d495828 .body-teaser{ display: -webkit-box; /* enables multi-line clamp in WebKit */ -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* ← number of visible lines */ line-clamp: 6; /* future-friendly */ overflow: hidden; /* hide the rest */ /* helpful for long words/URLs so clamping doesn’t overflow */ word-break: break-word; overflow-wrap: anywhere; } /* (Optional) adjust clamp on smaller screens */ @media (max-width: 1024px){ .elementor-39042 .elementor-element.elementor-element-5d495828 .body-teaser{ -webkit-line-clamp: 5; line-clamp: 5; } } @media (max-width: 768px){ .elementor-39042 .elementor-element.elementor-element-5d495828 .body-teaser{ -webkit-line-clamp: 4; line-clamp: 4; } } /* --- Make overlapped cards clickable ---------------------------- */ /* The wrapper may overlap neighbors; don't let it eat clicks */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item{ pointer-events: none; /* wrapper ignores clicks */ } /* Re-enable clicks on the actual card and everything inside it */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item .timeline-item, .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item .timeline-item *{ pointer-events: auto; /* links & buttons work */ position: relative; z-index: 2; /* keep above dots/line/wrappers */ } /* Keep the dot under the card layer just in case */ .elementor-39042 .elementor-element.elementor-element-5d495828 .e-loop-item::before{ z-index: 1; } /* TIMELINE — clamp the full page content to ~6 lines */ .elementor-39042 .elementor-element.elementor-element-5d495828 .timeline-content{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }/* End custom CSS */