
.hero .elementor-background-overlay
{
background: #FFF;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 26%, rgba(0, 0, 0, 0.59) 60%)!important;
}


input#gform_submit_button_2 {
background-color:#3BB95D !important;
	border-radius:0px !important;
	padding:14px 30px 14px 30px !important;
}

input#gform_submit_button_2:hover {
background-color:#207a3a !important;
	border-radius:0px !important;
	padding:14px 30px 14px 30px !important;
}


.text_cta {     
	color:#207a3a !important; 
	font-weight:bold !important;
}

.text_cta:hover {     
	color:#fff !important; 
	
}

.pods3 h4 {     
	color:#747880 !important; 
	font-weight:bold !important;
}

.pods3:hover h4{     
	color:#207a3a !important; 
	
}

.shadow{
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px !important;	
}



.usp{
position:relative !important;
	z-index:1 !important;
	margin:25px !important;
	}

.usp:before{
	position:absolute !important;
	content:'';
	width:85% !important;
	height:113% !important;
	left:-15px !important;
	top:-15px !important;
	border-top:3px solid #207a3a  !important;
	border-left:3px solid #207a3a !important;
}


.podd {
position: relative !important;

}

.podd:before {
	position:absolute !important;
	content:'';
	width:8% !important;
	height:15% !important;
left:-10px !important;
	bottom:-10px !important;
	border-bottom:2px solid #e5e5e5  !important;
	border-left:2px solid #e5e5e5 !important;
	z-index:1 !important;
}

.card {
position: relative;
overflow: hidden;
	margin:20px !important;
}

.card::after {
content: "";
position: absolute;
left: 20px;
top:0px;
width: 40%;
height: 8px;
background-color:#3BB95D;
transition: width 0.5s ease;
z-index: 1;
}


.card:hover::after {
width:80%;
}


.pod1-mar{
	margin:15px !important;
}



.gate {
    position: relative !important;
}

/* BEFORE: slides to right (from center) */
.gate::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 356px;
    height: 278px;
    bottom: 0;
    right: 50%; /* start from center */
    transform: translateX(50%);
    z-index: 1;
    animation: slideRight 3s ease-out forwards;
}

/* AFTER: slides to left (from center) */
.gate::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 356px;
    height: 278px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    animation: slideLeft 3s ease-out forwards;
}

/* KEYFRAMES */
@keyframes slideRight {
    from {
        right: 50%;
        transform: translateX(50%);
    }
    to {
        right: 0;
        transform: translateX(0%);
    }
}

@keyframes slideLeft {
    from {
        left: 50%;
        transform: translateX(-50%);
    }
    to {
        left: 0;
        transform: translateX(0%);
    }
}


@media only screen and (min-width: 1600px) and (max-width: 6000px){

.cta h2{
	font-size:88px !important;
	line-height:100px !important;
}
}

@media only screen and (min-width: 1400px) and (max-width: 1550px){

.gate {
    position: relative !important;
}

/* BEFORE: slides to right (from center) */
.gate::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 156px;
    bottom: 0;
    right: 50%; /* start from center */
    transform: translateX(50%);
    z-index: 1;
    animation: slideRight 3s ease-out forwards;
}

/* AFTER: slides to left (from center) */
.gate::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 156px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    animation: slideLeft 3s ease-out forwards;
}

/* KEYFRAMES */
@keyframes slideRight {
    from {
        right: 50%;
        transform: translateX(50%);
    }
    to {
        right: 0;
        transform: translateX(0%);
    }
}

@keyframes slideLeft {
    from {
        left: 50%;
        transform: translateX(-50%);
    }
    to {
        left: 0;
        transform: translateX(0%);
    }

}	
}
	@media only screen and (min-width: 1300px) and (max-width: 1390px){

.gate {
    position: relative !important;
}

/* BEFORE: slides to right (from center) */
.gate::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 120px;
    bottom: 0;
    right: 50%; /* start from center */
    transform: translateX(50%);
    z-index: 1;
    animation: slideRight 3s ease-out forwards;
}

/* AFTER: slides to left (from center) */
.gate::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 170px;
    height: 120px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    animation: slideLeft 3s ease-out forwards;
}

/* KEYFRAMES */
@keyframes slideRight {
    from {
        right: 50%;
        transform: translateX(50%);
    }
    to {
        right: 0;
        transform: translateX(0%);
    }
}

