/*!
Theme Name: Eslaforde
Theme URI: 
Author: Mike Cartwright
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.72
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eslaforde
Tags: 
*/
/* colours */
/*  fonts */
/* misc */
/*
 http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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%;
  font: inherit;
  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;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: Roboto, sans-serif;
	font-size: 16px;
}

img {
	display: block;
}

h1 {
	color: #006f3d;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 1em;
}

h2 {
	color: #006f3d;
	font-size: 1.75em;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 1em;
}

p {
	margin: 0 0 1em;
}

li {
	margin: 0 0 1em;
}

strong {
	font-weight: 500;
}

i, em {
	font-style: italic;
}

ol, ul {
	margin: 0 0 1.375em 2.375em;
}

li ol,
li ul {
	margin-top: 1.375em;
}

.letterboxouter {
	height: 0;
	margin: 0 0 1.5em;
	max-height: 100%;
	overflow: hidden;
	padding: 66% 0 0 0;
	position: relative;
}

.letterboxinner {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.letterbox {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

header {
	position: relative;
}

#hero-image-mobile {
	padding: 70% 0 0 0;
}

#hero-image-desktop {
	display: none;
}

#hero-image-mobile .letterbox,
#hero-image-desktop .letterbox {
	object-position: 0 15%;
}

#logo-wrap {
	position: absolute;
	top: 1.25em;
	width: 100%;
}

#logo {
	margin: auto;
	max-width: 16em;
	width: 40%;
}

#hero-clip {
	background-color: #fff;
	bottom: 0;
	clip-path: polygon(calc(50% - 3.75em) 0, 0 0, 0 100%, 100% 100%, 100% 0, calc(50% + 3.75em) 0, 50% 2em);
	height: 2em;
	position: absolute;
	width: 100%;
}

#main {
	padding: 0 1.75em;
}

footer {
	background-color: #006f3d;
	color: #fff;
	padding: 1.75em;
}

#logo-footer {
	margin: 0 auto 1.75em;
	width: 10em;
}

#legals {
	line-height: 1.333;
	font-weight: 300;
}

#socials {
	display: flex;
}

.social-link {
	display: block;
	flex: 0 0 2em;
	width: 2em;
}

.social-logo {
	width: 100%;
}

@media (min-width: 750px) {
	#hero-image-mobile {
		padding: 50% 0 0 0;
	}
}

@media (min-width: 1024px) {
	#hero-image-mobile {
		display: none;
	}
	
	#hero-image-desktop {
		display: block;
		padding: 45% 0 0 0;
	}
}