/* COLOURS */

:root {
	--grey: #2E2E35;
	--medgrey: #747474;
	--medgrey: #747474;
	--darkgrey: #030207;	
	--white: #ffffff;
	--pink: #E3239A;
	
}
#news-load-more.pinkbutton {
  display: inline-block;
  width: auto;
  margin: 0 auto 60px;   /* center + bottom margin */
}
.text-center #news-load-more.pinkbutton {
  display: inline-block; /* ensure it's centered inside .text-center */
}
.grey {color: var(--grey);}
.pink {color: var(--pink);}
.white {color: var(--white);}
.medgrey {color: var(--medgrey);}

.bg_white {background-color: var(--white);}
.bg_grey {background-color: var(--grey);}
.bg_medgrey {background-color: var(--medgrey);}

/* ------------------------------------------------------------ */

/* ELEMENTS & TYPOGRAPHY */

html, body {padding:0px; height:100%; margin:0px; }
p  {font-family: "Libre Franklin", sans-serif; font-size:20px; line-height:30px; font-weight:400;}
img {max-width:100%}

a {font-family: "Libre Franklin", sans-serif; font-size:20px; line-height:30px; font-weight:400;}
a:hover {}
a:active {}
a:visited {text-decoration: none;}
a i {cursor: pointer;}

h1 {font-family: "Libre Franklin", sans-serif; font-size:60px; font-weight:600;}
h2 {font-family: "Libre Franklin", sans-serif; font-size:35px; line-height:35px; font-weight:600;}
h3 {font-family: "Libre Franklin", sans-serif; font-size:23px; line-height:33px; font-weight:400; text-transform:uppercase;}
h4 {font-family: "Libre Franklin", sans-serif; font-size:19x; font-weight:400;}
h5 {font-family: "Libre Franklin", sans-serif; font-size:43px; line-height:53px; font-weight:600; margin-bottom:20px;}
h6 {font-family: "Libre Franklin", sans-serif; font-size:15px; line-height:25px; font-weight:400;}

ul {}
ul li {font-family: "Libre Franklin", sans-serif; font-size:20px; line-height:30px; font-weight:400;}
ol {}
ol li {font-family: "Libre Franklin", sans-serif; font-size:20px; line-height:30px; font-weight:400;}
strong, b {font-weight:700;}
em {font-style:italic;}
blockquote {}

input {}
label {}
select {}
textarea {}
button {}
fieldset {}
legend {}
datalist {}
output {}
option {}
optgroup {}

input type="button" {}
input type="checkbox" {}
input type="color" {}
input type="date" {}
input type="datetime-local" {}
input type="email" {}
input type="file" {}
input type="hidden" {}
input type="image" {}
input type="month" {}
input type="number" {}
input type="password" {}
input type="radio" {}
input type="range" {}
input type="reset" {}
input type="search" {}
input type="submit" {}
input type="tel" {}
input type="text" {}
input type="time" {}
input type="url" {}
input type="week" {}

iframe:focus {outline: none;}
iframe[seamless] {display: block;}

