/* FOOTER
======================================================= */
footer{
	--padding:0 var(--hpad) var(--vpad);
	--img-width:var(--230px);
	--gap:var(--40px) var(--22px);
	--ft2-mt:var(--28px);
	--font:var(--n4) var(--18px) / var(--28px) var(--bff);
}

.social{
	--social__gap:var(--4px);
}

@media (max-width:768px) {
	footer{
		--padding:0 var(--hpad) var(--74px);
		--gap:0;
		--ft2-mt:var(--18px);
		--lagw:var(--203px);
		--lagh:var(--70px);
		--img-width:var(--230px);
		--font:var(--n4) var(--12px) / var(--18px) var(--bff);
	}
	.social{
		--display:flex;
		--align:center;
		--img-pos:relative;
		--iconsize:var(--14px);
		--social__gap:0;
		--social__margin-left:var(--4px);
	}
}

@media(min-width:769px) {
	.ft1 {padding-top: var(--16px);}
	.ft1, .ft5 {flex-basis: var(--335px);}
	.ft2, .ft6,	.ft3, .ft7 {flex-basis: var(--250px);}
	.ft4, .ft8 {flex-basis: var(--175px);}
	.ft5, .ft6, .ft7 {align-self: flex-end;padding-bottom: var(--6px);}
	.ft7 {display: flex; gap:var(--54px); padding-bottom: var(--10px);}
}

.ft4 a:first-child, .ft6, .ft7 a {font:var(--nav);text-transform: uppercase;}
.ft2 span{display:block;}

footer {padding:var(--padding); background: var(--bg); position:relative;}
footer > .footer-wrap {padding-top: var(--vpad);width:100%;height:100%;display:flex;flex-wrap:wrap;border-top: var(--border);gap:var(--gap);}
footer * {font:var(--font);color:var(--color);}
footer a:hover {color:var(--hover);}
footer h4:not(.a) {font-weight:bold;}

footer ul.nav { width:100%; display:flex; flex-direction:column; align-items: flex-start;}

.social > a {display:flex;gap:var(--social__gap);align-items:var(--align, initial);}
.social > a > img {width: var(--iconsize);height: var(--iconsize);position:var(--img-position,initial)}
.social > a > h5 {display:var(--display, inherit);font:var(--nav);font-weight:600;letter-spacing: 0;margin-left:var(--social__margin-left,0);}

/*LEGAL & GENERAL LOGO*/
.lag {width:var(--lagw);height:var(--lagh);object-fit:contain;object-position: bottom;}
img.footer-logo {object-fit: contain;width:var(--img-width);}

.small-text{font-size:0.5em;line-height:1.1;}

@media (max-width:768px) {
	.wsn {white-space: nowrap;}
	.lag{margin:0 auto var(--43px);}
	footer .social {display: flex;justify-content: center;}
	.ft1 {order:1;margin: 0 auto var(--32px);}
	.ft2,.ft3,.ft7,.ft5{width:50%;margin-bottom:var(--45px)}
	.ft2 {order:3;}
	.ft2 p:not(.a):not(.a){text-align: left}
	.ft3 {order:4;text-align:right;}
	.ft3 li {text-align:right;width:100%}
	.ft4 {order:0;width:100%;text-align:center;margin-bottom:var(--28px);}
	.ft5 {order:5;}
	.ft6 {order:2;width: 100%;margin: 0 auto var(--62px);text-align: center;gap:0;display: flex;flex-wrap: wrap;justify-content:center;}
	.ft7 {order:6;gap:0;display:flex;justify-content:flex-end;}
	.ft8 {order:7;width: 100%;display: flex;}
	.ft7 > a {gap:0;margin-left:var(--20px);}
	.small-text{font-size:0.7em;line-height:1.1;}
	img.footer-logo {margin:0 auto;}
	
}

footer div[itemscope] *{font: var(--font); font-size:var(--10px); line-height: 1.1;}