/* libre-bodoni-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-bodoni-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/libre-bodoni-v5-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/libre-bodoni-v5-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/libre-bodoni-v5-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/libre-bodoni-v5-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/libre-bodoni-v5-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/libre-bodoni-v5-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-bodoni-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/libre-bodoni-v5-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-300.woff') format('woff'); 
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'); 
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-500.woff') format('woff'); 
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-600.woff') format('woff'); 
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-700.woff') format('woff'); 
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-800.woff') format('woff'); 
}

/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('fonts/montserrat-v25-latin-900.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-900.woff') format('woff'); 
}

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-300italic.woff') format('woff'); 
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'); 
}

/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-600italic.woff') format('woff'); 
}

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-800italic.woff') format('woff'); 
}

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-500italic.woff') format('woff'); 
}

/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-900italic.woff') format('woff'); 
}

/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-700italic.woff') format('woff'); 
}

/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/outfit-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/outfit-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/outfit-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/outfit-v11-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/outfit-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cardo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cardo-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cardo-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/cardo-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cardo-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cardo-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bentham-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bentham';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bentham-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* sorts-mill-goudy-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sorts-mill-goudy-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sorts-mill-goudy-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sorts Mill Goudy';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/sorts-mill-goudy-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* plus-jakarta-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/plus-jakarta-sans-v8-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/plus-jakarta-sans-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/plus-jakarta-sans-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/plus-jakarta-sans-v8-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/plus-jakarta-sans-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/plus-jakarta-sans-v8-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* prata-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/prata-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* BODY
*******************************************/
:root {
	--mmd-content-size: 1024px;
	--mmd-wide-size: 1200px;
	background: #fff;
	
	/* Content-sidebar, sidebar-content. Yhteensä enintään 100% */
	--mmd-content-sidebar-size: 1200px;
	--mmd-content: 70.3125%;
	--mmd-sidebar: 25%;
	
	/* Spacing-säädöt */
	--mmd-root-padding-top: 5em;
	--mmd-root-padding-left-right: 1.375rem; /* 22px (F) */
	--mmd-root-padding-bottom: 7em;
	--mmd-block-gap: 1.5rem; /* 26px (F) */
	--mmd-full-background-container-block-gap: 4em;
	--mmd-full-background-container-block-padding: 3em;
	--mmd-p-has-background-pd: 1.555556em 1.555556em;
	--mmd-spacing-custom1: 6em;
	--mmd-spacing-custom2: 8em;
	
	/* Custom-font-sizes */
	--mmd-font-size-custom1: 2.625rem; /* 42px (F) */
	--mmd-font-size-custom2: 8em;
}
body {	
	/* Fontti-säädöt */
	--mmd-font-1: "Plus Jakarta Sans", sans-serif;
	--mmd-font-2: "Libre Bodoni", serif;
	--mmd-letter-spacing: 0.03em;
	--mmd-line-height1-h: 1.125;
	--mmd-line-height2-h: 1.2;
	--mmd-bold: 700;
	font-size: 1rem; /* 16px (F) */
	line-height: 1.625;
	font-weight: 400;
	color: #333436;
	
	/* Button */
	--mmd-button-font-size: var(--mmd-font-size-s);
	--mmd-button-font-weight: 600;
	--mmd-button-bg-color: var(--wp--preset--color--2);
	--mmd-button-text-color: #FFFFFF;
	--mmd-button-hover-bg-color: #333333;
	--mmd-button-hover-text-color: #FFFFFF;
	--mmd-button-border-radius: 0px;
	--mmd-button-border-width: 3px;
	--mmd-button-border-style: solid;
	--mmd-button-border-color: var(--wp--preset--color--2);
	--mmd-button-hover-border-color: #333333;
	--mmd-button-pd-top-bottom: 0.9375em;
	--mmd-button-pd-left-right: 2em;
	--mmd-button-text-transform: none;
	
	/* muut */
	--mmd-anim-speed: 800ms;
	--mmd-link-color: var(--wp--preset--color--1);
	--mmd-link-color2: #FFFFFF;
	--mmd-link-transition: 0.2s ease-out; /* vaikuttaa buttoniin */
	--mmd-slider-korkeus: 52vh;
}

@media (min-width: 22.5em) { /* 360px */
	:root {
	--mmd-root-padding-left-right: calc(1.375rem + ((1vw - 3.6px) * 4.0323)); /* 22px 360-1600px 72px (4.5rem) */
	}
}
@media (min-width: 48em) { /* 768px */
	:root {
	--mmd-block-gap: calc(1.5rem + ((1vw - 0.48rem) * 0.4808)); /* 26px 768-1600px 28px (1.75rem) */
	--mmd-font-size-custom1: calc(2.625rem + ((1vw - 0.48rem) * 1.2019)); /* 42px 768-1600px 52px (3.25rem) */
	}
	body {
    font-size: calc(1rem + ((1vw - 0.48rem) * 0.2404)); /* 16px 768-1600px 18px (1.125rem) */
	}
}
@media (min-width: 100em) { /* 1600px */
	:root {
	--mmd-root-padding-left-right: 4.5rem; /* 72px (F) */
	--mmd-block-gap: 1.75rem; /* 28px (F) */
	--mmd-font-size-custom1: 3.25rem; /* 52px (F) */
	}
	body {
    font-size: 1.125rem; /* 18px (F) */
	}
}


/* H-ELEMENTTIEN SÄÄDÖT
********************************************/
h1, h2, h3, h4, h5, h6, .uagb-ifb-title-wrap {
	font-family: var(--mmd-font-2);
	font-weight: 400;
	margin-top: 0;
	line-height: var(--mmd-line-height2-h);
}
h1, h2 {
	line-height: var(--mmd-line-height1-h);
	font-weight: 300;
	letter-spacing: -0.005em;
	ttext-transform:uppercase;
}
h1 {
	--mmd-h1-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-5xl);
}
h2 {
	--mmd-h2-margin-top: var(--mmd-block-gap);
	--mmd-h2-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-3xl);
}
h3 {
	--mmd-h3-margin-top: var(--mmd-block-gap);
	--mmd-h3-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-2xl);
}
h4 {
	--mmd-h4-margin-top: var(--mmd-block-gap);
	--mmd-h4-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-xl);
}
h5 {
	--mmd-h5-margin-top: var(--mmd-block-gap);
	--mmd-h5-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-l);
}
h6 {
	--mmd-h5-margin-top: var(--mmd-block-gap);
	--mmd-h6-margin-bottom: 0.5625em;
	font-size: var(--mmd-font-size-m);
	text-transform: uppercase;
}

@media only screen and (max-width: 400px) {
/* tavutus */
body:not(.home) h1 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
}