@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300;1,400;1,700&display=swap');

BODY {
background:#fef9f5;
background:#ffffff url(https://www.land4homes.co.uk/gifs/newtp.png);
background-position:top center;
height:100%;
margin:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
text-align:center;
padding:0px; 
font-family: "Lato", "arial","helvetica",sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

IMG.fullscreenall{
width:80%;
}
IMG.topology{
float:left;
    top: 30px;
    left: 40%;
z-index:90;
background:#ffffff;
padding:7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-top:3px;
border:0px solid black;
height:145px;
margin-left:21px;
margin-top:21px;
}

.InfoPanel{
float:right;
}

.homeboxintro{
width:100%;
}

.twitter
{
  display: block;
  width: 33px;
  height: 33px;
  background: url("https://www.land4homes.co.uk/gifs/twittericon.png") no-repeat 0 0;
float:right;
}

.twitter:hover
{ 
  background-position: 0 -33px;
}

.twitter span
{
  position: relative;
  top: -999em;
}


.facebook
{
  display: block;
  width: 33px;
  height: 33px;
  background: url("https://www.land4homes.co.uk/gifs/facebookicon.png") no-repeat 0 0;
float:right;
}

.facebook:hover
{ 
  background-position: 0 -33px;
}

.facebook span
{
  position: relative;
  top: -999em;
}



.instagram
{
  display: none;
  width: 33px;
  height: 33px;
  background: url("https://www.land4homes.co.uk/gifs/instaicon.png") no-repeat 0 0;
float:right;
}

.instagram:hover
{ 
  background-position: 0 -33px;
}

.instagram span
{
  position: relative;
  top: -999em;
}


.halfbox{
width:45%;
float:left;
min-height:162px;
padding-right:23px;
margin:4px;
padding:7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom:59px;
border:1px solid silver;
margin-top:0px;
padding-top:0px;
}

.subbox{
width:29%;
float:left;
min-height:242px;
padding-right:23px;
margin-left:236px;
padding-left:11px;
opacity:0.7;
filter:alpha(opacity=70);
background:black;
margin-bottom:59px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border:1px solid silver;
}

.subboxinner{
width:29%;
float:left;
padding-right:23px;
}

.bckimage{
width:100%;
height:420px;
background:#fff url(https://www.land4homes.co.uk/gifs/meeting.jpg) no-repeat;
transition: 0.9s;
opacity: 0.9;
}

.bckimagenew{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green10.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top left;
margin:0px;
padding:0px;
}

.bckimagenewabout{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green12.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin:0px;
padding:0px;
}

.bckimagenewbuilders{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green11.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin:0px;
padding:0px;
}


.bckimagenewyourland{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green8.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin:0px;
padding:0px;
}


.bckimagenewcontact{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green2.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin:0px;
padding:0px;
}

.bckimagenewnews{
width:100%;
min-height:430px;
background:#000 url(https://www.land4homes.co.uk/gifs/Green7.jpg) no-repeat;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
background-position:top center;
margin:0px;
padding:0px;
}

#slider1_container{position: relative; width: 1799px; height: 501px; overflow: hidden;}

.logoboxcontainer3{display:inline;}
.logoboxcontainer2{display:none;}

.imagetag{
position: absolute;
top: 20%;
left:30%;
font-size:19px;
}
IMG.fullscreenallmobhide{
width:100%;
display:inline;
}
IMG.fullscreenallmobshow{
width:100%;
display:none;
}
IMG.fullscreenhalf{
width:50%;
}

.headercontainer{
width:399px;
background:#333;
min-height:18px;
margin:0px;
margin-right:auto;
margin-left:755px;
margin-top:21px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding:11px;
padding-top:5px;
}

.menu{
margin-top:11px;
}

.logobox{
width:100%;
position: relative;
text-align: center;
color: white;
font-size:24px;
font-family: "Lato", "arial","helvetica",sans-serif;
font-weight:normal;
}
.logoboxcontainer{
width:100%;
background:#fff;
margin:0px;
padding:0px;
}

.footerboxcontainer {
    width: 100%;
    min-height: 200px; /* Ensure there's enough space for the background to be visible */
    background: linear-gradient(to bottom, #f9af52, #e89647); /* Subtle gradient */
    position: relative; /* Ensures pseudo-element is positioned relative to this container */
    margin: 0;
    padding: 0px; 
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2); /* Top shadow effect */
    overflow: hidden; /* Prevent unexpected content overflow */
}

.footerboxcontainer * {
    margin: 0;
    padding: 0;
    position: relative; /* Ensures content stays above the background */
    z-index: 1; /* Keeps child elements above the pseudo-element */
}

.footerboxcontainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.land4homes.co.uk/gifs/Green2.jpg') center/cover no-repeat;
    opacity: 0.1; /* Applies transparency to the background image only */
    z-index: 0; /* Ensures it appears behind content but above the gradient */
}

