@charset "UTF-8";

@font-face {src: url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/ogg/OggText-Book.woff2') format('woff2'),
         url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/ogg/OggText-Book.woff') format('woff'); font-family: 'OggText'; font-weight: normal; font-style: normal; font-display: swap}

@font-face {src: url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/saas/saaseriesemdot-webfont.woff2') format('woff2'),
         url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/saas/saaseriesemdot-webfont.woff') format('woff'); font-family: 'SaaSeriesEMDOTRegular'; font-weight: normal; font-style: normal; font-display: swap}

@font-face {src: url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Light.eot'); src: url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Light.eot#iefix') format('embedded-opentype'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Light.woff') format('woff'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Light.ttf') format('truetype'); font-family: 'Neue Haas Grotesk Display Pro'; font-weight: 400; font-style: normal; font-display: swap}

@font-face {src: url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Roman.eot'); src: url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Roman.eot#iefix') format('embedded-opentype'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Roman.woff') format('woff'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Roman.ttf') format('truetype'); font-family: 'Neue Haas Grotesk Display Pro'; font-weight: 500; font-style: normal; font-display: swap}

@font-face {src: url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Mediu.eot'); src: url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Mediu.eot#iefix') format('embedded-opentype'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/fonts/haas/NeueHaasDisplay-Mediu.woff') format('woff'),
        url('https://dev.baleandanchor.com/templates/baleandanchor/css/NeueHaasDisplay-Mediu.ttf') format('truetype'); font-family: 'Neue Haas Grotesk Display Pro'; font-weight: 600; font-style: normal; font-display: swap}

:root {	
	--ss:100/1366;	--rem:1vw; 
	--n3:300; --n4:normal 400; 	--n5:normal 500; 	--n6:normal 600;
	--lgreen:#01AC86; 
	--dgreen:#16281A; 
	--dbrown:#241E13; 
	--pgreen:#D1DACD; 
	--ggreen:#E8EDE6; 
	--dblue:#2B2E34;	
	--gold:#E9D49B; 
	--cream:#EFEDED; 	
	--dcream:#D4CCB5; 
	--grey:#F2F2F2; 	
	--black:#000000; 	
	--white:#EFEDED; 
	--orange:#E27B4A; 
	--dorange:#D4754A; 
	--red:#9F4239; 
	--gradient1:#EFEDED2B; 
	--gradient2:#78777782;
	--sand:#D8D0C1; 
	
	--fc1:var(--dbrown); --fc2:var(--cream); --bg:var(--cream); --navhover:var(--dorange);
	
	--hff:'OggText', serif; --hff2:'SaaSeriesEMDOTRegular', sans-serif; --bff:'Neue Haas Grotesk Display Pro', sans-serif; 
	--cover:center / cover no-repeat; --contain:center / contain no-repeat;
	
	--h1:var(--n4) var(--50px) / var(--50px) var(--hff); /*--h1*/
	--h2: var(--n3) var(--40px) / var(--54px) var(--hff); /*--h3*/
	--h3: var(--n3) var(--38px) / var(--38px) var(--hff); /*--h3s*/
	--h4: var(--n3) var(--25px) / var(--34px) var(--hff); /*--h4*/
	
	--sh2:var(--n4) (--50px) / var(--60px) var(--hff2); /*--h2*/
	--sh3: var(--n4) var(--20px) / var(--25px) var(--hff2); /*--h5*/
	--sh4: var(--n4) var(--17px) / var(--25px) var(--hff2); /*--h5b*/
	--sh5: var(--n4) var(--14px) / var(--30px) var(--hff2); /*--h5c*/		
	--sh6: var(--n4) var(--13px) / var(--15px) var(--hff2); /*--h5d*/
	--nav:var(--n4) var(--14px) / var(--17px) var(--hff2); /*--nav*/	
	
	--p1:var(--n4) var(--25px) / var(--36px) var(--bff); /*--p1*/
	--p2:var(--n4) var(--20px) / var(--30px) var(--bff); /*--p1b*/
	--p3:var(--n4) var(--14px) / var(--27px) var(--bff); /*--p2*/
	--p4:var(--n4) var(--12px) / var(--35px) var(--bff); /*--p3*/	
	
	--tiny:var(--n4) var(--12px) / var(--16px) var(--bff); /*--tiny*/
	--xtiny:var(--n4) var(--10px) / var(--10px) var(--bff); /*--xtiny*/
	
	--h2-fallbacks:var(--h2, var(--h1));
	--h3-fallbacks:var(--h3, var(--h2, var(--h1)));
	--h4-fallbacks:var(--h4, var(--h3, var(--h2, var(--h1))));
	--h5-fallbacks:var(--h5, var(--h4, var(--h3, var(--h2, var(--h1)))));
	--h6-fallbacks:var(--h6, var(--h5, var(--h4, var(--h3, var(--h2, var(--h1))))));
	--p2-fallbacks:var(--p2, var(--p1));
	--p3-fallbacks:var(--p3, var(--p2, var(--p1)));
	--p4-fallbacks:var(--p4, var(--p3, var(--p2, var(--p1))));
	
	--ls:.05em;	
	--ls2:.125em;	
	--ls3: .2em;	
	--logosize:var(--290px);	
	--vpad:var(--66px); 
	--hpad:var(--45px); 
	--fh:var(--768px);
	--gap:var(--16px); --gap2:var(--20px); --gap3:var(--24px); --gap4:var(--48px); 
	--border:var(--1px) solid var(--orange);
	--border2:var(--2px) solid var(--orange);
	--border3:var(--3px) solid var(--orange);
	--nohero-pt:var(--265px);
	--gradient:#C4C4C470;
	--dots:var(--13px);
	--hero:var(--768px); 
	--mb20:var(--20px); --mb30:var(--30px); --mb40:var(--40px);
	--lagw:var(--175px);
	--lagh:var(--87px);
}

@media (max-width:768px) {
	:root{
		--h1:var(--n4) var(--40px) / var(--54px) var(--hff);
		--h2: var(--n3) var(--26px) / var(--35px) var(--hff);
		--h3: var(--h2); 
		--h4: var(--n3) var(--17px) / var(--24px) var(--hff);
		
		--sh3: var(--n4) var(--16px) / var(--18px) var(--hff2);
		
		--p1:var(--n4) var(--16px) / var(--25px) var(--bff);
		--p2:var(--p1);
		--p3:var(--n4) var(--12px) / var(--18px) var(--bff);
		
		--hpad:var(--26px);
		--vpad:var(--50px);
		
		--hero:var(--209px); 
		--nohero-pt:var(--114px);
	}
}

body.optimised{
	--header-height:calc(var(--ss)*92vw);
	--hpad:calc(var(--ss)*40vw);
	--nav:400 calc(var(--ss)*18vw) / calc(var(--ss)*18vw) var(--hff2);
	--btn:400 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--hff2);
}