.wc-block-mini-cart__button {
  align-items: center;
  background-color: transparent;
  border: none;
  color: inherit;
  display: flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: .75em .5em;
}

/* luckiest-guy-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/luckiest-guy-v22-latin-regular.woff2') format('woff2');
}

/* mulish-300 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/mulish-v12-latin-300.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-300.woff') format('woff'); 
}

/* mulish-300italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/mulish-v12-latin-300italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-300italic.woff') format('woff'); 
}

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

/* mulish-italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/mulish-v12-latin-italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-italic.woff') format('woff'); 
}

/* mulish-500 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/mulish-v12-latin-500.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-500.woff') format('woff'); 
}

/* mulish-500italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/mulish-v12-latin-500italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-500italic.woff') format('woff'); 
}

/* mulish-600 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/mulish-v12-latin-600.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-600.woff') format('woff'); 
}

/* mulish-600italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/mulish-v12-latin-600italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-600italic.woff') format('woff'); 
}

/* mulish-700 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mulish-v12-latin-700.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-700.woff') format('woff'); 
}

/* mulish-700italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/mulish-v12-latin-700italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-700italic.woff') format('woff'); 
}

/* mulish-800 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/mulish-v12-latin-800.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-800.woff') format('woff'); 
}

/* mulish-800italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/mulish-v12-latin-800italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-800italic.woff') format('woff'); 
}

/* mulish-900 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/mulish-v12-latin-900.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-900.woff') format('woff'); 
}

/* mulish-900italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/mulish-v12-latin-900italic.woff2') format('woff2'), 
       url('fonts/mulish-v12-latin-900italic.woff') format('woff'); 
}



/* BODY
*******************************************/
:root {
	--mmd-content-size: 720px;
	--mmd-wide-size: 1400px;
	background: #fff;
	
	/* Content-sidebar, sidebar-content. Yhteensä enintään 100% */
	--mmd-content-sidebar-size: 1400px;
	--mmd-content: 71%;
	--mmd-sidebar: 24%;
	
	/* Spacing-säädöt */
	--mmd-root-padding-top: 6em;
	--mmd-root-padding-left-right: 1.375rem; /* 22px (F) */
	--mmd-root-padding-bottom: 8em;
	--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: "Mulish", sans-serif;
	--mmd-font-2: "Mulish", 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: 400;
	color: #222222;
	
	/* Button */
	--mmd-button-font-size: var(--mmd-font-size-s);
	--mmd-button-font-weight: 400;
	--mmd-button-bg-color: var(--wp--preset--color--2);
	--mmd-button-text-color: #FFFFFF;
	--mmd-button-hover-bg-color: #ab0e0e;
	--mmd-button-hover-text-color: #FFFFFF;
	--mmd-button-border-radius: 3px;
	--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: 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: 400;
	letter-spacing: 0.03em;
		font-family: "Luckiest Guy", sans-serif;
}
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);
			font-family: "Luckiest Guy", sans-serif;
		letter-spacing: 0.04em;
}
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;
	}
}