.footer-logo {
    position: absolute;
    top: 20px;
    right: 55px; /* Ensure it stays within the container */
    width: 130px; /* Adjust as needed */
    height: 150px; /* Adjust as needed */
    background: url(https://www.land4homes.co.uk/gifs/land4homes_logo2.jpg) no-repeat center;
    background-size: contain;
    opacity: 0.65;
    border-radius: 2px;
    background-color: white; /* Adds a subtle contrast */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    
    /* Remove padding that affects the width/height */
    padding: 0; 
    
    /* Ensure it doesn’t get cut off */
    max-width: calc(100% - 20px); /* Prevent overflow */
    max-height: 100%; 
}



.buttonenvelope{
text-align: center;
}


.greybutton{
 background: #f9af52 url(https://www.land4homes.co.uk/gifs/newtp.png) repeat-x;
padding:5px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
margin-bottom:51px;
}

.greybuttonnew{
background: #f9af52 url(https://www.land4homes.co.uk/gifs/newtp.png) repeat-x;
color:white;
padding:5px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
margin-bottom:1px;
width:50%;
margin-right:auto;
margin-left:auto;
}

.servicesinfo{
min-height:252px;
}

hr.new {
  border: 1px dotted #3f4f3f;
  border-radius: 1px;
}

.greenbutton{
background:#3f4f3f;
padding:11px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: 1px #ffffff solid;
    outline: none;
    background-color: #f2a12e;
    color: #000;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}
#myBtn:hover {
    background-color: #555;
}  
.basecontainer{
background:transparent;
}
.bodyboxnew {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
  margin:11px;
}

.contentenvelope{
background:#fff;
width:100%;
margin:0px;
padding:0px;
}

.content {
margin-top:40px;
padding-top:0px;
margin-bottom:50px;
width:980px;
margin-right:auto;
margin-left:auto;
}
.footer{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:21px;
padding-top:51px;
}
.header{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:3px;
padding-top:3px;
}

.navbar{
width:100%;
background: #f9af52;
text-align: center;
margin:0px;
}

EM{
font-weight:400;
color: #008000;
}
h1{
  font-size:32px;
  line-height:1.1;
  color:#3f4f3f;
  margin-bottom:22px;
  font-weight:700;
  letter-spacing:-0.03em;
}
H2{
color:#6e3c26;
font-size:21px;
font-family:"Nunito Sans",sans-serif;
font-weight:400;
margin-top:12px;
letter-spacing:-0.01em;
background:transparent;
text-align:center;
margin-left:3px;
margin-bottom:13px;
}
H2.lesserwhite{
color:white;
font-weight:100;
}
H2.toptitle{
margin-left:23px;
color:#000;
}
H3{
font-size:19px;
font-family:"Nunito Sans",sans-serif;
font-weight:900;
margin-bottom:20px;
background:transparent;
margin-top:21px;
text-align:left;
margin-left:3px;
background: #f9af52;
color:black;
padding:7px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
}
H3.white{
color:white;
text-align:left;
margin:3px;
margin-top:21px;
}
H3.transparent{
background:transparent;
margin-top:15px;
margin-bottom:7px;
}
H4{
color:#000;
font-size:16px;
font-family:"Nunito Sans",sans-serif;
font-weight:600;
margin-top:12px;
letter-spacing:-0.01em;
background:transparent;
text-align:left;
margin-left:3px;
margin-bottom:13px;
padding-top:21px;
}
H5{
color:#000;
font-size:16px;
font-family:"Nunito Sans",sans-serif;
font-weight:600;
margin-top:12px;
letter-spacing:-0.01em;
background:transparent url(https://www.land4homes.co.uk/gifs/up.gif) no-repeat;
text-align:left;
margin-left:3px;
margin-bottom:13px;
padding-top:21px;
}
P{
color:#111111;
font-size:16px;
font-family: "Lato", "arial","helvetica",sans-serif;
margin:3px;
font-weight:400;
line-height:1.5;
text-align:left;
}
P.justify{
text-align:justify;
margin-right:29px;
}
P.contactsbox{
font-size:17px;
line-height:1.5;
}
P.align85{
margin-top:21px;
}
UL{list-style-type: circle;}
OL{list-style-type: upper-roman;}
LI{
color:#403b2e;
font-size:15px;
font-family: "Lato", "arial","helvetica",sans-serif;
font-weight:400;
margin:3px;
line-height:2;
text-align:left;
margin-left:21px;
}
P.white{
color:#FFFFFF;
}
P.white2{
color:#FFFFFF;
font-size:13px;
width:566px;
text-align:center;
margin:3px;
}
.white a:link{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}
.white a:active{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}
.white a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:700;
transform: translateY(-2px);
animation: pulse 0.5s infinite alternate;
}
.white a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:700;
}