@keyframes slideLeft {
    from {
        left: 50%;
        transform: translateX(-50%);
    }
    to {
        left: 0;
        transform: translateX(0%);
    }

}	
}

	@media only screen and (min-width: 1200px) and (max-width: 1290px){

.gate {
    position: relative !important;
}

/* BEFORE: slides to right (from center) */
.gate::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 94px;
    bottom: 0;
    right: 50%; /* start from center */
    transform: translateX(50%);
    z-index: 1;
    animation: slideRight 3s ease-out forwards;
}

/* AFTER: slides to left (from center) */
.gate::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/06/Fence.I01.2k-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 94px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    animation: slideLeft 3s ease-out forwards;
}

/* KEYFRAMES */
@keyframes slideRight {
    from {
        right: 50%;
        transform: translateX(50%);
    }
    to {
        right: 0;
        transform: translateX(0%);
    }
}

@keyframes slideLeft {
    from {
        left: 50%;
        transform: translateX(-50%);
    }
    to {
        left: 0;
        transform: translateX(0%);
    }

}	
}
	
@media only screen and (min-width: 1000px) and (max-width:1100px){

.gate::before {
display:none !important;	
	
}
	
	.gate::after {
display:none !important;	
	}
}



@media only screen and (min-width: 200px) and (max-width:800px){

.gate::before {
display:none !important;	
	
}
	
	.gate::after {
display:none !important;	
	}	
	.usp{
position:relative !important;
	z-index:1 !important;
	margin:25px !important;
	}

.usp:before{
	position:absolute !important;
	content:'';
	width:60% !important;
	height:60% !important;
	left:-10px !important;
	top:-10px !important;
	border-top:3px solid #207a3a  !important;
	border-left:3px solid #207a3a !important;
}
	.hero .elementor-background-overlay
{
background: #FFF;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.59) 0%)!important;
}

}






