/* ═══════════════════════════════════════════════════════════════════
 * ECLOGA ITALIA — BASE
 * ───────────────────────────────────────────────────────────────────
 * Reset, tipografia e default dei form.
 *
 * Estratto da style-static.min.css di Divi: sono le uniche regole
 * effettivamente utilizzate, misurate con DevTools Coverage su
 * home, chi siamo, articolo blog, privacy policy, scheda prodotto,
 * carrello e checkout. Su 824 KB di Divi ne risultava usato il 2,89%,
 * di cui questa è la parte base (il resto sta in woocommerce.css
 * e single.css).
 *
 * Va caricato per primo, prima di header.css, footer.css e dei CSS
 * di pagina.
 * ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════
 * RESET
 * ═══════════════════════════════════════════════════════════════════ */

a, abbr, acronym, address, applet, b, big, blockquote, body, center,
cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form,
h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend,
li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub,
sup, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, footer, header, hgroup, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

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

.clear {
	clear: both;
}


/* ═══════════════════════════════════════════════════════════════════
 * TIPOGRAFIA
 * ═══════════════════════════════════════════════════════════════════ */

body {
	font-family: 'Outfit', sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p {
	padding-bottom: 1em;
}

p:not(.has-background):last-of-type {
	padding-bottom: 0;
}

a {
	color: #1666C0;
	font-weight: 500;
}

a,
a:hover {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

cite, em, i {
	font-style: italic;
}

dl {
	margin: 0 0 1.5em;
}

dl dt {
	font-weight: 700;
}

dd {
	margin-left: 1.5em;
}


/* ═══════════════════════════════════════════════════════════════════
 * MEDIA
 * ═══════════════════════════════════════════════════════════════════ */

img {
	max-width: 100%;
	height: auto;
}

embed, iframe, object, video {
	max-width: 100%;
}


/* ═══════════════════════════════════════════════════════════════════
 * FORM
 * ═══════════════════════════════════════════════════════════════════ */

input {
	-webkit-appearance: none;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
}

input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 2px;
	color: #4e4e4e;
	margin: 0;
}

input.text:focus,
input.title:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color: #2d3940;
	color: #3e3e3e;
}

textarea {
	padding: 4px;
}

button, input, select, textarea {
	font-family: inherit;
}


/* ═══════════════════════════════════════════════════════════════════
 * ACCESSIBILITÀ
 * ═══════════════════════════════════════════════════════════════════ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}


/* ═══════════════════════════════════════════════════════════════════
 * TERZE PARTI
 * ═══════════════════════════════════════════════════════════════════ */

body .grecaptcha-badge {
	visibility: hidden;
}