/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/sass/main.scss ***!
  \********************************************************************************************************************************************/
/*
* Convert px to REM
* Usage:
*  .component {
*    font-size: rem(14px); // or rem(14)
*  }
*/
/* bondie */
@font-face {
  font-display: swap;
  font-family: 'Bondie';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Bondie.woff2) format("woff2"); }

@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MYRIADPRO-REGULAR.woff2) format("woff2");
  font-display: swap; }

@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/MyriadPro-Light.woff2) format("woff2");
  font-display: swap; }

@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/MYRIADPRO-BOLD.woff2) format("woff2");
  font-display: swap; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0;
  box-sizing: content-box;
  overflow: visible; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-size: 1em;
  font-family: monospace, monospace; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-size: 1em;
  font-family: monospace, monospace; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 100%;
  line-height: 1.15;
  font-family: inherit; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  display: table;
  padding: 0;
  color: inherit;
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
  box-sizing: border-box; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  scroll-behavior: smooth; }
  @media only screen and (min-width: 2000px) {
    html {
      font-size: 110%; } }
  @media only screen and (min-width: 2400px) {
    html {
      font-size: 120%; } }
  @media only screen and (max-width: 480px) {
    html {
      font-size: 95%; } }
  @media only screen and (max-width: 400px) {
    html {
      font-size: 90%; } }
  @media only screen and (max-width: 320px) {
    html {
      font-size: 85%; } }

body {
  background: #fff;
  position: relative; }
  @media only screen and (min-width: 2600px) {
    body {
      margin-left: auto;
      margin-right: auto;
      max-width: 2600px; } }

