/*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');*/


/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght@8..144,40,700&display=swap');

@font-face {
    font-family: 'Noah';
    src: url('../fonts/Noah-RegularItalic.woff2') format('woff2'),
        url('../fonts/Noah-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noah';
    src: url('../fonts/Noah-Bold.woff2') format('woff2'),
        url('../fonts/Noah-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noah';
    src: url('../fonts/Noah-BoldItalic.woff2') format('woff2'),
        url('../fonts/Noah-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noah';
    src: url('../fonts/Noah-Regular.woff2') format('woff2'),
        url('../fonts/Noah-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
  font-size: 16px;
}

@media only screen and (min-width: 1023px) {

  html {
    font-size: 18px;
  }

}

body {
  font-family: "Noah", -apple-system, BlinkMacSystemFont,"Helvetica Neue", "Arial", sans-serif;
  font-size: 100%;
  text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

}

a {outline:none !important; text-decoration:none;}
a{color:#000;}
a:hover {color: #4EAC66;}
a:active {color:#4EAC66; outline:none;}

h1 {
  font-size:2em;
  line-height:1.35;
  font-style:normal;
  margin:0.5em 0 0.2em;
}

h1.node-title {
  font-size: 3rem;
}

h2 {
  font-weight:bold;
  font-size:1.6em;
  margin:1em 0 0.2em;
}

h3 {
  font-weight:bold;
  font-size:1.2em;
  margin:0.5em 0 0.2em;
}

h4 {
  font-weight:normal;
  font-size:1.3em;;
  margin:0.5em 0 0.2em;
}

h5 {
  font-weight:normal;
  font-style:italic;
  font-size:150%;
  margin:0.5em 0 0.2em;
}

h6 {
  font-weight:bold;
  font-size:100%;
  letter-spacing:0.1em;
  margin:1.5em 0 0.8em;
}

/*h1, h2, h3, h4, h5 {
  font-variation-settings: 'wght' 700, "XTRA" 500;
}*/

/*h1, h2, h3, h4, h5 {
  font-variation-settings: 'wght' 700, 'wdth' 25, "GRAD" -80, "XTRA" 439, "opsz" 30;
}*/

p {
  text-align:left;
  margin:0 0 1em 0;
}

p.lead {
  font-size:150%;
  margin:1em 0;
}

p + ul, p + ol, p + dl {
  margin-top:1em;
  margin-left: 1.5em;
}

blockquote {border-left:5px solid #eee; padding-left:1.5em; margin:1em 0;}
blockquote small {display:block; line-height:1.7em;}
ul, ol, dl {
  text-align:left;
}

dt {font-weight:bold;}
code {font-family:courier, monospace;}
p > code {padding:0.25em; background:#eee;}
pre {text-align:left; font-size:100%;}
hr {height:0; color:#eee; border:1px solid #eee; margin:2em 0 1em;}

.normal {font-weight:normal;}
.quiet {color:#999;}
.pull-left {float:left; margin:0.5em 2em 1em 0;}
.pull-right {float:right; margin:0.5em 0 1em 2em;}

section.main {
  line-height: 1.5;
}


.text-formatted p, .text-formatted ul, .text-formatted ol {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
    margin: 1rem 0;
}


.text-formatted ul, .text-formatted ol {
  margin-left: 2rem;
}

.text-formatted h2 {
  font-size: 2rem;
}

.text-formatted h3 {
  font-size: 1.5rem;
}

.text-formatted h4 {
  font-size: 1.25rem;
}

.text-formatted a {
  border-bottom: 2px solid #fc0;
  color: inherit;
  background-image: -o-linear-gradient(330deg, #fc0 0, #fc0 100%);
  background-image: -o-linear-gradient(330deg, #fc0, #fc0);
  background-image: linear-gradient(120deg, #fc0, #fc0);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0;
  -webkit-transition: background-size .125s ease-in;
  -o-transition: background-size .125s ease-in;
  transition: background-size .125s ease-in
}

.text-formatted a:hover {
  background-size: 100% 100%;
  border-color: #fc0;
  color: #000
}

.article--tip {
  background: #eee;
  padding: 1rem;
  border-radius: 10px;
  margin: 0.4rem 0;
}
.block-heading  {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.block-heading h3 {
  font-size: 2rem;
  margin-right: 1rem;
}

.block-heading .btn {
  padding:0.5em 1em;
  color: #000;
  background: #fff;
}