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

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

/* 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-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-100italic.woff') format('woff'); 
}

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), 
       url('fonts/montserrat-v25-latin-200italic.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'); 
}



/* BODY
*******************************************/
:root {
	--mmd-content-size: 1024px;
	--mmd-wide-size: 66.66667em;
	background: #fff;
	
	/* Content-sidebar, sidebar-content. Yhteensä enintään 100% */
	--mmd-content-sidebar-size: 1024px;
	--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;
	
	--mmd-font-size-custom1: 2.625rem; /* 42px (F) */
	--mmd-font-size-custom2: 8em;
}
body {	
	/* Fontti-säädöt */
	--mmd-font-1: "Montserrat", sans-serif;
	--mmd-font-2: "Montserrat", sans-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: 300;
	color: #333436;
	
	/* Button */
	--mmd-button-font-size: var(--mmd-font-size-s);
	--mmd-button-font-weight: 600;
	--mmd-button-bg-color: #ffffff;
	--mmd-button-text-color: var(--wp--preset--color--1);
	--mmd-button-hover-bg-color: var(--wp--preset--color--1);
	--mmd-button-hover-text-color: #ffffff;
	--mmd-button-border-radius: 0px;
	--mmd-button-border-width: 4px;
	--mmd-button-border-style: solid;
	--mmd-button-border-color: var(--wp--preset--color--1);
	--mmd-button-hover-border-color: var(--wp--preset--color--1);
	--mmd-button-pd-top-bottom: 0.9375em;
	--mmd-button-pd-left-right: 2em;
	--mmd-button-text-transform: uppercase;
	
	/* 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: 0em;
}
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;
	}
}