.white2 a:link{
color:#FFFFFF;
}
.white2 a:active{
color:#FFFFFF;
}
.white2 a:hover{
color:#FFFFFF;
transform: translateY(-2px);
animation: pulse 0.5s infinite alternate;
}
.white2 a:visited{
color:#FFFFFF;
}

a:visited{
color:#333;
font-weight:700;
text-decoration:none;
}
a:link{
color:#333;
font-weight:700;
text-decoration:none;
}
a:hover{
color:#333;
text-decoration:none;
font-weight:700;
text-decoration:underline;
transform: translateY(-2px);
animation: pulse 0.5s infinite alternate;
}
a:active{
color:#333;
text-decoration:none;
font-weight:700;
}
 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.base2_sponsors{
float:left;
margin-right:51px;
}

  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 14px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.button {
-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
box-shadow:inset 0px 1px 3px 0px #91b8b3;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);

background: #004960;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #566963;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family: "Lato", "arial","helvetica",sans-serif;
font-size:15px;
font-weight:700;
padding:5px 23px;
text-decoration:none;
}


.button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
background-color:#6c7c7c;
transform: translateY(-2px);
animation: pulse 0.5s infinite alternate;
}


.button:active {
position:relative;
top:1px;
}

IMG.left{
float:left;
padding:5px;
}