header {display: block;}
footer {display: block;}
sup { vertical-align: super; font-size: smaller;}
.logofont a  {font-family: "Lexend Deca", sans-serif; font-size:32px; font-weight:600; text-transform:uppercase; text-decoration:none;}
.logofont a.white:hover {color: #FDFDFD}
.logofont a.black:hover {color: black;}
.logofont a.black {color: black}



.logofont {font-family: "Lexend Deca", sans-serif; font-size:32px; font-weight:600; text-transform:uppercase;}
.buttontext {font-family: "Libre Franklin", sans-serif; font-size:19px; font-weight:700;}
.quotename {font-family: "Libre Franklin", sans-serif; font-size:23px; line-height:33px; font-weight:600; margin-top:30px; text-transform:uppercase;}
.subheader {font-family: "Libre Franklin", sans-serif; font-size:33px; line-height:43px; font-weight:600; text-transform:uppercase; margin-bottom:20px;}
.quote {font-family: "Libre Franklin", sans-serif; font-size:40px; line-height:52px; font-weight:600; }

.quote p {font-family: "Libre Franklin", sans-serif; font-size:40px; line-height:52px; font-weight:600; }


.teasercopy {font-family: "Libre Franklin", sans-serif; font-size:23px; line-height:33px; font-weight:500;}
.projectstitle {font-family: "Libre Franklin", sans-serif; font-size:60px; font-weight:600; text-transform:uppercase;}
.pullquote {font-family: "Libre Franklin", sans-serif; font-size:60px; line-height:75px; font-weight:500; margin-top:80px; margin-bottom:80px;}

.projectscarousel img {width:100%; height:auto; border-top-right-radius:20px;  border-bottom-right-radius:20px;   border-top-left-radius:0px !important;   border-bottom-left-radius:0px !important; }

.projectscarousel {margin-left:-15px !important;}

.teasercopy a {color: var(--white); transition: ease 0.3s; text-decoration:none; font-size:23px; line-height:33px; font-weight:500;}

.teasercopy a:hover {color: var(--pink); }


h1.notfound {font-size:250px;}

/* WP STYLES */

.aligncenter,.alignleft,.alignright {display: block; padding: 0;}
.aligncenter {float: none;	margin: .5em auto 1em;}
.alignright {	float: right;margin: .5em 0 1em 1em;}
.alignleft {	float: left;margin: .5em 1em 1em 0;}
.wp-caption {	padding: 5px 0;	border: 1px solid #555;	background: #444;	text-align: center;}
.wp-caption img {	display: inline;}
.wp-caption p.wp-caption-text {	margin: 5px 0 0;	padding: 0;	text-align: center;	font-size: 75%;	font-weight: 100;	font-style: italic;	color: #ddd;}

/* ------------------------------------------------------------ */



/* GENERAL STYLING */

.container { margin-right: auto;  margin-left: auto; max-width: 1440px;}
.plainheader {background:white; padding-top:40px; padding-bottom:40px;}

.plainintro {
  position: relative;
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 1;
}

.plainintro::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('http://www.leonmann.co.uk/wp-content/uploads/2025/09/Grid-segment.png');
  background-repeat: repeat;
  background-position: center;
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}

.plainintro > * {
  position: relative;
  z-index: 1;
}

.plainintro h1 {text-transform:uppercase; margin-bottom:30px;}

.pinkborder {border: 2px solid var(--pink); border-bottom-right-radius: 20px;  border-top-right-radius: 20px; margin-top:40px; padding-bottom:40px; padding-bottom:40px; border-left:none; padding-top:40px; margin-bottom:40px; }

#mega-menu-wrap-main #mega-menu-main > li.oval > a.mega-menu-link:hover {
 /*  text-shadow:
    0 0 3px #ffffff,
    0 0 7px #ffffff,
    0 0 12px #ffffff,
    0 0 15px #E3239A,  
    0 0 20px #E3239A; */
}


/* HOME*/


.homeheader {
  background-image: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/bgimage.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height:900px;
  padding-top:40px;
  background-position:center;
}
.logo img {height:35px; width:auto;}
.homemain {   position: relative;
  min-height: 700px;
  background-color: var(--grey);
  overflow: hidden;
	padding-top:70px; 
	padding-bottom:140px;}


.homemain::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/grid-1.png') center repeat;
  opacity: 0.5;
  z-index: 0;
}

.homemain > * {
  position: relative;
  z-index: 1;
}
.circlerow {padding-bottom:130px;}
.homestatement {margin-top:200px}
.homestatement h2 {margin-bottom:40px;}


.plainheader #mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, .plainheader #mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, .plainheader #mega-menu-wrap-main .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: #000;
 
}






.circle-bg {
  width: 90%;
  aspect-ratio: 1 / 1;
  background-color: #2E2E35;
  border: 1px solid #747474;
  border-radius: 50%;
  padding: 60px;
  box-sizing: border-box;
  margin: 0 auto; /* Center within parent */
	position: relative;
	overflow: visible;
}

.circle-text {
  color: white;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; 
  align-items: center;
  justify-content: center;
  text-wrap: balance;
  padding: 60px;
  box-sizing: border-box;
}
.circle-text a.pinkbutton {margin-top:40px;}
.quoteimage {text-align:center; padding-top:40px; padding-bottom:40px;}
.quoteimage img {max-height:481px; width:auto; border-radius:35px;}
.quotetext {padding-top:40px;}
.quotesection a.pinkbutton {margin-top:30px;}

.cardcontainer {padding-bottom:40px;}
.quoteimagehighlight  img { width:auto; border-radius:25px; padding-left:40px; padding-right:30px; }

.mission {
  margin-top: 300px;
}

.maincircleimage  {
  position: absolute;
  max-width: 30%;
  z-index: 10;
  background-color: var(--grey);
}

.maincircleimage img {  border-radius: 20px;   width: 100%;
  height: auto;  background-color: var(--grey) !important; padding: 0px !important}

.maincircleimage {background-color: var(--grey); !important}