/* Venald: consistent typography across public pages and articles. */
html body:not(.wp-admin){font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(h1,h2,h3,h4,h5,h6){font-family:"Inter Tight",Arial,Helvetica,sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.025em!important;overflow-wrap:break-word}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h1{font-size:clamp(34px,4.3vw,56px)!important;line-height:1.14!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h2{font-size:clamp(28px,3vw,36px)!important;line-height:1.22!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h3{font-size:clamp(21px,2vw,24px)!important;line-height:1.3!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(h4,h5,h6){font-size:20px!important;line-height:1.35!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(h1,h2,h3,h4,h5,h6) :is(a,span,strong){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(p,li,dt,dd,.elementor-icon-list-text,.elementor-icon-box-description){font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.65!important;letter-spacing:normal!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(p,li,dt,dd,.elementor-icon-list-text,.elementor-icon-box-description) :is(a,span){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body :is(.elementor-button,.elementor-button-text,.wp-element-button,input[type="submit"],button:not([class*="icon"])){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important}
html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) :is(.elementor-button,.elementor-button-text,.wp-element-button,input[type="submit"]){font-size:16px!important;font-weight:600!important;line-height:1.35!important;text-transform:none!important}
html body .gform_wrapper :is(input,textarea,select,label,legend,.gfield_label,.gfield_description){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
html body .gform_wrapper :is(input,textarea,select){font-size:16px!important;line-height:1.5!important}
html body .elementor-location-footer :is(.elementor-heading-title,.elementor-icon-list-text){font-family:Arial,Helvetica,sans-serif!important;line-height:1.5!important}
@media(max-width:767px){html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h1{font-size:34px!important}html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h2{font-size:28px!important}html body :is(main,#content,[data-elementor-type="wp-page"],[data-elementor-type="wp-post"]) h3{font-size:22px!important}}

/* Give retaining wall features room for readable copy. */
html body .elementor-1770 .elementor-element-a8c37db{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px!important}html body .elementor-1770 .elementor-element-a8c37db>.e-con{grid-column:span 2!important;width:100%!important;padding:28px!important;animation:none!important;transform:none!important}html body .elementor-1770 .elementor-element-a8c37db>.e-con:nth-child(n+4){grid-column:span 3!important}html body .elementor-1770 .elementor-element-a8c37db .elementor-widget{width:100%!important;max-width:100%!important}html body .elementor-1770 .elementor-element-a8c37db h3{min-height:2.6em!important;margin:0 0 12px!important}html body .elementor-1770 .elementor-element-a8c37db .elementor-widget-container{border-left:0!important;padding-left:0!important}@media(max-width:1023px){html body .elementor-1770 .elementor-element-a8c37db{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .elementor-1770 .elementor-element-a8c37db>.e-con{grid-column:span 1!important}html body .elementor-1770 .elementor-element-a8c37db>.e-con:last-child{grid-column:span 2!important}}@media(max-width:767px){html body .elementor-1770 .elementor-element-a8c37db{grid-template-columns:1fr!important}html body .elementor-1770 .elementor-element-a8c37db>.e-con:nth-child(n){grid-column:span 1!important;padding:24px!important}html body .elementor-1770 .elementor-element-a8c37db h3{min-height:0!important}}
html body .elementor-1770 .elementor-element-a8c37db .elementor-widget-heading>.elementor-widget-container{margin:0!important;padding:0!important;transform:none!important;border:0!important}html body .elementor-1770 .elementor-element-a8c37db h3{min-height:1.3em!important}

/* Quote type question above its options panel. */
html body .elementor-1780 #field_2_11{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0!important}html body .elementor-1780 #field_2_11>legend.gfield_label{float:none!important;display:block!important;width:100%!important;padding:0!important;margin:0 0 12px!important;line-height:1.5!important;text-align:left!important}html body .elementor-1780 #field_2_11>.ginput_container_radio{background:#fff!important;border:1px solid #d4d8e1!important;border-radius:12px!important;padding:20px!important;box-sizing:border-box!important;width:100%!important}html body .elementor-1780 #field_2_11 .gfield_required{display:inline!important;margin-left:6px!important}html body .elementor-1780 #field_2_11 .gchoice:last-child{margin-bottom:0!important}@media(max-width:767px){html body .elementor-1780 #field_2_11>.ginput_container_radio{padding:16px!important}}

/* Venald approved navy and green palette — 6 November 2026. */
html body{--venald-navy:#181e4b;--venald-green:#207a3a;--venald-green-hover:#165d2b;--e-global-color-accent:#207a3a;--e-global-color-primary:#181e4b}
html body .v-polish{--navy:#181e4b;--orange:#207a3a}
html body :is(a.elementor-button,a.vp-button,a.vr-button,a.wp-element-button,.wp-block-button__link,input[type="submit"],button[type="submit"]),html body input#gform_submit_button_2{background-color:#207a3a!important;border-color:#207a3a!important;color:#fff!important}
html body :is(a.elementor-button,a.vp-button,a.vr-button,a.wp-element-button,.wp-block-button__link,input[type="submit"],button[type="submit"]):hover,html body input#gform_submit_button_2:hover{background-color:#165d2b!important;border-color:#165d2b!important;color:#fff!important}
html body :is(.vp-projects,.v-regional) :is(.vp-link,.vp-services a),html body .text_cta,html body .pods3:hover h4{color:#207a3a!important}
html body :is(.vp-projects .vp-cta,.v-polish .vp-quote){background-color:#181e4b!important;color:#fff}
html body .vp-projects .vp-cta h2{color:#fff!important}
html body :is(.vp-facts,.vp-panel){background-color:#f0f4f7}
html body .elementor-location-footer .elementor-icon-list-icon :is(i,svg){color:#207a3a!important;fill:#207a3a!important}
html body .usp:before{border-color:#207a3a!important}
html body .elementor-nav-menu a.elementor-item:hover,html body .elementor-nav-menu a.elementor-item-active{color:#207a3a!important}
html body .elementor-nav-menu--main .elementor-item:after{background-color:#207a3a!important}
html body a[href="#top"]{background-color:#207a3a!important;border-color:#207a3a!important}
html body .gform_wrapper :is(input[type="radio"],input[type="checkbox"]){accent-color:#207a3a}
body.page-id-4162 #venald-home-articles{display:none}

html body .elementor .elementor-icon-list-icon :is(i,svg){color:#3bb95d!important;fill:#3bb95d!important}
html body:not(.wp-admin) .elementor .elementor-element a.elementor-button{background-color:#207a3a!important;border-color:#207a3a!important;color:#fff!important}
html body:not(.wp-admin) .elementor .elementor-element a.elementor-button:hover{background-color:#165d2b!important;border-color:#165d2b!important}

html body #gform_wrapper_2 #gform_2 #gform_submit_button_2{background:#207a3a!important;border-color:#207a3a!important;color:#fff!important}
html body #gform_wrapper_2 #gform_2 #gform_submit_button_2:hover{background:#165d2b!important;border-color:#165d2b!important}