IMG.imgleft{
float:left;
padding:5px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

IMG.right{
float:right;
padding:0px;
}

P.clear{
clear:both;
}

IMG.right2{
float: right; 
width:41.66%;
}

IMG.img100{width:95%;}
IMG.logo{float:left;width:25%;}




@media only screen and (min-width : 800px) and (max-width : 999px) {
.footer{width:90%;}
.header{width:90%;}
.content{width:90%;margin-top:17px;}
}



@media only screen and (max-width : 799px) {


IMG.topology{
height:114px;
margin-left:54px;
}

.bckimagenew{
width:100%;
min-height:373px;
}

.bckimagenewabout{
width:100%;
min-height:373px;
}

.bckimagenewcontact{
width:100%;
min-height:373px;
}

.bckimagenewyourland{
width:100%;
min-height:373px;
}

.bckimagenewbuilders{
width:100%;
min-height:373px;
}

.bckimagenewnews{
width:100%;
min-height:373px;
}

.homeboxintro{
width:100%;
}

.headercontainer{
width:70%;
min-height:18px;
margin:0px;
margin-right:auto;
margin-left:39px;
margin-top:305px;
padding-bottom:5px;
padding-left:49px;
}

.halfbox{
width:90%;
float:none;
min-height:162px;
padding-right:23px;
margin-bottom:59px;
}

.subbox{
width:39%;
float:left;
min-height:162px;
padding-right:7px;
margin-left:11px;
opacity:0.7;
filter:alpha(opacity=70);
background:black;
margin-bottom:99px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}



.logoboxcontainer3{display:inline;}
.logoboxcontainer2{display:none;}

P.white2{
color:#FFFFFF;
width:90%;
}

.servicesinfo{
min-height:12px;
}

.base2_sponsors{
float:none;
margin-right:1px;
}


.subbox{
width:90%;
float:none;
min-height:12px;}

.subboxinner{
width:90%;
float:none;
min-height:12px;}

.logobox{
width:100%;
position: relative;
text-align: center;
color: white;
font-size:19px;
font-family: "Lato", "arial","helvetica",sans-serif;
font-weight:200;
margin:0px;
padding:0px;
}

.imagetag{
position: absolute;
top: 20%;
left:5%;
font-size:17px;
}
IMG.fullscreenallmobhide{
width:100%;
display:none;
}
IMG.fullscreenallmobshow{
width:100%;
display:inline;
}

H1.welcome{
color:#403b2e;
font-size:16px;
font-weight:normal;
letter-spacing:0em;
margin-left:3px;
line-height:1.2;
text-align:left;
}


H2{font-size:21px;text-align:center;}
.footer{width:90%;}
.header{width:90%;}
.content{width:90%;}
P.top{width:90%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.fullscreen{width:90%;}
.contentleft{width:90%;float:none;margin:11px;min-height:76px;}
.contentleftblue{width:90%;float:none;margin:11px;min-height:76px;}
.contentright{width:90%;float:none;margin:11px;min-height:76px;}
.basecontainer{width:90%;margin-right:auto;margin-left:auto;margin-bottom:27px;padding-bottom:27px;}
.winnersboxhomep{width:90%;}

}


/* 2026 refresh overrides - keep ws.css unchanged */

:root{
  --brand-green:#3f4f3f;
  --brand-gold:#f2ae0c;
  --brand-orange:#f9af52;
  --brand-brown:#6e3c26;
  --ink:#1d1d1b;
  --soft:#f8f4ee;
  --line:#e6dfd5;
  --max:1120px;
}

body{
  background:#fff;
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
}

.navbar{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(63,79,63,0.96);
  box-shadow:0 4px 18px rgba(0,0,0,0.16);
}

.content{
  width:min(var(--max),92%);
  margin:0 auto;
  padding:48px 0 60px;
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(290px,0.85fr);
  gap:34px;
}

.halfbox{
  width:auto;
  float:none;
  margin:0;
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 36px rgba(0,0,0,0.07);
}

.halfbox:first-child{
  border-top:6px solid var(--brand-orange);
}

.halfbox:nth-child(2){
  background:var(--soft);
}

.bckimagenew,
.bckimagenewabout,
.bckimagenewbuilders,
.bckimagenewyourland,
.bckimagenewcontact,
.bckimagenewnews{
  min-height:clamp(310px,46vw,520px);
  background-size:cover !important;
  background-position:center !important;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  border:0;
}

IMG.topology{
  position:relative;
  z-index:2;
  float:none;
  height:clamp(105px,15vw,155px);
  margin:34px 0 0 max(24px,calc((100vw - var(--max)) / 2));
  padding:9px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

h2{
  color:var(--brand-brown);
  font-size:clamp(25px,3vw,34px);
  line-height:1.15;
  margin:0 0 18px;
}

h3{
  background:transparent;
  color:var(--brand-green);
  padding:0;
  margin:24px 0 8px;
  font-size:21px;
  border-radius:0;
}

p{
  font-size:17px;
  line-height:1.72;
}

.contactbox{
  background:#fff;
  border-radius:16px;
  padding:20px;
  margin-top:24px;
  border:1px solid var(--line);
}

.contactbox h3{
  margin-top:0;
}

.newsletter-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  margin-top:28px;
  max-width:420px;
  box-shadow:0 10px 28px rgba(0,0,0,0.06);
}

.newsletter-box h3,
.newsletter-box p{
  text-align:left !important;
  color:var(--ink) !important;
}

.newsletter-box input{
  box-sizing:border-box;
  width:100%;
  padding:12px;
  border:1px solid #ccc;
  border-radius:8px;
  font-size:16px;
}

.button{
  background:var(--brand-green);
  border:0;
  border-radius:999px;
  padding:11px 24px;
}

.footerboxcontainer{
  background:linear-gradient(135deg,#3f4f3f,#283428);
  color:#fff;
}

.footerboxcontainer p,
.footerboxcontainer h3,
.footerboxcontainer a{
  color:#fff;
}

.footer{
  width:min(var(--max),92%);
}

.base2_sponsors{
  float:left;
  width:30%;
  margin-right:3%;
}

.privacyDiv > div{
  width:100%;
  box-sizing:border-box;
  background:rgba(63,79,63,0.96) !important;
  color:#fff;
  padding:10px 20px;
}

.privacyDiv p,
.privacyDiv a{
  color:#fff;
  text-align:center;
}

@media only screen and (max-width:850px){
  .content{
    display:block;
    padding-top:28px;
  }

  .halfbox{
    margin-bottom:24px;
    padding:22px;
  }

  IMG.topology{
    margin-left:22px;
  }

  .base2_sponsors{
    float:none;
    width:100%;
    margin:0 0 24px;
  }

  .footer-logo{
    display:none;
  }
}

/* single-column content pages */

.content-single{
  width:min(1100px,92%);
  display:block;
}

.single-column{
  width:min(920px,100%);
  margin:0 auto 40px auto;
  float:none;
  padding:38px 42px;
  box-sizing:border-box;
}

/* enhanced footer */

.footerboxcontainer{
  position:relative;
  overflow:hidden;
  background:#2f3c2f;
  padding:48px 0 26px;
  color:#ffffff;
  box-shadow:0 -8px 28px rgba(0,0,0,0.18);
}

.footerboxcontainer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      rgba(20,25,20,0.82),
      rgba(20,25,20,0.82)
    ),
    url('https://www.land4homes.co.uk/gifs/Green2.jpg');
  background-size:cover;
  background-position:center;
  opacity:1;
  z-index:0;
}

.footer{
  position:relative;
  z-index:2;
  width:min(1120px,92%);
  margin:0 auto;
  padding:0;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1.2fr;
  gap:42px;
  align-items:start;
}

.footer-brand img{
  display:block;
  width:155px;
  height:auto;
  background:#ffffff;
  padding:10px;
  border-radius:10px;
  opacity:1 !important;
  filter:none !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.35);
}

.footer-brand p{
  margin-top:18px;
  max-width:320px;
  color:#f1f1f1;
}

.footer-column h3{
  background:transparent;
  color:#f9af52;
  padding:0;
  margin:0 0 14px;
  font-size:20px;
}

.footer-column p,
.footer-bottom p{
  color:#f1f1f1;
  font-size:15px;
  line-height:1.8;
}

.footer-column a,
.footer-bottom a{
  color:#ffffff !important;
  text-decoration:none;
  font-weight:700;
}

.footer-column a:hover,
.footer-bottom a:hover{
  color:#f9af52 !important;
  text-decoration:none;
}

.footer-bottom{
  margin-top:38px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.18);
}

.footer-bottom p{
  text-align:center;
  margin:0;
}

.footer-logo{
  display:none;
}

@media only screen and (max-width:760px){

  .footer-grid{
    grid-template-columns:1fr;
    gap:26px;
  }

  .footer-brand img{
    width:135px;
  }

  .footer-bottom p{
    text-align:left;
  }

}