.maincircleimage1 {
  top: 130px;
  left: -50px;
  width: 220px; 
}

.maincircleimage2 {
  top: 0px;
  right: -80px;
  width: 393px; 
}

.maincircleimage3 {
  bottom:-40px;
  left: -50px;
  width: 393px; 
}


.maincircleimage4 {
 bottom: 0px;
 right: -80px;
 width: 325px; 
}

.projectsteaser  {padding-top: 90px; padding-bottom:80px;}
.projectitem {margin-top:90px;}
.projectitem img {margin-bottom:30px; border-radius:30px;}

.projectitem a h3  {color: var(--grey); transition: 0.3s ease;}
.projectitem a h3:hover  {color: var(--pink); }
	.projectitem a  {text-decoration:none !important;}

.projectitem2 {margin-top:0px;}
.projectitem2 img {margin-bottom:30px; border-radius:30px; width:100%; height:auto;}
.singelprojectcontainer {padding-top:60px; }

/* about */

.aboutmain {padding-bottom:80px; background-image: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/bgrectabglepink.png');
	background-repeat: no-repeat; 
	background-position:right;   
	background-size: contain;
 	min-height: 300px;}

.aboutmainimg {margin-top:40px;}

.aboutmain2 {padding-top: 90px; padding-bottom:80px;}



/* highlights */


.highlightsmain {margin-bottom:60px; overflow:hidden; border-radius:20px;}
.highlightsmain img {margin-left:-15px; width:100%; height:auto; background: var(--grey); border-right:1px solid var(--grey);}
.highlightsmaintext {padding:50px;}
.quoteimagehighlight img {width: 95%; height:auto; border-radius: 25px; padding-left: 0px; padding-right: 0px; width:100%;}
.highlightsmaintext .teasercopy {margin-bottom:20px;}

.cardcontainer .card-body {background-color: var(--grey); color:white; padding:30px;}
.cardcontainer .card {overflow:hidden; border-top-left-radius:20px !important;; border-top-right-radius:20px !important;; border:none !important; background-color: var(--grey) !important;}
.cardcontainer p.card-text {font-size:23px; line-height:32px;}
.cardcontainer p.card-text a {font-size:23px; line-height:32px;  color:var(--white); text-decoration:none; transition: ease 0.3s;}
.cardcontainer p.card-text a:hover {color:var(--pink);}



.card-img-top {width:100%  !important; height: auto !important;}


@media (max-width: 1440px) {
  .hideteaser {
    display: none !important;
  }
}
@media (max-width: 980px) {
.highlightsmain img {
max-width:3000px; width:120%;

  }
}



/* default */

.plaintext { padding-bottom:80px;}
.plaintitle {margin-top:50px; }
.plaintitle h1 {text-transform:uppercase;}
.plaintcontent h2 {text-transform:uppercase; margin-top:20px; color: var(--medgrey); font-size:32px; line-height:42px; font-weight:500; margin-bottom:40px;}
.plaintcontent h3 {color: var(--pink); font-weight:500; margin-top:30px;margin-bottom:10px;}



.postquote {padding:10px; padding-left:60px; padding-right:60px; z-index:2}
.posttext { padding-bottom:80px;}
.posttitle {margin-top:50px; }
.posttitle h1 {font-size:43px; line-height:53px; font-weight:600;}
.postcontent h2 {text-transform:uppercase; margin-top:20px; color: var(--medgrey); font-size:32px; line-height:42px; font-weight:500; margin-bottom:40px;}
.posttcontent h3 {color: var(--pink); font-weight:500; margin-top:30px;margin-bottom:10px;}

.postimage {margin-top:30px; margin-bottom:40px;}
.postimage img {width:100%; height:auto;}
.imagecaption {margin-top:10px; text-transform:uppercase; font-weight:600; }

/* contact */

.contactimg {margin-right:-15px;}
.contactcontainer {
  position: relative; /* Needed for pseudo positioning */
  overflow: hidden;
  padding-bottom: 80px;
  min-height: 300px;
}
.contactmain {  z-index: 3;}

.contactcontainer::before {
  content: "";
  position: absolute;
  top: 200px;   /* start 200px down */
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/black-Ellipse4.png');
  background-repeat: no-repeat; 
  background-position: right top;   
  background-size: contain;
  z-index: 2; /* Higher than .plainintro's ::before */
  pointer-events: none;
}



.curvebg {
  position: relative; /* Needed for pseudo positioning */
  overflow: hidden;
  padding-bottom: 80px;
  min-height: 300px;
}




/* gravity */