hr {
  height: 1px;
  margin-bottom: 3rem;
  border: 0;
  background-color: #D7D7D7; }

body {
  font-size: 1.1rem;
  line-height: 1.5;
  font-family: "Myriad Pro Regular", sans-serif;
  color: #222; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
  margin: 3rem 0 1.5rem 0;
  font-weight: 400;
  font-family: "Bondie", sans-serif;
  color: #111; }

h1,
.h1 {
  margin: 0 0 1.5rem 0;
  font-size: 2.75rem;
  line-height: 1.25; }

h2,
.h2 {
  font-size: 2.625rem;
  line-height: 1.25; }

h3,
.h3 {
  font-size: 2.25rem;
  line-height: 1.5; }

h4,
.h4 {
  font-size: 1.75rem;
  line-height: 1.5;
  margin: 3rem 0 1rem 0; }
  .wp-block-column h4, .wp-block-column
  .h4 {
    margin: 0rem 0 1rem 0; }

h5,
.h5,
h6,
.h6 {
  font-size: 1.25rem;
  line-height: 1.5; }

p {
  margin: 0 0 1.5rem 0; }

ul,
ol {
  margin: 0 0 1.5rem 0; }

ul {
  list-style: square; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-left: 1.875rem;
  margin-bottom: 0;
  padding: 0; }

blockquote {
  margin: 0 0 1.25em 0;
  padding: 0 0 0 1rem;
  border-left: 2px solid #999;
  font-style: italic; }

table {
  width: 100%;
  margin: 0 0 1.25em 0; }

th,
td {
  text-align: left; }

a {
  color: #000;
  text-decoration: underline; }
  a:hover, a:focus, a:active {
    text-decoration: none;
    outline: 0; }
  a:focus {
    outline: thin dotted; }

h2 a,
h3 a,
h4 a,
p a {
  margin: 0 -0.2rem;
  padding: 0 .2rem;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  display: inline-block; }
  h2 a:before,
  h3 a:before,
  h4 a:before,
  p a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: all 0.2s ease; }
  h2 a:hover, h2 a:focus, h2 a:active,
  h3 a:hover,
  h3 a:focus,
  h3 a:active,
  h4 a:hover,
  h4 a:focus,
  h4 a:active,
  p a:hover,
  p a:focus,
  p a:active {
    text-decoration: none;
    outline: 0; }
    h2 a:hover:before, h2 a:focus:before, h2 a:active:before,
    h3 a:hover:before,
    h3 a:focus:before,
    h3 a:active:before,
    h4 a:hover:before,
    h4 a:focus:before,
    h4 a:active:before,
    p a:hover:before,
    p a:focus:before,
    p a:active:before {
      height: 3px; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

figure {
  margin: 0; }

.wp-caption {
  margin-bottom: 1.5rem;
  max-width: 100%; }
  .wp-caption .wp-caption-text {
    margin: 0.375rem 0; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption-text {
  font-style: italic;
  text-align: center; }

dfn,
cite,
em,
i {
  font-style: italic; }

address {
  margin: 0 0 1.5rem; }

pre {
  margin-bottom: 1.625rem;
  padding: 1.625rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-family: "Courier 10 Pitch", Courier, monospace;
  background: #D7D7D7;
  max-width: 100%;
  overflow: auto; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr,
acronym {
  border-bottom: 1px dotted #999;
  cursor: help; }

mark,
ins {
  background: #D7D7D7;
  text-decoration: none; }

big {
  font-size: 125%; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5rem 1.5rem; }

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 75rem; }
  @media only screen and (max-width: 480px) {
    .container {
      padding: 0 1rem; } }

.entry-content [class*="wp-block"].alignleft {
  display: flex;
  flex-direction: column;
  margin-right: 2rem;
  float: left; }
  .entry-content [class*="wp-block"].alignleft figcaption {
    display: inline;
    padding-left: 0.5rem; }

.entry-content [class*="wp-block"].alignright {
  display: inline;
  margin-left: 2rem;
  float: right; }
  .entry-content [class*="wp-block"].alignright figcaption {
    display: inline;
    padding-right: 0.5rem; }

.entry-content [class*="wp-block"].aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.wp-block-image.alignleft {
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (max-width: 600px) {
    .wp-block-image.alignleft {
      width: 100%;
      padding-right: 1rem;
      padding-left: 1rem; } }

.wp-block-image.alignright {
  padding-right: 0;
  padding-left: 0; }
  @media only screen and (max-width: 600px) {
    .wp-block-image.alignright {
      width: 100%;
      padding-right: 1rem;
      padding-left: 1rem; } }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5rem;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  width: 50%;
  float: left; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  width: 50%;
  text-align: right;
  float: right; }

@media only screen and (max-width: 992px) {
  .no-scroll {
    overflow: hidden; } }

.screen-reader-text {
  position: absolute;
  padding: 0;
  border: 0;
  overflow: hidden;
  word-wrap: normal; }
  .screen-reader-text:focus {
    display: block;
    top: 0.3125rem;
    left: 0.3125rem;
    width: auto;
    height: auto;
    padding: 0.9375rem 1.4375rem 0.875rem;
    border-radius: 3px;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    color: #000;
    background-color: #999;
    box-shadow: 0 0 2px 2px black;
    clip: auto;
    clip-path: none;
    text-decoration: none;
    z-index: 100000; }

#content[tabindex="-1"]:focus {
  outline: 0; }

.button,
a.button,
a.button:visited,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
  display: inline-block;
  padding: 0.75rem 1.875rem;
  border: solid 2px #000;
  font-size: 1.375rem;
  font-family: "Bondie", sans-serif;
  line-height: 1.25;
  font-weight: 700;
  border-radius: 9999px;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.2s ease; }
  .button:before,
  a.button:before,
  a.button:visited:before,
  button:before,
  input[type="button"]:before,
  input[type="reset"]:before,
  input[type="submit"]:before,
  .wp-block-button__link:before {
    display: none; }
  .button:hover, .button:focus, .button:active,
  a.button:hover,
  a.button:focus,
  a.button:active,
  a.button:visited:hover,
  a.button:visited:focus,
  a.button:visited:active,
  button:hover,
  button:focus,
  button:active,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="button"]:active,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="reset"]:active,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active,
  .wp-block-button__link:hover,
  .wp-block-button__link:focus,
  .wp-block-button__link:active {
    background-color: #fff;
    color: #000; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  display: block;
  width: 100%;
  margin: 2px 0;
  padding: 0.5rem 1rem;
  border: 2px solid #999;
  border-radius: 3px;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #222;
  background: #fff;
  max-width: 100%;
  accent-color: #000; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus,
  select:focus {
    border: 2px solid #999;
    color: #999;
    outline: none; }

textarea {
  width: 100%; }

.floating-label {
  position: absolute;
  display: none;
  top: 0;
  left: 1rem;
  padding: 0 1rem;
  font-size: 0.625rem;
  line-height: 1.25;
  background: #fff;
  z-index: 9;
  transform: translate(0, -50%); }
  .floating-label.is_active {
    display: block; }

.share-links {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased; }
  .share-links__item {
    margin-bottom: 5px; }
    .share-links__item:not(:last-child) {
      margin-right: 5px; }
    .share-links__item--mobile-only {
      display: none; }
      @media only screen and (max-width: 768px) {
        .share-links__item--mobile-only {
          display: block; } }
  .share-links__link {
    display: block;
    padding: 0.5rem 1rem;
    color: #fff;
    text-decoration: none; }
    .share-links__link--facebook {
      background: #3b5997; }
      .share-links__link--facebook:hover, .share-links__link--facebook:focus {
        background: #2d4372; }
    .share-links__link--twitter {
      background: #00aced; }
      .share-links__link--twitter:hover, .share-links__link--twitter:focus, .share-links__link--twitter:active {
        background: #0084b4; }
    .share-links__link--whatsapp {
      background: #43d854; }
      .share-links__link--whatsapp:hover, .share-links__link--whatsapp:focus, .share-links__link--whatsapp:active {
        background: #009688; }
    .share-links__link--linkedin {
      background: #0174A2; }
      .share-links__link--linkedin:hover, .share-links__link--linkedin:focus, .share-links__link--linkedin:active {
        background: #006288; }
    .share-links__link--email {
      background: #0166ff; }
      .share-links__link--email:hover, .share-links__link--email:focus, .share-links__link--email:active {
        background: #024bbb; }
    .share-links__link:hover, .share-links__link:focus, .share-links__link:active, .share-links__link:visited {
      color: #fff; }

.fa-chevron-down {
  fill: #000; }

.has-primary-color {
  color: #000; }

.has-primary-alt-color {
  color: #000; }

.has-gray-color {
  color: #D7D7D7; }

.has-primary-background-color {
  background-color: #000;
  border-radius: 10px; }

.has-primary-alt-background-color {
  background-color: #000;
  border-radius: 10px; }

.has-gray-background-color {
  background-color: #D7D7D7;
  border-radius: 10px; }

p.has-background {
  padding: 3rem 4rem;
  margin: 4rem auto; }
  @media only screen and (max-width: 992px) {
    p.has-background {
      margin-left: 2rem;
      margin-right: 2rem; } }
  @media only screen and (max-width: 768px) {
    p.has-background {
      padding: 2rem 2rem;
      margin-left: 1rem;
      margin-right: 1rem; } }

.site-header {
  z-index: 99999;
  background-color: #000; }
  .site-header__container {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease; }
    @media only screen and (max-width: 768px) {
      .site-header__container {
        justify-content: space-between;
        padding-right: 2rem; } }
  .site-header__branding {
    display: none; }
    @media only screen and (max-width: 768px) {
      .site-header__branding {
        display: block;
        margin-right: 2rem; } }
  .site-header__title, .site-header__logo {
    display: block; }

.hero {
  padding: 2.5rem 0;
  margin-bottom: 5rem;
  background-color: #D7D7D7;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 15.625rem;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 600px) {
    .hero {
      margin-bottom: 3rem; } }
  .hero__title {
    margin: 0;
    text-align: center;
    min-height: 110px;
    line-height: 1.1;
    padding: 2.4rem 7rem 2rem 3rem;
    background-image: url(../images/brush2.png);
    background-size: 100% 110px;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 768px) {
      .hero__title {
        font-size: 2.5rem;
        min-height: 140px;
        background-size: 100% 140px;
        padding-top: 3rem; } }
    @media only screen and (max-width: 600px) {
      .hero__title {
        padding: 3rem 3rem 2rem 2rem;
        text-align: left;
        line-height: 1; } }

.footer-text {
  margin-top: 8rem; }
  @media only screen and (max-width: 600px) {
    .footer-text {
      margin-top: 4rem; } }

.site-footer {
  margin: 8rem 0 0 0;
  padding: 2rem 0 2rem 0;
  background: #000; }
  .site-footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      .site-footer__container {
        justify-content: center;
        flex-wrap: wrap; } }
  .site-footer__logo {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: -5.5rem;
    transition: all 0.2s ease; }
    .site-footer__logo:hover, .site-footer__logo:focus {
      transform: scale(1.1); }
    @media only screen and (max-width: 768px) {
      .site-footer__logo {
        margin-bottom: 2rem; } }
  .site-footer__left, .site-footer__right {
    width: 40%;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .site-footer__left, .site-footer__right {
        width: 100%;
        order: 1;
        text-align: center; } }
    .site-footer__left a, .site-footer__right a {
      color: #fff;
      text-decoration: none;
      display: inline-block; }
      @media only screen and (max-width: 768px) {
        .site-footer__left a, .site-footer__right a {
          margin-bottom: 0.5rem; } }
      .site-footer__left a:hover, .site-footer__left a:focus, .site-footer__right a:hover, .site-footer__right a:focus {
        text-decoration: underline; }
  .site-footer__left {
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .site-footer__left {
        text-align: center; } }
    .site-footer__left span {
      display: inline-flex;
      flex-direction: column; }
  .site-footer__menu {
    margin: 2rem auto 0 auto;
    display: flex;
    justify-content: center; }
    .site-footer__menu .footer-menu {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none; }
      .site-footer__menu .footer-menu .menu-item {
        padding: 0 1rem;
        border-right: solid 1px #fff; }
        .site-footer__menu .footer-menu .menu-item:last-child {
          border-right: none;
          padding-right: 0; }
      .site-footer__menu .footer-menu a {
        color: #fff;
        line-height: 1;
        text-decoration: none; }
        .site-footer__menu .footer-menu a:hover, .site-footer__menu .footer-menu a:focus {
          text-decoration: underline; }
  .site-footer__some {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem; }
    .site-footer__some__icon {
      margin: 0 0.5rem;
      transition: all 0.2s ease; }
      .site-footer__some__icon:hover, .site-footer__some__icon:focus {
        transform: scale(1.1); }

.topscroll {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 2.8125rem;
  height: 2.8125rem;
  padding: 0;
  background: #7e7b7b;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 9999;
  opacity: 0;
  visibility: hidden; }
  .topscroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75rem;
    height: 3px;
    background: #fff;
    transform: translate(-3px, -50%) rotate(45deg);
    transition: all 0.2s ease; }
    .topscroll span:last-of-type {
      transform: translate(-10px, -50%) rotate(-45deg); }
  .topscroll:hover span {
    top: 40%; }
  .topscroll--show {
    opacity: 1;
    visibility: visible; }

.main-navigation {
  position: relative;
  display: block;
  width: auto;
  z-index: 9; }
  .main-navigation__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 8998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease; }
    @media only screen and (max-width: 768px) {
      .main-navigation--toggled .main-navigation__overlay {
        opacity: 1;
        visibility: visible; } }
  @media only screen and (max-width: 768px) {
    .main-navigation__container {
      position: fixed;
      top: 0;
      right: -1px;
      width: 100%;
      height: 100vh;
      padding: 5rem 0 0 0;
      background: #111;
      max-height: 100%;
      max-width: 25rem;
      overflow: auto;
      transition: all 0.2s ease;
      z-index: 99999;
      transform: translate(100%, 0);
      visibility: hidden; }
      .main-navigation--toggled .main-navigation__container {
        right: 0;
        transform: translate(0, 0);
        visibility: visible; } }
  @media only screen and (max-width: 480px) {
    .main-navigation__container {
      padding: 6.25rem 0; } }

.menu {
  display: flex;
  align-items: center;
  margin: 0;
  padding-left: 0;
  font-size: 1rem;
  list-style: none; }
  @media only screen and (max-width: 768px) {
    .menu {
      display: block; } }
  .menu__item {
    position: relative; }
    @media only screen and (max-width: 768px) {
      .menu__item-lvl-0:not(:first-of-type) {
        border-top: 1px solid rgba(255, 255, 255, 0.1); } }
    .menu__item:hover > ul,
    .menu__item.focus > ul {
      top: 100%;
      opacity: 1;
      visibility: visible;
      transition-delay: 0s; }
    .menu__item--has-children {
      margin: 0 0.875rem 0 0; }
      @media only screen and (max-width: 768px) {
        .menu__item--has-children {
          margin: 0; } }
      .menu__item--has-children > a {
        padding-right: 1.5rem; }
    .menu__item-lvl-1:hover ul, .menu__item-lvl-2:hover ul {
      top: 0;
      left: 100%;
      transform: none; }
      @media only screen and (max-width: 768px) {
        .menu__item-lvl-1:hover ul, .menu__item-lvl-2:hover ul {
          left: 0; } }
    .menu__item-lvl-1.menu__item--has-children, .menu__item-lvl-2.menu__item--has-children {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .menu__item-lvl-1.menu__item--has-children, .menu__item-lvl-2.menu__item--has-children {
          border: none; } }
    .menu__item--current > a, .menu__item.current-page-ancestor > a {
      background-color: #fff;
      color: #000; }
  .menu__link {
    display: block;
    padding: 1.3rem 1rem;
    font-weight: 400;
    font-family: "Bondie", sans-serif;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 1.3rem;
    letter-spacing: 2px;
    transition: all 0.2s ease; }
    @media only screen and (max-width: 768px) {
      .menu__link {
        display: block;
        width: 100%;
        padding: 1rem 1rem;
        color: #fff; } }
    .menu__link:hover, .menu__link:focus {
      color: #000;
      background-color: #fff; }
    .menu__link__desc {
      display: inline-block;
      width: 100%;
      font-size: 0.95rem;
      font-weight: 400; }

.menu__sub {
  position: absolute;
  display: block;
  top: -999px;
  left: 0;
  margin: 0;
  padding: 0;
  background: #999;
  list-style-type: none;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease; }
  @media only screen and (max-width: 768px) {
    .menu__sub {
      position: relative;
      display: none;
      top: 0;
      left: 0;
      padding: 0 0 0 1rem;
      background: transparent;
      transform: none;
      opacity: 1;
      overflow: hidden;
      max-height: 0; }
      .menu__sub--toggled {
        display: block;
        margin: 0 0 1rem 0;
        max-height: none; }
      .menu__sub:before, .menu__sub.menu__lvl-1:before {
        content: none; } }
  .menu__sub--toggled {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
  .menu__sub .menu__link {
    width: 12.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .menu__sub .menu__link {
        width: auto;
        padding: 0.5rem 0; } }
    .menu__sub .menu__link:hover {
      background-color: #999; }
      @media only screen and (max-width: 768px) {
        .menu__sub .menu__link:hover {
          background: transparent; } }

.menu__lvl-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.625rem;
  border-style: solid;
  border-width: 0 0.5rem 0.5rem;
  border-color: transparent transparent #999;
  transform: translate(-50%, -95%); }
  @media only screen and (max-width: 768px) {
    .menu__lvl-1:before {
      display: none; } }

.menu__lvl-2 {
  top: 0;
  left: -999rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 768px) {
    .menu__lvl-2 {
      left: auto;
      box-shadow: none; }
      .menu__lvl-2.menu__sub--toggled {
        left: auto; } }
  .menu__lvl-2.menu__sub--toggled {
    top: 0;
    left: 100%;
    transform: none; }
    @media only screen and (max-width: 768px) {
      .menu__lvl-2.menu__sub--toggled {
        left: 0; } }
  @media only screen and (min-width: 768px) {
    .menu__lvl-2.menu__sub--left {
      right: 100%;
      left: auto; } }

.menu__lvl-3 {
  top: 0;
  left: 100%; }
  @media only screen and (max-width: 768px) {
    .menu__lvl-3 {
      left: 0; } }

.menu__dropdown-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  line-height: 0;
  color: transparent;
  background-color: transparent;
  transform: translate(0, -50%);
  transition: all 0.2s ease;
  outline-style: none; }
  @media only screen and (max-width: 768px) {
    .menu__dropdown-toggle {
      top: 0.625rem;
      right: 0;
      width: 2.25rem;
      height: 2.25rem;
      background-color: #999;
      background-image: none;
      transform: none; } }
  .menu__dropdown-toggle-icon {
    display: inline-block;
    transition: all 0.2s ease; }
    .menu__dropdown-toggle-icon:after {
      content: "";
      display: block;
      width: 0.5rem;
      height: 0.5rem;
      border-right: 2px solid;
      border-bottom: 2px solid;
      transform: rotate(45deg);
      border-color: #111;
      transition: all 0.2s ease; }
      @media only screen and (max-width: 768px) {
        .menu__dropdown-toggle-icon:after {
          border-color: #fff; } }
  .menu__dropdown-toggle:hover, .menu__dropdown-toggle:focus {
    background-color: transparent; }
    @media only screen and (max-width: 768px) {
      .menu__dropdown-toggle:hover, .menu__dropdown-toggle:focus {
        background-color: #999; } }
    .menu__dropdown-toggle:hover .menu__dropdown-toggle-icon:after, .menu__dropdown-toggle:focus .menu__dropdown-toggle-icon:after {
      border-color: #000; }
  .menu__dropdown-toggle--toggled {
    transform: rotate(180deg) translate(0, 25%); }
    @media only screen and (max-width: 768px) {
      .menu__dropdown-toggle--toggled {
        transform: rotate(0) translate(0, 0); } }
    @media only screen and (max-width: 768px) {
      .menu__dropdown-toggle--toggled .menu__dropdown-toggle-icon:after {
        transform: translate(0, 25%) rotate(-135deg); } }
  .menu__item-lvl-1 .menu__dropdown-toggle {
    right: 0.5rem;
    transform: translate(0, -50%) rotate(-90deg); }
    @media only screen and (max-width: 768px) {
      .menu__item-lvl-1 .menu__dropdown-toggle {
        top: 0;
        right: 0;
        transform: none; } }
    .menu__item-lvl-1 .menu__dropdown-toggle-icon::after {
      border-color: #fff; }
    .menu__item-lvl-1 .menu__dropdown-toggle--toggled {
      transform: translate(0, -50%) rotate(90deg); }
      @media only screen and (max-width: 768px) {
        .menu__item-lvl-1 .menu__dropdown-toggle--toggled {
          transform: none; } }

@media only screen and (min-width: 768px) {
  .menu__item--left .menu__lvl-2,
  .menu__item--left .menu__lvl-3 {
    right: 100% !important;
    left: auto !important; } }

.menu-toggle {
  position: relative;
  display: none;
  padding: 0.5rem 3.25rem 1.875rem 0;
  background: transparent;
  outline: none;
  z-index: 999999;
  min-height: 2rem;
  transition: all 0.2s ease;
  border: none; }
  @media only screen and (max-width: 768px) {
    .menu-toggle {
      display: block; } }
  .menu-toggle:hover, .menu-toggle:focus {
    background: transparent; }
    .menu-toggle:hover .menu-toggle__inner, .menu-toggle:focus .menu-toggle__inner {
      background: #fff; }
      .menu-toggle:hover .menu-toggle__inner:before, .menu-toggle:hover .menu-toggle__inner:after, .menu-toggle:focus .menu-toggle__inner:before, .menu-toggle:focus .menu-toggle__inner:after {
        background: #fff; }
    .menu-toggle:hover .menu-toggle__label, .menu-toggle:focus .menu-toggle__label {
      color: #fff; }
  .menu-toggle__label {
    display: none;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .main-navigation--toggled .menu-toggle__label {
        color: #fff; } }
  .menu-toggle__inner {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    width: 2.5rem;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    transform: translate(0, -50%);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-duration: 0.22s;
    transition-property: transform; }
    @media only screen and (max-width: 768px) {
      .main-navigation--toggled .menu-toggle__inner {
        background: #fff;
        transition-delay: 0.12s;
        transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
        transform: rotate(225deg); } }
    .menu-toggle__inner:before, .menu-toggle__inner:after {
      content: "";
      position: absolute;
      display: block;
      top: -0.625rem;
      width: 2.5rem;
      height: 4px;
      border-radius: 4px;
      background-color: #fff;
      transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in; }
      @media only screen and (max-width: 768px) {
        .main-navigation--toggled .menu-toggle__inner:before, .main-navigation--toggled .menu-toggle__inner:after {
          top: 0;
          transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
          opacity: 0; } }
    .menu-toggle__inner:after {
      top: auto;
      bottom: -0.625rem;
      transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
      @media only screen and (max-width: 768px) {
        .main-navigation--toggled .menu-toggle__inner:after {
          top: auto;
          bottom: 0;
          background: #fff;
          opacity: 1;
          transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
          transform: rotate(-90deg); } }

.admin-bar .main-navigation--toggled .menu-toggle {
  transform: translateY(-20px); }

.comment-list {
  padding: 0; }

.comment-body {
  margin: 1.5rem 0 0 0;
  padding: 1.5rem;
  background: #D7D7D7; }

.children .comment-body {
  margin: 0.5rem 0 0 0; }

.comment-meta {
  margin: 0 0 1rem 0; }

.comment-author {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .comment-author * {
    margin: 0 0.3125rem 0 0; }
  .comment-author img {
    margin: 0 0.625rem 0 0;
    border-radius: 50%; }

.comment-metadata a {
  color: #999; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.gform_description {
  display: block;
  margin-bottom: 1.25rem; }

.gform_fields {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .gform_fields .gfield {
    margin-bottom: 0.5rem;
    padding: 0.5rem; }
    .gform_fields .gfield--large {
      width: 100%; }
    .gform_fields .gfield--medium {
      width: 50%; }
      @media only screen and (max-width: 400px) {
        .gform_fields .gfield--medium {
          width: 100%; } }
    .gform_fields .gfield--small {
      width: 33.33333%; }
      @media only screen and (max-width: 480px) {
        .gform_fields .gfield--small {
          width: 50%; } }
      @media only screen and (max-width: 400px) {
        .gform_fields .gfield--small {
          width: 100%; } }
  .gform_fields .ginput_container {
    position: relative; }
  .gform_fields .hidden_label .gfield_label {
    display: none; }
  .gform_fields fieldset {
    border: none; }
  .gform_fields .gchoice,
  .gform_fields .ginput_container_consent {
    position: relative;
    margin-bottom: 0.8125rem; }
    .gform_fields .gchoice input,
    .gform_fields .ginput_container_consent input {
      position: absolute;
      right: 0;
      width: auto;
      margin-left: 0.375rem;
      opacity: 0; }
      .gform_fields .gchoice input:checked + label:before,
      .gform_fields .ginput_container_consent input:checked + label:before {
        border: 2px solid #999;
        background-color: #999;
        background-image: url(../images/check.svg); }
    .gform_fields .gchoice label,
    .gform_fields .ginput_container_consent label {
      position: relative;
      display: block;
      padding: 0 0 0 2.25rem;
      cursor: pointer;
      z-index: 1; }
      .gform_fields .gchoice label:before,
      .gform_fields .ginput_container_consent label:before {
        content: '';
        position: absolute;
        display: inline-block;
        top: 50%;
        left: 0;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
        border: 2px solid #999;
        border-radius: 3px;
        background: transparent;
        background-size: 0.875rem 0.75rem;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        transform: translate(0, -50%);
        transition: all 0.1s ease; }
      .gform_fields .gchoice label:after,
      .gform_fields .ginput_container_consent label:after {
        transition: all 0.1s ease; }
    .gform_fields .gchoice label:hover:before,
    .gform_fields .gchoice input:focus + label:before,
    .gform_fields .ginput_container_consent label:hover:before,
    .gform_fields .ginput_container_consent input:focus + label:before {
      border: 2px solid #999;
      outline: rgba(0, 0, 0, 0.5) dotted 1px; }
  .gform_fields .gfield_radio .gchoice label:before {
    border-radius: 50%; }
  .gform_fields .gfield--time .ginput_complex {
    display: flex;
    align-items: center; }
  .gform_fields .gfield--time .hour_minute_colon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  .gform_fields .gfield--time .gfield_time_ampm {
    margin-left: 0.5rem;
    flex-shrink: 0; }
  .gform_fields .gfield--fileupload {
    width: 100%; }
    .gform_fields .gfield--fileupload .gform_fileupload_rules {
      display: block;
      margin-top: 0.5rem; }
    .gform_fields .gfield--fileupload .gform_fileupload_multifile {
      overflow: hidden; }
      .gform_fields .gfield--fileupload .gform_fileupload_multifile .gform_drop_area {
        padding: 1rem;
        border: 1px #222 dashed;
        text-align: center; }
      .gform_fields .gfield--fileupload .gform_fileupload_multifile .gform_drop_instructions {
        margin-right: 1rem; }
    .gform_fields .gfield--fileupload .gform_delete_file {
      margin-right: 0.5rem;
      padding: 0;
      color: #790000;
      background: transparent; }
      .gform_fields .gfield--fileupload .gform_delete_file:hover, .gform_fields .gfield--fileupload .gform_delete_file:focus {
        color: #222; }
  .gform_fields .gfield_list_group {
    display: flex; }
    .gform_fields .gfield_list_group:not(:last-child) {
      margin-bottom: 0.5rem; }
    .gform_fields .gfield_list_group_item {
      flex: 1; }
    .gform_fields .gfield_list_group .gfield_list_icons {
      display: flex;
      margin-left: 0.5rem; }
    .gform_fields .gfield_list_group .add_list_item,
    .gform_fields .gfield_list_group .delete_list_item {
      padding: 0.25rem 0.5rem;
      font-size: 0.95rem; }
    .gform_fields .gfield_list_group .delete_list_item {
      background: #790000; }
      .gform_fields .gfield_list_group .delete_list_item:hover, .gform_fields .gfield_list_group .delete_list_item:focus {
        background: #222; }

.ui-datepicker {
  background: #fff;
  max-width: 100%; }
  .ui-datepicker-header, .ui-datepicker-calendar {
    padding: 0.5rem; }
  .ui-datepicker-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .ui-datepicker-prev, .ui-datepicker-next {
    color: #222;
    cursor: pointer; }
    .ui-datepicker-prev:hover, .ui-datepicker-prev:focus, .ui-datepicker-next:hover, .ui-datepicker-next:focus {
      color: #000; }
  .ui-datepicker-title {
    display: flex;
    width: 100%; }
  .ui-datepicker-prev, .ui-datepicker-month {
    margin-right: 0.25rem; }
  .ui-datepicker-next, .ui-datepicker-year {
    margin-left: 0.25rem; }
  .ui-datepicker-calendar {
    margin: 0; }
    .ui-datepicker-calendar td,
    .ui-datepicker-calendar th {
      text-align: center; }
  .ui-datepicker .ui-state-default {
    display: block;
    padding: 0.25rem;
    color: #222;
    text-decoration: none; }
    .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-state-default:focus {
      color: #000; }
  .ui-datepicker .ui-state-highlight {
    color: #fff;
    background: #000; }
    .ui-datepicker .ui-state-highlight:hover, .ui-datepicker .ui-state-highlight:focus {
      color: #fff;
      background: #000; }
  .ui-datepicker .ui-state-disabled {
    opacity: 0.5;
    pointer-events: none; }

.gfield_required {
  padding-left: 3px;
  color: #790000; }

.gform_validation_errors,
.gfield_validation_message,
.gform_submission_error {
  color: #790000; }

.gform_submission_error {
  font-size: 1.375rem;
  font-family: "Myriad Pro Regular", sans-serif;
  font-weight: 400; }

.gform_required_legend,
.gform_validation_container {
  display: none; }

.sticky {
  display: block; }

.updated:not(.published) {
  display: none; }

.post {
  margin: 3.125rem 0 4rem 0; }
  .post__header {
    margin-bottom: 2rem;
    background-color: #D7D7D7;
    margin-top: 4rem; }
    @media only screen and (max-width: 992px) {
      .post__header {
        padding: 0 2rem; } }
    @media only screen and (max-width: 600px) {
      .post__header {
        padding: 0 1rem; } }
    .post__header .post__title {
      margin-bottom: 1rem; }
    .post__header .container {
      padding: 2rem 0;
      max-width: 48.5rem; }
  .post__keywords__tags a {
    background-color: #000;
    padding: 0.2rem 1.1rem;
    font-size: 0.9375rem;
    border-radius: 200px;
    color: #fff;
    text-decoration: none;
    border: solid 1px #000;
    margin-right: 0.6rem; }
    .post__keywords__tags a:before {
      display: none; }
    .post__keywords__tags a:hover, .post__keywords__tags a:focus {
      color: #000;
      background-color: transparent; }

.post-list {
  margin: 5rem 0;
  background-color: #D7D7D7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch; }
  .post-list:nth-child(2) .post-list__thumb {
    order: 1; }
    @media only screen and (max-width: 600px) {
      .post-list:nth-child(2) .post-list__thumb {
        order: 0; } }
  .post-list__content {
    width: 50%;
    padding: 6rem 3rem;
    align-self: center; }
    @media only screen and (max-width: 992px) {
      .post-list__content {
        padding: 4rem 2rem; } }
    @media only screen and (max-width: 600px) {
      .post-list__content {
        width: 100%;
        padding: 2rem; } }
  .post-list__header {
    margin-bottom: 2rem; }
  .post-list__more {
    margin-top: 1rem; }
  .post-list__title {
    margin: 0.3125rem 0 1rem 0; }
  .post-list__thumb {
    width: 50%; }
    @media only screen and (max-width: 600px) {
      .post-list__thumb {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover; } }
    .post-list__thumb a {
      display: inline-block;
      width: 100%;
      height: 100%; }
      .post-list__thumb a img {
        filter: grayscale(50%); }
      .post-list__thumb a:hover img {
        filter: grayscale(0); }
    .post-list__thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.2s ease; }

.blog-header {
  background-image: url(../images/texture.jpeg); }
  .blog-header .blog-bar {
    width: 100%;
    background-image: url(../images/telat-valkoinen.png);
    height: 8rem;
    background-size: 700px auto;
    position: relative;
    background-position: left center; }

.blog-title {
  margin-bottom: 1rem;
  position: relative;
  display: block; }
  @media screen and (max-width: 768px) {
    .blog-title {
      text-align: center; } }
  .blog-title a {
    display: inline-block; }
    .blog-title a:before {
      display: none; }
    .blog-title a:hover, .blog-title a:focus {
      color: #999; }
    @media screen and (max-width: 768px) {
      .blog-title a {
        text-align: center; } }
  .blog-title img {
    width: 200px;
    position: absolute;
    left: 2rem;
    top: -100px;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .blog-title img {
        display: none; } }
  .blog-title h2 {
    padding: 0 0 0 230px;
    margin: 0;
    text-transform: uppercase;
    border: none; }
    @media screen and (max-width: 768px) {
      .blog-title h2 {
        text-align: center;
        padding-left: 0;
        font-size: 2.4rem; } }

.blog .page-title {
  display: none; }

.single-post .entry-content {
  margin: 3.75rem auto 0 auto;
  max-width: 75rem; }

.error404 .site-main,
.search-results .site-main,
.search-no-results .site-main {
  text-align: center; }

.site-main {
  margin: 0 auto;
  max-width: 2400px; }

.search-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .search-form input[type="search"] {
    margin: 0; }
    @media only screen and (max-width: 480px) {
      .search-form input[type="search"] {
        width: 100%;
        margin: 0 0 0.5rem 0; } }
  .search-form input[type="submit"] {
    margin: 0 0 0 1rem;
    padding: 0.5rem 2rem;
    border-radius: 3px; }
    @media only screen and (max-width: 480px) {
      .search-form input[type="submit"] {
        width: 100%;
        margin: 0;
        padding: 1rem 2rem; } }

@media only screen and (max-width: 480px) {
  .page-search .search-form label {
    width: 100%; } }

.page-search .search-form {
  margin-bottom: 5rem; }

.page-search .entry-summary {
  margin: 0; }

.page-search h2 {
  margin: 0.5rem 0; }

.page-search article {
  margin: 5rem 0; }
  .page-search article:first-of-type {
    margin-top: 0; }

.page-search .page-search .posts-navigation {
  margin: 3rem 0 0 0; }

.frontpage {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100vh - 70px);
  padding: 0;
  line-height: 0;
  background-size: cover;
  vertical-align: middle;
  background-color: #D7D7D7;
  background-attachment: fixed;
  margin-bottom: 5rem; }
  @media only screen and (max-width: 768px) {
    .frontpage {
      height: calc(100vh - 120px); } }
  @media only screen and (max-width: 480px) {
    .frontpage {
      height: 23.75rem; } }
  .frontpage__texture {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-image: url(../images/sutinakuvio.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation-direction: alternate;
    animation-name: opacity;
    animation: opacity 4s; }
    @media only screen and (max-width: 768px) {
      .frontpage__texture {
        background-image: url(../images/sutinakuvio_nelio.png); } }
  .frontpage__logo {
    display: inline-block;
    width: auto;
    height: 70%;
    transition: transform 0.2s;
    animation-direction: alternate;
    animation-name: pulse;
    animation: pulse 4s;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .frontpage__logo {
        width: 50%;
        height: auto; } }
    @media only screen and (max-width: 600px) {
      .frontpage__logo {
        width: 60%; } }
    .frontpage__logo img {
      width: auto;
      height: 100%; }
      @media only screen and (max-width: 768px) {
        .frontpage__logo img {
          width: 100%;
          height: auto; } }

@keyframes opacity {
  0% {
    opacity: 0.4;
    transform: rotate(2deg); }
  100% {
    opacity: 1;
    transform: rotate(0deg); } }

@keyframes pulse {
  0% {
    transform: scale(0.8) rotate(-2deg); }
  100% {
    transform: scale(1) rotate(0deg); } }

.wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0; }

.has-6-columns .wp-block-image a img {
  transform: scale(0.9);
  transition: all 0.2s ease; }

.has-6-columns .wp-block-image a:hover img, .has-6-columns .wp-block-image a:focus img {
  transform: scale(1); }

.has-4-columns .wp-block-image {
  overflow: hidden;
  margin-bottom: 1rem; }

.has-4-columns .wp-block-image a img {
  transform: scale(1);
  transition: transform 2s; }

.has-4-columns .wp-block-image a:hover img, .has-4-columns .wp-block-image a:focus img {
  transform: scale(1.1); }

.wp-block-cover.has-primary-background-color {
  background-color: rgba(0, 0, 0, 0.6); }

.wp-block-cover.has-primary-alt-background-color {
  background-color: rgba(0, 0, 0, 0.6); }

.wp-block-cover .has-large-font-size {
  font-family: "Bondie", sans-serif;
  font-size: 3.125rem !important; }

.entry-content figure,
.block-editor-block-list__layout figure {
  margin-bottom: 1.5rem; }
  .entry-content figure figcaption,
  .block-editor-block-list__layout figure figcaption {
    font-size: 0.95rem;
    color: #6f6f6f; }

.wp-block-image.size-thumbnail {
  overflow: hidden; }

.entry-content > ul,
.entry-content > ol,
.block-editor-block-list__layout > ul,
.block-editor-block-list__layout > ol,
.wp-block-column > ul,
.wp-block-column > ol {
  padding-left: 3.125rem; }
  @media only screen and (max-width: 480px) {
    .entry-content > ul,
    .entry-content > ol,
    .block-editor-block-list__layout > ul,
    .block-editor-block-list__layout > ol,
    .wp-block-column > ul,
    .wp-block-column > ol {
      padding-left: 3.375rem; } }
  .entry-content > ul ul,
  .entry-content > ul ol,
  .entry-content > ol ul,
  .entry-content > ol ol,
  .block-editor-block-list__layout > ul ul,
  .block-editor-block-list__layout > ul ol,
  .block-editor-block-list__layout > ol ul,
  .block-editor-block-list__layout > ol ol,
  .wp-block-column > ul ul,
  .wp-block-column > ul ol,
  .wp-block-column > ol ul,
  .wp-block-column > ol ol {
    margin-top: 0.3125rem; }
  .entry-content > ul li,
  .entry-content > ol li,
  .block-editor-block-list__layout > ul li,
  .block-editor-block-list__layout > ol li,
  .wp-block-column > ul li,
  .wp-block-column > ol li {
    padding: 0.1875rem 0; }

.wp-block-column > ul,
.wp-block-column > ol {
  padding-left: 2.375rem; }

.block-editor-block-list__layout .wp-block-list {
  padding-left: 2.25rem; }

.wp-block-separator {
  height: 1px;
  margin: 4rem auto;
  border: none;
  background: #D7D7D7;
  max-width: 6.25rem;
  box-sizing: border-box; }
  .wp-block-separator.is-style-wide {
    max-width: 75rem; }
  .wp-block-separator.alignfull {
    max-width: 100%; }

.wp-block-table {
  margin: 2.5rem auto; }
  .wp-block-table td,
  .wp-block-table th {
    padding: 0.5rem 1.25rem;
    border: 1px solid #999; }

.wp-block-embed-twitter.aligncenter .twitter-tweet {
  margin-left: auto;
  margin-right: auto; }

.wp-block-gallery.has-nested-images.columns-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image {
    overflow: hidden;
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75) !important;
    max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75); }
    @media only screen and (max-width: 992px) {
      .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image {
        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.75) !important;
        max-width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.75); } }
    @media only screen and (max-width: 768px) {
      .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image {
        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2) !important;
        max-width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); } }
  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image figcaption {
    position: relative;
    left: auto;
    bottom: 0;
    line-height: 1.2;
    background: transparent;
    color: #000;
    font-size: 0.9375rem;
    text-align: left;
    padding: 0.5rem;
    margin-top: 0; }

.wp-block-gallery .wp-block-image {
  overflow: hidden !important;
  display: block !important; }

.wp-block-gallery .wp-block-image a {
  overflow: hidden;
  height: auto !important;
  cursor: zoom-in; }
  .wp-block-gallery .wp-block-image a img {
    transform: scale(1);
    transition: transform 2s;
    aspect-ratio: 1 / 1; }
  .wp-block-gallery .wp-block-image a:hover img, .wp-block-gallery .wp-block-image a:focus img {
    transform: scale(1.1); }

.asyncGallery {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1000;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.95);
  transition: opacity 200ms, visibility 200ms; }

.asyncGallery.is-visible {
  opacity: 1;
  visibility: visible; }

.asyncGallery__Item {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  width: 80vw;
  transform: translate(-50%, -50%);
  transition: opacity 200ms, visibility 200ms; }

.asyncGallery__Item.is-visible {
  opacity: 1;
  visibility: visible; }

.asyncGallery__ItemImage {
  line-height: 0;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: center; }

.asyncGallery__ItemImage img {
  max-height: 85vh;
  display: block; }

.asyncGallery__ItemDescription,
.asyncGallery__Loader {
  color: #fff;
  font-size: 1.1rem;
  text-align: center; }

.asyncGallery__Loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: #fff;
  z-index: 100; }

.asyncGallery__Loader.is-visible {
  display: block; }

.asyncGallery button {
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 0;
  cursor: pointer; }

.asyncGallery__Close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 30px;
  height: 30px;
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEycHgiIHZlcnNpb249IjEuMSIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguOTQxLDMxLjc4NkwwLjYxMyw2MC4xMTRjLTAuNzg3LDAuNzg3LTAuNzg3LDIuMDYyLDAsMi44NDljMC4zOTMsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5ICAgYzAuNTE2LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OWwyOC41NDEtMjguNTQxbDI4LjU0MSwyOC41NDFjMC4zOTQsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5YzAuNTE1LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OSAgIGMwLjc4Ny0wLjc4NywwLjc4Ny0yLjA2MiwwLTIuODQ5TDM1LjA2NCwzMS43ODZMNjMuNDEsMy40MzhjMC43ODctMC43ODcsMC43ODctMi4wNjIsMC0yLjg0OWMtMC43ODctMC43ODYtMi4wNjItMC43ODYtMi44NDgsMCAgIEwzMi4wMDMsMjkuMTVMMy40NDEsMC41OWMtMC43ODctMC43ODYtMi4wNjEtMC43ODYtMi44NDgsMGMtMC43ODcsMC43ODctMC43ODcsMi4wNjIsMCwyLjg0OUwyOC45NDEsMzEuNzg2eiIvPgogIDwvZz4KPC9zdmc+Cg==); }

.asyncGallery__Counter {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  right: 40px;
  bottom: 40px; }

.asyncGallery__Dots {
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: flex;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  list-style-type: none;
  z-index: 1000; }

.asyncGallery__Dots button {
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 0;
  outline: 0;
  border-radius: 50%; }

.asyncGallery__Dots li {
  opacity: 0.2;
  transition: opacity 200ms; }

.asyncGallery__Dots li + li {
  margin-left: 10px; }

.asyncGallery__Dots li.is-active {
  opacity: 1; }

.asyncGallery__Next,
.asyncGallery__Prev {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 1000;
  transition: transform 200ms;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 129 129%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 enable-background=%27new 0 0 129 129%27%3E%3Cg%3E%3Cpath d=%27m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E%0A"); }

.asyncGallery__Prev {
  transform: translateY(-50%) rotate(180deg); }

.asyncGallery__Next:disabled,
.asyncGallery__Prev:disabled {
  opacity: 0.2;
  cursor: default; }

.asyncGallery__Next {
  right: 40px; }
  @media only screen and (max-width: 992px) {
    .asyncGallery__Next {
      right: 20px; } }
  @media only screen and (max-width: 600px) {
    .asyncGallery__Next {
      right: 0.5rem; } }

.asyncGallery__Next:hover {
  transform: translateX(2px) translateY(-50%); }

.asyncGallery__Next:before {
  transform: translate3d(-50%, -50%, 0); }

.asyncGallery__Prev {
  left: 40px; }
  @media only screen and (max-width: 992px) {
    .asyncGallery__Prev {
      left: 20px; } }
  @media only screen and (max-width: 600px) {
    .asyncGallery__Prev {
      left: 0.5rem; } }

.asyncGallery__Prev:hover {
  transform: translateX(-2px) translateY(-50%) rotate(180deg); }

.wp-block-quote {
  margin: 3rem 0;
  border-left: 0;
  font-style: normal;
  text-align: center;
  background-color: #f1f1f1;
  padding: 2rem;
  border-radius: 10px; }
  .wp-block-quote:before {
    content: url(../images/icon-quote.svg);
    display: inline-block;
    margin-bottom: 1rem; }
  .wp-block-quote cite {
    font-family: "Bondie", sans-serif;
    font-style: normal;
    font-size: 1.375rem; }
    .wp-block-quote cite:before {
      content: '-';
      margin-right: 0.2rem; }
    .wp-block-quote cite:after {
      content: '-';
      margin-left: 0.2rem; }

.wp-block-media-text__content {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  padding-right: 0 !important; }
  .has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: 8% !important; }
  @media only screen and (max-width: 600px) {
    .wp-block-media-text__content {
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 4rem !important; } }
  .wp-block-media-text__content *:first-child {
    margin-top: 0; }
  .wp-block-media-text__content *:last-child {
    margin-bottom: 0; }

.wp-block-media-text__media {
  overflow: hidden; }
  .wp-block-media-text__media img,
  .wp-block-media-text__media video {
    object-fit: cover;
    aspect-ratio: 1 / 1; }
  .wp-block-media-text__media a img {
    transform: scale(1);
    transition: transform 2s; }
  .wp-block-media-text__media a:hover img, .wp-block-media-text__media a:focus img {
    transform: scale(1.1); }

.wp-block-media-text.alignwide + .wp-block-media-text.alignwide {
  margin-top: 0; }

.entry-content > * {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 75rem; }
  @media only screen and (max-width: 480px) {
    .entry-content > * {
      padding-left: 1rem;
      padding-right: 1rem; } }

.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > .wp-block-buttons,
.entry-content > .wp-block-image,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-gallery,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-media-text,
.entry-content > .wp-block-quote,
.entry-content > .wp-block-video,
.entry-content > .wp-block-embed,
.entry-content > .wp-block-table,
.entry-content > .wp-block-separator {
  max-width: 52.5rem; }

.entry-content > .alignwide {
  margin: 3.75rem auto 0 auto;
  max-width: 75rem; }

.entry-content > .alignfull {
  margin: 5rem auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 75rem;
  max-width: 100%; }
  @media only screen and (max-width: 768px) {
    .entry-content > .alignfull {
      margin: 3.75rem auto; } }

.is-type-iframe--youtube,
.is-type-iframe--vimeo {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%; }
  .is-type-iframe--youtube iframe,
  .is-type-iframe--vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.wp-block-columns {
  margin: 4rem auto; }

.hero-block {
  width: 100%;
  margin: 0 0 3.75rem 0;
  padding: 3.125rem 2rem;
  background-color: #D7D7D7;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: initial; }
  .hero-block__title {
    margin: 0; }


/*# sourceMappingURL=styles.css.map*/