/**handles:typography**/
/**
 * Font imports
 */

 @font-face {
  font-family: 'Avalon-MediumOblique';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumOblique-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumOblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-Bold';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Bold-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-BoldCond';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BoldCond-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BoldCond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-BoldOblique';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BoldOblique-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BoldOblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-Book';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Book-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-BookCond';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BookCond-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BookCond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-BookOblique';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BookOblique-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-BookOblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-Demi';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Demi-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Demi-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-DemiCond';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-DemiCond-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-DemiCond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-DemiOblique';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-DemiOblique-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-DemiOblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-XLight';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-XLight-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Xlight-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-XLightObl';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-XLightObl-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-XlightObl-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-Medium';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Medium-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-Medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-MediumCond';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumCond-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumCond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avalon-MediumOblique';
  src: url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumOblique-webfont.woff2') format('woff2'),
       url('https://www.mosquitomagnet.fi/wp-content/themes/mosquitomagnet/fonts/Avalon-MediumOblique-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/**
 * Basic typography styles
 */

body {
  font-family: "Avalon-Medium", sans-serif;
  font-weight: normal;
  color: #222f2c;
  line-height: 1.4;
}

@media (min-width: 1400px) {
  body {
    font-size: 1.2rem;
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul {
  padding-left: 1.25em;  
}

a {
  /*color:#cc0000;*/
  color:inherit;
}

a:hover {
  /*color:#550000;*/
  color:inherit;
  text-decoration-style: dotted;
}

p {
  margin-bottom: 1.15rem;
}

main p strong {
  font-weight: normal;
  font-family: "Avalon-Bold", sans-serif;
}

main > h1.wp-block-heading,
main > h2.wp-block-heading,
main > h3.wp-block-heading,
main > h4.wp-block-heading,
main > h5.wp-block-heading,
main > h6.wp-block-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  font-family: "Avalon-Bold", sans-serif;
  font-weight: normal;
}

h4,
h5,
h6 {
line-height: 1.4;
}

/* smaller margins when headline is inside another block*/
*[class^="wp-block"] h1,
*[class^="wp-block"] h2,
*[class^="wp-block"] h3,
*[class^="wp-block"] h4,
*[class^="wp-block"] h5,
*[class^="wp-block"] h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

/* Jos on sivun aivan ensimmäinen elementti, tarvitaan välistystä headeristä */
main > *:first-child:is(h1, h2, h3, h4, h5, h6, p) {
  margin-top: 5em;
}

/* Jos on sivun aivan viimeinen elementti, tarvitaan välistystä footteriin */
main > *:last-child:is(h1, h2, h3, h4, h5, h6, p) {
  margin-bottom: 5em;
}

/**
 * Heading sizes
 */

h1 {
  font-size: 2.15em;
  letter-spacing: -0.01em;
}

h2 {
  font-size: 2em;
  letter-spacing: -0.01em;
}
h3 {
  font-size: 1.75em;
  letter-spacing: -0.01em;
}

@media (min-width: 576px) {
  h1 {
    font-size: 2.488em;
  }
  h2 {
    font-size: 2.074em;
  }
  h3 {
    font-size: 1.858em;
  }
  .wp-block-column h3 {
    font-size: 1.45em;
  }
  .wp-block-column.has-background h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.44em;
  }
  h5 {
    font-size: 1.2em;
  }
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.052em;
  }
  main > .wp-block-cover:first-child h1 {
    font-size: 3.2em;
  }
  h2 {
    font-size: 2.441em;
  }
  h3 {
    font-size: 1.953em;
  }
  h4 {
    font-size: 1.563em;
  }
  .wp-block-column h4 {
    font-size: 1.35em;
  }
  h5 {
    font-size: 1.25em;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 3.3em;
  }
  main > .wp-block-cover:first-child h1 {
    font-size: 3.8em;
  }
  p {
      font-size: 1.3rem;
  }
}

*:is(h1, h2, h3, h4, h5, h6) + *:is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

/**
 * Miscellaneous typography styles
 */

.font-book {
  font-family: "Avalon-Book", sans-serif;
}

.font-bold {
  font-family: "Avalon-Bold", sans-serif;
}

.font-medium {
  font-family: "Avalon-Medium", sans-serif;
}

.has-small-font-size, .has-s-font-size {
  margin-bottom: 0.9em;
  font-size: 0.85em!important;
}

.has-m-font-size {
    font-size: 1em;
}

.has-ingressi-font-size, .has-l-font-size {
  font-family: "Avalon-Medium", sans-serif;
  font-size: 1.2em;
}

.has-xl-font-size {
  font-size: 1.5em;
  line-height: 1.3em;
}

.has-xxl-font-size {
  font-size: 1.8em;
  line-height: 1.3em;
}

h2.widgettitle {
  font-size: 16px;
}

blockquote {
  font-size: 1.15rem;
  padding-left: 2rem;
  border-left: 6px solid #e3e3e3;
}
blockquote p {
  font-size: 1.15rem;
}
/*
.wp-block-button__link {
  color: inherit;
}*/

ul.is-style-checkbox li:before {
  top:2px;
}