.gform_button {font-family: "Libre Franklin", sans-serif; font-size:19px; line-height:50px; font-weight:700;  padding-left:60px; padding-right:60px; display:inline-block; border: 1px solid var(--pink); border-radius:30px; color:black text-decoration:none; text-transform:uppercase;   transition: text-shadow 0.3s ease; background:white;}

.gform_button:hover {
  text-shadow:
    0 0 3px #ffffff,
    0 0 7px #ffffff,
    0 0 12px #ffffff,
    0 0 15px #E3239A,  /* optional: pink outer glow */
    0 0 20px #E3239A;
}

.gform_wrapper .gfield_label {
  text-transform: uppercase;
  letter-spacing: 0.5px; /* optional: makes it look cleaner */
  font-weight: 600;      /* optional: a bit bolder */
}



/* timeline */

.wpex-timeline-list.show-clean .wpex-timeline-icon:before {
background: var(--pink) !important;}

.wpex-timeline-list.show-clean .wpex-timeline.style-center > li .wpex-timeline-icon .fa {
display: none; !important;}

.tll-date {font-family: "Libre Franklin", sans-serif; font-size:32px !important; line-height:35px !important; font-weight:600 !important;}
.tlct-shortdes img {margin-top:20px; max-width:100%;}

/* overall */
body {background-color:black;}

/* projects */
.plainintroprojects {padding-bottom:140px; }
.projectimage1 {margin-top:-70px; margin-left:-12px; z-index:100; position:relative; margin-bottom:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; width:100%; height:auto;}


.projectimage2 {margin-top:10px; margin-right:-12px; z-index:100; position:relative; margin-bottom:20px; border-bottom-left-radius:20px; border-top-left-radius:20px; width:100%; height:auto;}
.projectimage3 {margin-top:20px; margin-left:-12px; z-index:100; position:relative; margin-bottom:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; width:100%; height:auto;}


.projectteaser2 {padding-top:180px;}
.projectteaser3 {padding-top:180px;}

.plainintroprojects2 {padding-bottom:100px;}
.projectteaser {color:white;}
.projectteaser1 {padding-top:80px;}
.projectteaser h3 {text-transform:none;}
.projectteaser h5 a {font-family: "Libre Franklin", sans-serif; font-size:43px; line-height:53px; font-weight:600; margin-bottom:20px; color: var(--pink); text-decoration:none;}




/* navigation */




/* main */

/* footer */

.footer {padding-top: 80px; padding-bottom:80px;}
.footer .logo {margin-bottom:40px;}
.footer1menu {margin-bottom:40px;}
.footer1menu ul, .footer1menu ul li {margin-left:0px; padding-left:0px; }
.footer1menu ul li {list-style:none; display:inline;}
.footer1menu ul li a {color:white; text-decoration:none; margin-right:10px; font-family: "Libre Franklin", sans-serif; font-size:23px; line-height:33px; font-weight:400; text-transform:uppercase;}


.footer2menu ul, .footer1menu ul li {margin-left:0px; padding-left:0px; }
.footer2menu ul li {list-style:none; display:inline;}
.footer2menu ul li a {color:var(--medgrey); text-decoration:none; margin-right:10px; font-family: "Libre Franklin", sans-serif; font-size:15px; line-height:25px; font-weight:400; text-transform:uppercase;}

.copyright {text-transform:uppercase;}
.footersocials img {margin-left:10px; height:43px; width:auto;}

/* ------------------------------------------------------------ */

/* HELPERS */

.hide {display: none;}


a.pinkbutton {font-family: "Libre Franklin", sans-serif; font-size:19px; line-height:50px; font-weight:700;  padding-left:60px; padding-right:60px; display:inline-block; border: 2px solid var(--pink); border-radius:30px; color:white; text-decoration:none; text-transform:uppercase;   transition:  0.3s ease;}

a.pinkbutton:hover {
	color: var(--pink) !important; 
	
	
/*  text-shadow:
    0 0 3px #ffffff,
    0 0 7px #ffffff,
    0 0 12px #ffffff,
    0 0 15px #E3239A, 
    0 0 20px #E3239A; */
}

