/**
 * Theme Name:       aliva

 * Template:         genesis

 */

:root {
	--breakpoint-xl: 1500px!important;
}


img, video, iframe {
  max-width: 100%;
  height: auto;
}



/*THIS FIX THE MOBILE ONLY SCREEN OVERLAP ISSUE?? */
@media only screen and (max-width: 900px) {
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
}

.has-no-content-width .wp-block-group__inner-container{max-width: 1800px}
.forcedfullwidth .wp-block-group__inner-container{max-width: 100%}
.site-header-wrap{}
body{line-height: 1.5}
body,p,.button{
  /*font-family: "Lexend", sans-serif;*/
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-family: futura-pt, sans-serif; 
}
body.page-id-79::before,
body.page-id-77::before{
    content: '';
      position: absolute;
      top: -20%;
      left: -20%;
      width: 140%;
      height: 140%;
      background-color: #f2f4f7; /* Blue background */
      transform: skewY(-20deg); /* Skew the shape */
      z-index: -1; /* Send it behind the content */
    }
p{font-weight: 400;}
.is-style-subheading{--heading-text-transform:none;font-size: 1.4rem;font-weight: 600!important;line-height: 2rem!important}
h1,h2,h3,h4,h5{
 /*font-family: "Plus Jakarta Sans", sans-serif;*/
	font-family: futura-pt, sans-serif; 
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
h1{font-weight: 700;}
.home-intro h1{color:#fff;font-size: 4rem;text-align: center;font-weight: 600;  text-transform: uppercase;  letter-spacing: 3px;margin:0 auto;max-width: 1200px;
}
.home-intro h4{font-weight: 400;letter-spacing: 3px;font-size: 3rem;color:#fff;text-align: center}

.home-intro h3{font-size: 1.4rem;letter-spacing: 10px;text-transform: uppercase;font-weight: 300}
@media only screen and (max-width: 900px) {
	.home-intro h1{font-size: 2rem;line-height: 1.2}	
	.home-intro h3{font-size: 1rem;}
}
.blur-box{backdrop-filter: blur(3px);
  background: rgb(0 0 0/20%);padding:30px;padding-top: 10px; max-width: 1000px;margin:0 auto;
	margin-top: 500px;margin-bottom: 300px;
	border-top: 5px solid #3a8891;
}
h4.strapline {font-size: 1rem;letter-spacing: 4px;text-transform: uppercase;font-weight: 300}
h3 span{color:#00c6c2}
.bordernone{border:none!important}

h1 span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentcolor;
}
.site-inner{padding-bottom: 200px}
.footerpullup{margin-top: -230px;z-index: 4}
.home .site-inner {
  padding-bottom: 36px;
}
.breadcrumb {
  width: auto;
   margin-top: -40px;
  background: #fff;
  z-index: 4;
  display: block;
  padding: 15px 40px 20px 40px;

  clip-path: polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);

}
	@media only screen and (max-width: 900px) {
		.breadcrumb{margin-top:0px}
}




.nocolumngap{--column-gap:0px}

.mobile-menu{background:#111;}

.pullup{margin-top: -320px!important;}
@media only screen and (max-width: 900px) {
	.pullup{margin-top: -40px;}	
}
	.pullup2{margin-top: -280px!important;}
@media only screen and (max-width: 900px) {
	.pullup2{margin-top: -40px;}	
}

.intro-icons{border-radius: 40px;padding: 30px;background:#fff}
.intro-icons h3{margin-top: 14px}
.service-types .fas {
  font-size: 2rem;

  text-align: center;
  background-color: #00c6c2;
  border-radius: 50%;
  padding: 20px;
  color: #fff;
}


/*Fix background:fixed issue on smaller devices */
@media only screen and (max-width: 900px) {
	.wp-block-cover__image-background.has-parallax
	{background-attachment: scroll!important;
	object-fit: contain;}
}

h2{}
h3{}
h4{}
	@media only screen and (max-width: 900px) {
	h1{
		
		}
}
	

h4.alt-centre::after, h3.alt-centre::after, h2.alt-centre::after {
  width: 60px;
  height: 3px;
  display: block;
  content: "";
  position: relative;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  margin-top: 25px;
  margin-bottom: 25px;
	-webkit-transform: skewX(-22deg);
  -ms-transform: skewX(-22deg);
  transform: skewX(-22deg);
  background-color: #84bd00;
}
h4.alt-left::after, h3.alt-left::after {
  width: 60px;
  height: 3px;
  display: block;
  content: "";
  position: relative;
  margin-top: 15px;
	-webkit-transform: skewX(-22deg);
  -ms-transform: skewX(-22deg);
  transform: skewX(-22deg);
  background-color: #84bd00;
}


.false-header h1{text-align: center}
.false-header h1 span{-webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentcolor;
}




.nav-after-header{background:#1c1c1c;border-top: 2px dotted rgba(255, 255, 255, 0.24)}
h2.alt:after, h3.alt:after, h4.alt:after{  background-color: #00c6c2;
  margin-top: 10px;margin-bottom: 10px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transform: skewX(-22deg);
  -ms-transform: skewX(-22deg);
  transform: skewX(-22deg);
  width: 54px;}


h2.black-back{background:#fff;padding:10px 20px;color:#134659!important;margin-bottom: 0px;display: inline-block;padding-bottom: 0px;}
h2.white-back{background:#3a8891;padding:10px 20px;color:#fff;display: inline-block;padding-bottom: 0px;}
h2.blue-back{background:#134659;padding:10px 20px;color:#fff;display: inline-block}

/* HIDE FOR NOW 
.site-container:before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 200px;
  display: block;
  position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.4) 80%);
}
*/


.button, .wp-block-buttons{border-radius: 0px!important}


.imgborder img{border: 1px solid #ccc;background:#000;opacity: 1}
.imgborder img:hover{border-color:#84bd00;opacity: 0.6}
.pullup{margin-top: -320px!important;background:#fff;padding:20px 30px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
@media only screen and (max-width: 900px) {
	.pullup{margin-top: -10px;}	
}
.project h4{font-size: 1.2rem}
.project a{font-weight: 500}
.project a::before, .operator a::before, .pdf-icon a::before {
  color: #34434c;
  font-family: "Font Awesome 5 Free";
  content: "\f1c1";
  display: inline-block;
  padding-right: 8px;
  vertical-align: middle;
  font-size: 1.4rem;margin-bottom: 5px;

}
.borderimg{border: 1px solid #ddd;}

.project h5{font-size: 0.8rem;letter-spacing: 1px;text-transform: uppercase;font-weight: 400;margin-top: 10px}

.home .menu-toggle-icon{color:#fff;}
.header-stuck .menu-toggle-icon{color:#134659;}
.pulluptextintro h1{max-width: 960px;}

.menu-item-link > span{font-weight: 500;color:#fff;font-size: 1.2rem}
.header-stuck .menu-item-link > span{color:#4d4d50}
.menu-item-link{}
.sub-menu{background:#34434c;color:#fff;width:330px;}

.menu-item-has-children > a::after{color:#fff;}
.header-stuck .menu-item-has-children > a::after{color:#134659;}
.header-stuck .sub-menu .menu-item-link > span li a, .sub-menu .menu-item-link > span li a, .header-stuck .sub-menu .menu-item-link > span{color:#fff}

.mai-column{background:#f9f9f9;border:1px solid #ddd;border-bottom: 3px solid #ddd;}
/* HIDE BORDERS ON ALIVACLASSIC PAGE */
.page-id-2141 .mai-column{border: none}

ul.content-social {
  margin-left: 0px;
  padding-left: 0px;text-align: left;
}
ul.content-social li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 10px;
}
ul.content-social li .fab , ul.content-social li .fa-brands{
background: #00c6c2;
    background-color: #00c6c2;
  color: #fff;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 37px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 8px;
  font-weight: bold;
  font-size: 18px;

}
ul.content-social li .fab:hover , ul.content-social li .fa-brands:hover{background-color:#111;color:#fff;}


/*FOOTER */
ul.footer-social {
  margin-left: 0px;
  padding-left: 0px;text-align: left;
}
ul.footer-social li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 10px;
}
ul.footer-social li .fab , ul.footer-social li .fa-brands{
background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 57px;
  border-radius: 0px;
  margin-right: 14px;
  font-weight: bold;
  font-size: 22px;

}
ul.footer-social li .fab:hover , ul.footer-social li .fa-brands:hover{background-color:#fff;color:#84bd00;}


ul.main-social {text-align: left}
ul.main-social li .fab , ul.main-social li .fa-brands{
background: #134659;
     color: #fff;
}

.image-holder{overflow: hidden}
 .image-holder{margin-top:0px;margin-bottom: 20px;}

 .image-holder{background:#000;position: relative}
 .image-holder h2 a{color:#fff;text-decoration: none}
.image-holder h2{z-index: 12}
.image-holder p{padding:30px;padding-top: 20px;}

.text-overlay{z-index: 12;margin-bottom: 30px}

 /*.image-holder img{-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.image-holder img:hover{opacity: 0.8;-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;transform:scale(1.05)}*/

.image-holder .wp-block-image:before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
}

 .image-holder{background:#134659;position: relative}
.image-holder-blue .wp-block-image:before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
background: linear-gradient(0deg, rgba(19, 70, 89, 0.9) 0%, rgba(19, 70, 89, 0) 50%);
}

.overlay-container {
 position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.site-container::before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 300px;
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 80%);
}
@media only screen and (max-width: 900px) {
	.site-container::before {height:120px}}

.pullup-intro {
  margin-top: -220px;
  background: #fff;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  text-align: center;
  margin-bottom: 40px;
}


/* FORM */


label:not([class*="gfield"]):not([class*="gform"]):not([class*="wpform"]){width: 100%;
  font-weight: 500;
  font-size: 1.2rem;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"] {
    width: 100%;
}
[type="submit"]{color:#fff!important}
.cta-block-footer{margin-top: -1px!important;}
.cta-block-footer [type="text"], .gform_wrapper.gravity-theme .gfield input.large, textarea{background:#fff;margin-bottom: 4px;width: 100%;border-radius: 0px;border: none;padding:10px;}
.cta-block-footer [type="submit"]{background-color:transparent;border:2px solid #fff;color:#fff;border-radius: 0px!important;width:100%;padding:8px;}
.cta-block-footer [type="submit"]:hover{background-color:#1f2c29;border:2px solid #1f2c29;color:#fff;}
.white-box{border-radius: 10px;background:#fff;padding:30px;padding-bottom: 10px;}

.gform_wrapper.gravity-theme .gfield_required{color:#84bd00!important}
.gform_confirmation_wrapper {text-align: center;font-weight: bold}
.gform_confirmation_message_1 {text-align: left;color:#fff}
/* NEWS */
.entry-title-link{font-size: 1.2rem}
.entry-image{border-radius: none!important}
.entry-image-link{overflow: hidden;background:#000}
.entry-grid .entry-image-link img:hover, img.entry-image {
	   transition: transform 0.8s ease-in-out;
	}

.entry-grid .entry-image-link img:hover, img.entry-image:hover {
	transform: scale(1.1); /* Slight zoom effect */
    transition: transform 0.8s ease-in-out;
	opacity: 0.8;
}
.entry-wrap-grid{border:1px solid #eee;border-bottom: 2px solid rgba(0,0,0,0.2)}
.entry-grid{box-shadow: none;border-bottom: 2px solid rgba(0,0,0,0.2)}
.entry-wrap{border-bottom: 2px solid rgba(0,0,0,0.2)}

.news-filter{border-bottom: 1px solid #ccc;padding-bottom: 20px;justify-content: center;margin-bottom: 30px}


.footer-bottom{border-top:2px dotted rgba(255, 255, 255, 0.2)}

.site-footer{background:#34434c;font-size: 1.2rem;color:#fff;}
.site-footer .fas, .site-footer .far{width:28px;text-align: center;color:#84bd00;}
.site-footer ul li{list-style-type: none;}
.site-footer ul{list-style-type: none;margin-left: 0px;}

.category-news .entry-categories a{padding:4px 8px;border:1px solid #84bd00;text-decoration: none;background:#84bd00;color:#fff;}
.category-news .entry-categories a:hover{text-decoration: none;color:#fff;}
.category-aliva-insights .entry-categories a{padding:4px 8px;border:1px solid #34434c;text-decoration: none;background:#34434c;color:#fff;}
.category-aliva-insights .entry-categories a:hover{text-decoration: none;color:#fff;}
/*
.category-rainscreen-cladding .entry-categories a{padding:4px 8px;border:1px solid red;text-decoration: none;background:red;color:#fff;}
.category-rainscreen-cladding .entry-categories a:hover{text-decoration: none;color:#fff;}
.category-external-wall-insulation .entry-categories a{padding:4px 8px;border:1px solid blue;text-decoration: none;background:blue;color:#fff;}
.category-external-wall-insulation .entry-categories a:hover{text-decoration: none;color:#fff;}
*/

/* HIDE DATES FROM PROJECT SHOWCASE POSTS */
.category-rainscreen-cladding .entry-time, .category-etics .entry-time{display: none}
/*HIDE EXCEPRT FROM SINGLE POST */
.entry-excerpt-single{display: none}

.entry-archive{background:#fff;box-shadow: none}

.single h4.wp-block-heading{color:#84bd00}


/*.site-footer h4::after {
  background-color: #9e1830;
  margin-top: 10px;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  -webkit-transform: skewX(-22deg);
  -ms-transform: skewX(-22deg);
  transform: skewX(-22deg);
  width: 44px;
}*/

.cta-footer{text-align: center;background:#84bd00;padding:40px;}
a.cta-footer {text-decoration: none!important}
.cta-footer .fa-regular{font-size: 3rem;margin-bottom: 20px;color:#fff;}

.cta-block-footer
.cta-block-footer-left{margin-right: 40px;}
.footer-action{border:2px solid rgba(255,255,255,0.2);padding:20px;margin-bottom: 20px;width: 100%;border-radius: 4px}
.footer-action .fas, .footer-action .far{font-size: 1.4rem;color:#fff;margin-right: 10px;}
.footer-action span{float: right;}
.footer-action:hover{background-color:rgba(0,0,0,0.2);transition: transform 0.8s ease-in-out;text-decoration: none}
a.footer-action, a.footer-action:hover{color:#fff;text-decoration: none!important}
.site-footer a{color:#fff;text-decoration: none}
.footer-action span .fas{color:rgba(255,255,255,0.2)}
@media only screen and (max-width: 900px) {
	.footer-action span .fas{display: none}
}

.footer-action {
  display: flex;
  align-items: center;
}

.footer-action i {
  flex-shrink: 0;       /* stop the icon from shrinking */
  margin-right: 8px;    /* spacing between icon and text */
}

.footer-action span {
  margin-left: auto;    /* pushes chevron to the far right */
}

.testimonial{padding:30px;margin-bottom:80px;background:#e9edf6;border-top:10px solid #34434c;position: relative;padding-top: 100px}
.quotes__mark {
  position: absolute;
  left: 30px;
  width: 120px;
  height: 120px;
  content: "";
  background-color: #84bd00;
  top: -60px;
  z-index: 9;
  color: #fff;
  text-align: center;
  font-size: 180px;
  line-height: 206px;

}

.team{padding:20px;font-size: 1.1rem;background:#fff;border: 1px solid #ddd;border-bottom: 2px solid #ddd}
.team h4{margin-top: 20px;}
.services{ padding:30px;
border: 1px solid #ddd;margin-bottom: 30px;background:#fff;border-bottom: 2px solid #ddd}
.services .fa-regular{font-size: 4rem;text-align: center;margin-bottom: 30px;}


/*FORCE BUTTONS TO BOTTOM OF CONTAINER! */
.services {


    display: flex;
    flex-direction: column;
	
}
.services .wp-block-buttons{margin-top: auto;}

.noborder{border:none!important}
/*Buttons*/


.sidebar{border-radius:6px;padding:20px;background:#e9edf6;margin-top: 30px;}
.sidebar ul {margin-left: 0px;}
.sidebar ul li{list-style-type: none}
.sidebar ul li a{background:#fff;padding:10px;padding-bottom:6px;display: block;width:100%;font-size: 1.2rem}
.sidebar ul li a:hover{text-decoration: none;background:#3a8891;color:#fff;}
.sidebar ul li.currentpage a{background:#3a8891;color:#fff;font-weight: bold;border-left:4px solid #134659}

.contact-sidebar h4{margin-bottom: 24px;}

ul.check{margin-left: 0px;list-style-type: none;}
ul.check li{position:relative;margin-left: 20px;padding-left: 30px;}
ul.check li:before {
    content: "\f00c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;color:#00c6c2;
 }



.highlight{border:1px solid #fff;}
.header-stuck .highlight{border:1px solid #3a8891;background-color:#3a8891;color:#fff!important;}
.header-stuck .highlight .menu-item-link > span{color:#fff!important}

/*.borderimg{outline-offset: -20px;
  outline: 3px dotted #fff;
  border-radius: 40px;
}*/

.footer-cta h2{font-size: 5rem;line-height: 1}
@media only screen and (max-width: 900px) {
	.footer-cta h2{font-size: 2.4rem;line-height: 1.4}	
}
.wpcf7 form.sent .wpcf7-response-output{border-color:#3a8891;}


/* Apply hover effect to the cover image BUT MUST BE SURROUNDED BY LINK*/
.cover-hover .wp-block-cover{overflow: hidden;	background-color:#000}
.cover-hover .wp-block-cover:hover .wp-block-cover__image-background,
.cover-hover .wp-block-cover:hover .wp-block-cover__video-background {
    transform: scale(1.1); /* Slight zoom effect */
    transition: transform 0.8s ease-in-out;

}
/* Optional: Add hover effect for text or overlay */
.cover-hover .wp-block-cover:hover .wp-block-cover__inner-container {
  
    transition: opacity 0.8s ease-in-out;
	}
.cover-hover .wp-block-cover:hover .wp-block-cover__image-background{
opacity: 0.8; /* Slight transparency on hover */

}
.cover-hover a{text-decoration: none;opacity: 1!important}
.cover-hover a.button:hover{background:#84bd00;color:#fff}
.cover-hover h3{margin-bottom: 20px;}
.border-container{box-shadow: 0px 1px 2px #ccc;padding: 20px;background:#fff;}

.paddingfull{padding-left: 30px!important;padding-right: 30px!important;}


.triangles{background-image: url(https://alivauk.com/wp-content/uploads/2025/01/Triangles-bk-2-1.svg);background-size: contain;background-repeat: no-repeat;background-position: right;background-attachment: fixed}

.clippathleft {clip-path: polygon(0 80px,80px 0,100% 0,100% 100%,0 100%)}
.clippathright{clip-path: polygon(0 0,calc(100% - 80px) 0,100% 80px,100% 100%,0 100%)}
.fullheight{min-height:600px}
.halfheight{min-height:285px}
.halfheight p{max-width: 360px;}
@media only screen and (max-width: 900px) {
	.halfheight p{max-width: 280px;}
}
.angular{polygon(0 0,100% 0,70% 100%,0 100%);
-webkit-clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}

.team-page-linkedin a:after {
    content: "\f08c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 	margin-left: 7px;   
}

/* Post styling */
.single .content-sidebar-wrap{max-width: 1100px}
.single .entry-wrap{margin-bottom:100px;border-bottom:none}
.pagination-next .adjacent-entry-link-inner::after, .pagination-previous .adjacent-entry-link-inner::before{background: transparent!important}
.pagination-previous .adjacent-entry-link-inner::before  {
    content: "\f053"!important;  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 	  }
.pagination-next .adjacent-entry-link-inner::after{
    content: "\f054"!important;  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
 	  }

/*HIDE ON HOME PAGE */

.footerctaboxhome{z-index:4;margin-top: -120px;}

.contact-holder{background:#f2f4f7;padding:20px;}
.contact-icon{background:#84bd00;color:#fff;padding:20px;text-align:center;}
.borderaround{padding:30px;border:1px solid #ddd}

/*SOME PAGES NEED GREY TOP AND BOTTOM THESE ARE THEY */
.page-id-77 .breadcrumb, .page-id-79 .breadcrumb,
.is-archive .breadcrumb, .is-archive .site-inner
{background:#f2f4f7!important;}

/* FILEBUG GALLERY TO FORCE 2 COLUMNS */
@media only screen and (max-width: 900px) {
 .columns-4{--columns: 2!important;}
}
/*FORCE HEIGHT ON FLEX PAGE */
.page-id-2143 ul.filebird-block-filebird-gallery li{height: 320px}

.wp-block-search__button.has-icon{background-color:#2a3942;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;}

.border-box{border:1px solid #ccc;padding:20px 30px;}
.max-height240 img{max-height:240px;}
.max-height190 img{max-height:190px;}

/* Equal height only for this specific section */
.equal-height-columns {
  display: flex;
  align-items: stretch;
}

.equal-height-columns > .wp-block-column {
  display: flex;
  flex-direction: column;
}

.equal-height-columns > .wp-block-column > .wp-block-cover {
  flex: 1 1 auto;
  min-height: 100%;
}

@media (max-width: 768px) {
  .equal-height-columns {
    display: block;
  }
}

.wp-block-gallery .wp-block-image {
  display: flex;
  flex-direction: column;
}


/* overlay-caption - this moves plain image overlay on top for single images to mimic gallery caption behavior */
.overlay-caption {
  position: relative;
  display: inline-block; /* keep container tight to image */
}

.overlay-caption img {
  display: block; /* remove extra whitespace under image */
}

.overlay-caption figcaption {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
   background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0));
  color: #fff;
  padding: 8px 12px;
  font-size: 14px;
  text-align: center;
}

.error404 .site-header{background-color:#34434c;}

.hovercolour a:hover{color:#84c547!important}

.page-id-81 .mai-column{background-color: #fff;border:none!important}

/*.purple{color:#5a2e5f}*/
.purple p{margin-bottom: 0px;}
.entry-content > h3:not(:first-child){margin-top: 0px;}

/*TIMELINE */
.timeline {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* vertical center line */
.timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background: #ddd;
  transform: translateX(-50%);
}

/* timeline item */
.timeline-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}

/* alternate sides */
.timeline-item:nth-child(even) {
  flex-direction: row-reverse;
}

/* content + image */
.timeline-content,
.timeline-image {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}

.timeline-content {
  background: #fff;
}

.timeline-date {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
  color: #4d4d4f;
  letter-spacing: 1px;
  font-size: 3rem;
}

/* image styling */
.timeline-image img {
  width: 100%;
  height: auto;

  display: block;
}

/* center dot */
.timeline-item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 20px;
  width: 14px;
  height: 14px;
  background: #1c263c; /* change to brand colour */
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

/* =========================
   ANIMATION (JS CONTROLLED)
   ========================= */

/* only hide if JS is active */
.js .timeline-item {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease;
}

/* animate in */
.js .timeline-item.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* optional stagger */
.js .timeline-item:nth-child(1) { transition-delay: 0.1s; }
.js .timeline-item:nth-child(2) { transition-delay: 0.2s; }
.js .timeline-item:nth-child(3) { transition-delay: 0.3s; }
.js .timeline-item:nth-child(4) { transition-delay: 0.4s; }

/* =========================
   HOVER POLISH
   ========================= */

.timeline-content {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-content:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

  .timeline::before {
    left: 20px;
  }

  .timeline-item {
    flex-direction: column !important;
    align-items: flex-start;
  }

  .timeline-content,
  .timeline-image {
    width: 100%;
    padding-left: 50px;
  }

  .timeline-item::before {
    left: 20px;
    top: 20px;
  }
}



.wp-block-details summary{color:#84bd00;}
.center-wrap {
  text-align: center;
}

/*Phyisibel custom force Vimeo */
.page-id-6284 iframe[src*="vimeo.com"] {
  aspect-ratio: 16 / 9;
  width: 100%;
}