.split-bg {
  background: linear-gradient(to bottom, #030207 0px, #030207 450px, #ffffff 450px, #ffffff 100%);
}
.split-bg2 {
  background: linear-gradient(to bottom, #ffffff  0px, #ffffff   300px, #030207 300px, #030207 100%);
}


.split-bg3 {
  background: linear-gradient(to bottom, #ffffff  0px, #ffffff   100px, #030207 100px, #030207 100%); margin-top:-60px;
}


.split-bg4 {
  background: linear-gradient(to bottom, #030207 0px, #030207 250px, #ffffff 250px, #ffffff 100%);
}


.col-12.col-lg-6.d-flex {
  align-items: center; /* vertical centering */
}

.fade-inload {
  opacity: 0;
  transform: translateY(20px); /* optional: adds subtle motion */
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.3s; /* optional */
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.circle-text .subheader, .pinkbuttondiv {width:100%}

.circle-text h5 {font-size:30px; line-height:120%}

/* ------------------------------------------------------------ */

/* MEDIA QUERIES */

@media (max-width: 576px) {
	
	  .homeheader {
    background-position: 60% center; /* shift image left */
  }

	
	
	
	
	

	
	
	
	
.pullquote { font-size:20px; line-height:30px; font-weight:500; margin-top:40px; margin-bottom:40px;}
.projectitem2 	 {margin-bottom:30px;}
.circlerow {padding-bottom: 0px;}
h2,  .quote p {font-size:20px; line-height:32px;}
.quotename { font-size: 16px; line-height: 26px;}
h1 {font-size:35px; line-height:42px;}	
h3 {
 
    font-size: 18px;
    line-height: 28px;

}	
	
	.circle-bg {width:100%;}	
	.projectstitle {font-size:25px; line-height:35px;}	
.projectteaser h5 a  {font-size:25px; line-height:35px;}	
	
h5 {font-size:25px; line-height:35px;}	
.quote {font-size:30px; line-height:42px;}	
.quoteimagehighlight{margin-top:30px;}
.quoteimagehighlight img {width: 100%; height:auto; border-radius: 25px; padding-left: 0px; padding-right: 0px; width:100%;}
.cardcontainer .col-12 {margin-bottom:30px;}
p { font-size: 16px;line-height: 26px;}
.subheader {font-size: 23px; line-height: 33px;	}
	
	.quote { font-size:20px; line-height:30px; font-weight:500; margin-top:40px; margin-bottom:40px;}
.postquote {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
	margin-top:30px;
}

	.circle-text {padding:0px !important;}
.posttitle h1 {
font-size: 30px;
        line-height: 40px;
}
	
	h1.notfound {font-size:50px;}
	}


/* Optional: make sure the circle only appears on lg and up */
@media (max-width: 991.98px) {
.circle-bg {border: none !important; padding:0px !important;}
.mission .quotename { font-size:14px; }
.footersocials {margin-bottom:30px;}
	.contactcontainer::before {
    background-image: none !important;
}	
	.maincircleimage  {display:none;}	
	

	
}

@media (min-width: 992px) {
.rectanglegright {
	background-image: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/bgrectabglepink.png');
	background-repeat: no-repeat; 
	background-position:right;   
	background-size: contain;
 	min-height: 300px;}
	
	

	.curvebg::before {
  content: "";
  position: absolute;
  top: 1000px;   /* start 200px down */
  right: 0;
  left: 0;
  height: 800px;              /* cap at 600px */
  max-height: 800px;          /* just to be safe */
  background-image: url('https://www.leonmann.co.uk/wp-content/uploads/2025/07/Group-8.png');
  background-repeat: no-repeat; 
  background-position: right top;   
  background-size: contain;   /* scale proportionally within the 600px box */
  z-index: 0; 
  pointer-events: none;
}
	
	
}


@media (min-width: 1088px) {

.plainheader #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link {color: black;}
.plainheader #mega-menu-wrap-main #mega-menu-main > li.oval > a.mega-menu-link {color:black !important;}



#mega-menu-wrap-main #mega-menu-main > li.oval > a.mega-menu-link 
{	font-family: "Libre Franklin", sans-serif !important; 
	font-size:19px !important; 

	font-weight:700 !important;  
	padding-left:60px !important; 
	padding-right:60px !important; 
	display:inline-block; 
	border: 2px solid var(--pink) !important; 
	border-radius:30px !important;  
	color:white !important;  
	text-decoration:none !important;   
	text-transform:uppercase !important;
	margin-left: 40px !important;
	transition:  0.3s ease !important;}



#mega-menu-wrap-main #mega-menu-main > li.oval > a.mega-menu-link:hover {
	
	
		color: var(--pink) !important; 
	
	
	
/*  text-shadow:
    0 0 3px #ffffff,
    0 0 7px #ffffff,
    0 0 12px #ffffff,
    0 0 15px #E3239A,  
    0 0 20px #E3239A; */
}
}