/*
Theme Name: lemonblocks
Author: lemonsoft
Author URI: https://lemonsoft.fi
Description: Lemonblock theme
Version: 1.0.0
Text Domain: lemonsmart
*/
html {
  box-sizing: border-box;
  scroll-behavior: auto !important;
}
html * {
  box-sizing: inherit;
}
html *:before, html *:after {
  box-sizing: inherit;
}

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

body,
html {
  overflow-x: hidden;
}

body {
  font-family: "Raleway", sans-serif;
  background: #ffffff;
  color: #212121;
  padding-top: 80px;
}
body.logged-in .navbar {
  top: 50px;
}
body.lock {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*Site styles*/
.bgvalkoinen,
.palsta.bgvalkoinen,
.ruudukkorow.bgvalkoinen,
.content_box.bgvalkoinen,
.inner.bgvalkoinen,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen {
  background-color: #fff !important;
  color: #212121 !important;
}
.bgvalkoinen h1,
.bgvalkoinen h2,
.bgvalkoinen h3,
.bgvalkoinen h4,
.bgvalkoinen h5,
.bgvalkoinen p,
.palsta.bgvalkoinen h1,
.palsta.bgvalkoinen h2,
.palsta.bgvalkoinen h3,
.palsta.bgvalkoinen h4,
.palsta.bgvalkoinen h5,
.palsta.bgvalkoinen p,
.ruudukkorow.bgvalkoinen h1,
.ruudukkorow.bgvalkoinen h2,
.ruudukkorow.bgvalkoinen h3,
.ruudukkorow.bgvalkoinen h4,
.ruudukkorow.bgvalkoinen h5,
.ruudukkorow.bgvalkoinen p,
.content_box.bgvalkoinen h1,
.content_box.bgvalkoinen h2,
.content_box.bgvalkoinen h3,
.content_box.bgvalkoinen h4,
.content_box.bgvalkoinen h5,
.content_box.bgvalkoinen p,
.inner.bgvalkoinen h1,
.inner.bgvalkoinen h2,
.inner.bgvalkoinen h3,
.inner.bgvalkoinen h4,
.inner.bgvalkoinen h5,
.inner.bgvalkoinen p,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h1,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h2,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h3,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h4,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h5,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen p {
  color: #212121 !important;
}
.bgvalkoinen a.nappi,
.palsta.bgvalkoinen a.nappi,
.ruudukkorow.bgvalkoinen a.nappi,
.content_box.bgvalkoinen a.nappi,
.inner.bgvalkoinen a.nappi,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen a.nappi {
  background: #93c94a !important;
  color: #fff !important;
}
.bgvalkoinen a.nappi:hover,
.palsta.bgvalkoinen a.nappi:hover,
.ruudukkorow.bgvalkoinen a.nappi:hover,
.content_box.bgvalkoinen a.nappi:hover,
.inner.bgvalkoinen a.nappi:hover,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen a.nappi:hover {
  background: rgb(79.7127659574, 113.6063829787, 33.8936170213) !important;
}
.bgvalkoinen a:not(.nappi),
.bgvalkoinen li::marker,
.palsta.bgvalkoinen a:not(.nappi),
.palsta.bgvalkoinen li::marker,
.ruudukkorow.bgvalkoinen a:not(.nappi),
.ruudukkorow.bgvalkoinen li::marker,
.content_box.bgvalkoinen a:not(.nappi),
.content_box.bgvalkoinen li::marker,
.inner.bgvalkoinen a:not(.nappi),
.inner.bgvalkoinen li::marker,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen a:not(.nappi),
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen li::marker {
  color: #93c94a !important;
}

.bgharmaa,
.palsta.bgharmaa,
.ruudukkorow.bgharmaa,
.content_box.bgharmaa,
.inner.bgharmaa,
.palsta:not(.bgharmaa) .inner.bgharmaa {
  background-color: #f7f7f7 !important;
  color: #212121 !important;
}
.bgharmaa h1,
.bgharmaa h2,
.bgharmaa h3,
.bgharmaa h4,
.bgharmaa h5,
.bgharmaa p,
.palsta.bgharmaa h1,
.palsta.bgharmaa h2,
.palsta.bgharmaa h3,
.palsta.bgharmaa h4,
.palsta.bgharmaa h5,
.palsta.bgharmaa p,
.ruudukkorow.bgharmaa h1,
.ruudukkorow.bgharmaa h2,
.ruudukkorow.bgharmaa h3,
.ruudukkorow.bgharmaa h4,
.ruudukkorow.bgharmaa h5,
.ruudukkorow.bgharmaa p,
.content_box.bgharmaa h1,
.content_box.bgharmaa h2,
.content_box.bgharmaa h3,
.content_box.bgharmaa h4,
.content_box.bgharmaa h5,
.content_box.bgharmaa p,
.inner.bgharmaa h1,
.inner.bgharmaa h2,
.inner.bgharmaa h3,
.inner.bgharmaa h4,
.inner.bgharmaa h5,
.inner.bgharmaa p,
.palsta:not(.bgharmaa) .inner.bgharmaa h1,
.palsta:not(.bgharmaa) .inner.bgharmaa h2,
.palsta:not(.bgharmaa) .inner.bgharmaa h3,
.palsta:not(.bgharmaa) .inner.bgharmaa h4,
.palsta:not(.bgharmaa) .inner.bgharmaa h5,
.palsta:not(.bgharmaa) .inner.bgharmaa p {
  color: #212121 !important;
}
.bgharmaa a.nappi,
.palsta.bgharmaa a.nappi,
.ruudukkorow.bgharmaa a.nappi,
.content_box.bgharmaa a.nappi,
.inner.bgharmaa a.nappi,
.palsta:not(.bgharmaa) .inner.bgharmaa a.nappi {
  background: #93c94a !important;
  color: #fff !important;
}
.bgharmaa a.nappi:hover,
.palsta.bgharmaa a.nappi:hover,
.ruudukkorow.bgharmaa a.nappi:hover,
.content_box.bgharmaa a.nappi:hover,
.inner.bgharmaa a.nappi:hover,
.palsta:not(.bgharmaa) .inner.bgharmaa a.nappi:hover {
  background: rgb(79.7127659574, 113.6063829787, 33.8936170213) !important;
}
.bgharmaa a:not(.nappi),
.bgharmaa li::marker,
.palsta.bgharmaa a:not(.nappi),
.palsta.bgharmaa li::marker,
.ruudukkorow.bgharmaa a:not(.nappi),
.ruudukkorow.bgharmaa li::marker,
.content_box.bgharmaa a:not(.nappi),
.content_box.bgharmaa li::marker,
.inner.bgharmaa a:not(.nappi),
.inner.bgharmaa li::marker,
.palsta:not(.bgharmaa) .inner.bgharmaa a:not(.nappi),
.palsta:not(.bgharmaa) .inner.bgharmaa li::marker {
  color: #93c94a !important;
}

.bgdark,
.palsta.bgdark,
.ruudukkorow.bgdark,
.content_box.bgdark,
.inner.bgdark,
.palsta:not(.bgdark) .inner.bgdark {
  background-color: #343a40 !important;
  color: #fff !important;
}
.bgdark h1,
.bgdark h2,
.bgdark h3,
.bgdark h4,
.bgdark h5,
.bgdark p,
.palsta.bgdark h1,
.palsta.bgdark h2,
.palsta.bgdark h3,
.palsta.bgdark h4,
.palsta.bgdark h5,
.palsta.bgdark p,
.ruudukkorow.bgdark h1,
.ruudukkorow.bgdark h2,
.ruudukkorow.bgdark h3,
.ruudukkorow.bgdark h4,
.ruudukkorow.bgdark h5,
.ruudukkorow.bgdark p,
.content_box.bgdark h1,
.content_box.bgdark h2,
.content_box.bgdark h3,
.content_box.bgdark h4,
.content_box.bgdark h5,
.content_box.bgdark p,
.inner.bgdark h1,
.inner.bgdark h2,
.inner.bgdark h3,
.inner.bgdark h4,
.inner.bgdark h5,
.inner.bgdark p,
.palsta:not(.bgdark) .inner.bgdark h1,
.palsta:not(.bgdark) .inner.bgdark h2,
.palsta:not(.bgdark) .inner.bgdark h3,
.palsta:not(.bgdark) .inner.bgdark h4,
.palsta:not(.bgdark) .inner.bgdark h5,
.palsta:not(.bgdark) .inner.bgdark p {
  color: #fff !important;
}
.bgdark a,
.palsta.bgdark a,
.ruudukkorow.bgdark a,
.content_box.bgdark a,
.inner.bgdark a,
.palsta:not(.bgdark) .inner.bgdark a {
  color: #93c94a !important;
}
.bgdark p,
.palsta.bgdark p,
.ruudukkorow.bgdark p,
.content_box.bgdark p,
.inner.bgdark p,
.palsta:not(.bgdark) .inner.bgdark p {
  color: #fff !important;
}
.bgdark a:not(.nappi),
.palsta.bgdark a:not(.nappi),
.ruudukkorow.bgdark a:not(.nappi),
.content_box.bgdark a:not(.nappi),
.inner.bgdark a:not(.nappi),
.palsta:not(.bgdark) .inner.bgdark a:not(.nappi) {
  text-decoration: underline !important;
}
.bgdark a.nappi,
.palsta.bgdark a.nappi,
.ruudukkorow.bgdark a.nappi,
.content_box.bgdark a.nappi,
.inner.bgdark a.nappi,
.palsta:not(.bgdark) .inner.bgdark a.nappi {
  background: #93c94a !important;
  color: #fff !important;
}
.bgdark a.nappi:hover,
.palsta.bgdark a.nappi:hover,
.ruudukkorow.bgdark a.nappi:hover,
.content_box.bgdark a.nappi:hover,
.inner.bgdark a.nappi:hover,
.palsta:not(.bgdark) .inner.bgdark a.nappi:hover {
  background: black !important;
}
.bgdark li::marker,
.palsta.bgdark li::marker,
.ruudukkorow.bgdark li::marker,
.content_box.bgdark li::marker,
.inner.bgdark li::marker,
.palsta:not(.bgdark) .inner.bgdark li::marker {
  color: #93c94a !important;
}

.bghighlight,
.palsta.bghighlight,
.ruudukkorow.bghighlight,
.content_box.bghighlight,
.inner.bghighlight,
.palsta:not(.bghighlight) .inner.bghighlight {
  background-color: #93c94a !important;
  color: #fff !important;
}
.bghighlight h1,
.bghighlight h2,
.bghighlight h3,
.bghighlight h4,
.bghighlight h5,
.bghighlight p,
.bghighlight a,
.palsta.bghighlight h1,
.palsta.bghighlight h2,
.palsta.bghighlight h3,
.palsta.bghighlight h4,
.palsta.bghighlight h5,
.palsta.bghighlight p,
.palsta.bghighlight a,
.ruudukkorow.bghighlight h1,
.ruudukkorow.bghighlight h2,
.ruudukkorow.bghighlight h3,
.ruudukkorow.bghighlight h4,
.ruudukkorow.bghighlight h5,
.ruudukkorow.bghighlight p,
.ruudukkorow.bghighlight a,
.content_box.bghighlight h1,
.content_box.bghighlight h2,
.content_box.bghighlight h3,
.content_box.bghighlight h4,
.content_box.bghighlight h5,
.content_box.bghighlight p,
.content_box.bghighlight a,
.inner.bghighlight h1,
.inner.bghighlight h2,
.inner.bghighlight h3,
.inner.bghighlight h4,
.inner.bghighlight h5,
.inner.bghighlight p,
.inner.bghighlight a,
.palsta:not(.bghighlight) .inner.bghighlight h1,
.palsta:not(.bghighlight) .inner.bghighlight h2,
.palsta:not(.bghighlight) .inner.bghighlight h3,
.palsta:not(.bghighlight) .inner.bghighlight h4,
.palsta:not(.bghighlight) .inner.bghighlight h5,
.palsta:not(.bghighlight) .inner.bghighlight p,
.palsta:not(.bghighlight) .inner.bghighlight a {
  color: #fff !important;
}
.bghighlight a:not(.nappi),
.palsta.bghighlight a:not(.nappi),
.ruudukkorow.bghighlight a:not(.nappi),
.content_box.bghighlight a:not(.nappi),
.inner.bghighlight a:not(.nappi),
.palsta:not(.bghighlight) .inner.bghighlight a:not(.nappi) {
  text-decoration: underline !important;
}
.bghighlight a.nappi,
.palsta.bghighlight a.nappi,
.ruudukkorow.bghighlight a.nappi,
.content_box.bghighlight a.nappi,
.inner.bghighlight a.nappi,
.palsta:not(.bghighlight) .inner.bghighlight a.nappi {
  background: #fff !important;
  color: #93c94a !important;
}
.bghighlight a.nappi:hover,
.palsta.bghighlight a.nappi:hover,
.ruudukkorow.bghighlight a.nappi:hover,
.content_box.bghighlight a.nappi:hover,
.inner.bghighlight a.nappi:hover,
.palsta:not(.bghighlight) .inner.bghighlight a.nappi:hover {
  background: #343a40 !important;
  color: #fff !important;
}
.bghighlight li::marker,
.palsta.bghighlight li::marker,
.ruudukkorow.bghighlight li::marker,
.content_box.bghighlight li::marker,
.inner.bghighlight li::marker,
.palsta:not(.bghighlight) .inner.bghighlight li::marker {
  color: #fff !important;
}
.bghighlight a.nappi,
.palsta.bghighlight a.nappi,
.ruudukkorow.bghighlight a.nappi,
.content_box.bghighlight a.nappi,
.inner.bghighlight a.nappi,
.palsta:not(.bghighlight) .inner.bghighlight a.nappi {
  background: #fff !important;
  color: #93c94a;
}
.bghighlight strong,
.palsta.bghighlight strong,
.ruudukkorow.bghighlight strong,
.content_box.bghighlight strong,
.inner.bghighlight strong,
.palsta:not(.bghighlight) .inner.bghighlight strong {
  color: #fff !important;
}

.bgorange,
.palsta.orange,
.ruudukkorow.orange,
.content_box.orange,
.inner.orange,
.palsta:not(.orange) .inner.orange {
  background-color: #e2930b !important;
  color: #fff !important;
}
.bgorange h1,
.bgorange h2,
.bgorange h3,
.bgorange h4,
.bgorange h5,
.bgorange p,
.bgorange a,
.palsta.orange h1,
.palsta.orange h2,
.palsta.orange h3,
.palsta.orange h4,
.palsta.orange h5,
.palsta.orange p,
.palsta.orange a,
.ruudukkorow.orange h1,
.ruudukkorow.orange h2,
.ruudukkorow.orange h3,
.ruudukkorow.orange h4,
.ruudukkorow.orange h5,
.ruudukkorow.orange p,
.ruudukkorow.orange a,
.content_box.orange h1,
.content_box.orange h2,
.content_box.orange h3,
.content_box.orange h4,
.content_box.orange h5,
.content_box.orange p,
.content_box.orange a,
.inner.orange h1,
.inner.orange h2,
.inner.orange h3,
.inner.orange h4,
.inner.orange h5,
.inner.orange p,
.inner.orange a,
.palsta:not(.orange) .inner.orange h1,
.palsta:not(.orange) .inner.orange h2,
.palsta:not(.orange) .inner.orange h3,
.palsta:not(.orange) .inner.orange h4,
.palsta:not(.orange) .inner.orange h5,
.palsta:not(.orange) .inner.orange p,
.palsta:not(.orange) .inner.orange a {
  color: #fff !important;
}
.bgorange a:not(.nappi),
.palsta.orange a:not(.nappi),
.ruudukkorow.orange a:not(.nappi),
.content_box.orange a:not(.nappi),
.inner.orange a:not(.nappi),
.palsta:not(.orange) .inner.orange a:not(.nappi) {
  text-decoration: underline !important;
}
.bgorange a.nappi,
.palsta.orange a.nappi,
.ruudukkorow.orange a.nappi,
.content_box.orange a.nappi,
.inner.orange a.nappi,
.palsta:not(.orange) .inner.orange a.nappi {
  background: #fff !important;
  color: #93c94a !important;
}
.bgorange a.nappi:hover,
.palsta.orange a.nappi:hover,
.ruudukkorow.orange a.nappi:hover,
.content_box.orange a.nappi:hover,
.inner.orange a.nappi:hover,
.palsta:not(.orange) .inner.orange a.nappi:hover {
  background: #343a40 !important;
  color: #fff !important;
}
.bgorange li::marker,
.palsta.orange li::marker,
.ruudukkorow.orange li::marker,
.content_box.orange li::marker,
.inner.orange li::marker,
.palsta:not(.orange) .inner.orange li::marker {
  color: #fff !important;
}
.bgorange a.nappi,
.palsta.orange a.nappi,
.ruudukkorow.orange a.nappi,
.content_box.orange a.nappi,
.inner.orange a.nappi,
.palsta:not(.orange) .inner.orange a.nappi {
  background: #93c94a !important;
}
.bgorange strong,
.palsta.orange strong,
.ruudukkorow.orange strong,
.content_box.orange strong,
.inner.orange strong,
.palsta:not(.orange) .inner.orange strong {
  color: #fff !important;
}

.bgblue,
.palsta.bgblue,
.ruudukkorow.bgblue,
.content_box.bgblue,
.inner.bgblue,
.palsta:not(.bgblue) .inner.bgblue {
  background-color: #33c3f0 !important;
  color: #fff !important;
}
.bgblue h1,
.bgblue h2,
.bgblue h3,
.bgblue h4,
.bgblue h5,
.bgblue p,
.bgblue a,
.palsta.bgblue h1,
.palsta.bgblue h2,
.palsta.bgblue h3,
.palsta.bgblue h4,
.palsta.bgblue h5,
.palsta.bgblue p,
.palsta.bgblue a,
.ruudukkorow.bgblue h1,
.ruudukkorow.bgblue h2,
.ruudukkorow.bgblue h3,
.ruudukkorow.bgblue h4,
.ruudukkorow.bgblue h5,
.ruudukkorow.bgblue p,
.ruudukkorow.bgblue a,
.content_box.bgblue h1,
.content_box.bgblue h2,
.content_box.bgblue h3,
.content_box.bgblue h4,
.content_box.bgblue h5,
.content_box.bgblue p,
.content_box.bgblue a,
.inner.bgblue h1,
.inner.bgblue h2,
.inner.bgblue h3,
.inner.bgblue h4,
.inner.bgblue h5,
.inner.bgblue p,
.inner.bgblue a,
.palsta:not(.bgblue) .inner.bgblue h1,
.palsta:not(.bgblue) .inner.bgblue h2,
.palsta:not(.bgblue) .inner.bgblue h3,
.palsta:not(.bgblue) .inner.bgblue h4,
.palsta:not(.bgblue) .inner.bgblue h5,
.palsta:not(.bgblue) .inner.bgblue p,
.palsta:not(.bgblue) .inner.bgblue a {
  color: #fff !important;
}
.bgblue a:not(.nappi),
.palsta.bgblue a:not(.nappi),
.ruudukkorow.bgblue a:not(.nappi),
.content_box.bgblue a:not(.nappi),
.inner.bgblue a:not(.nappi),
.palsta:not(.bgblue) .inner.bgblue a:not(.nappi) {
  text-decoration: underline !important;
}
.bgblue a.nappi,
.palsta.bgblue a.nappi,
.ruudukkorow.bgblue a.nappi,
.content_box.bgblue a.nappi,
.inner.bgblue a.nappi,
.palsta:not(.bgblue) .inner.bgblue a.nappi {
  background: #fff !important;
  color: #93c94a !important;
}
.bgblue a.nappi:hover,
.palsta.bgblue a.nappi:hover,
.ruudukkorow.bgblue a.nappi:hover,
.content_box.bgblue a.nappi:hover,
.inner.bgblue a.nappi:hover,
.palsta:not(.bgblue) .inner.bgblue a.nappi:hover {
  background: #343a40 !important;
  color: #fff !important;
}
.bgblue li::marker,
.palsta.bgblue li::marker,
.ruudukkorow.bgblue li::marker,
.content_box.bgblue li::marker,
.inner.bgblue li::marker,
.palsta:not(.bgblue) .inner.bgblue li::marker {
  color: #fff !important;
}
.bgblue a.nappi,
.palsta.bgblue a.nappi,
.ruudukkorow.bgblue a.nappi,
.content_box.bgblue a.nappi,
.inner.bgblue a.nappi,
.palsta:not(.bgblue) .inner.bgblue a.nappi {
  background: #93c94a !important;
}
.bgblue strong,
.palsta.bgblue strong,
.ruudukkorow.bgblue strong,
.content_box.bgblue strong,
.inner.bgblue strong,
.palsta:not(.bgblue) .inner.bgblue strong {
  color: #93c94a !important;
}

.bghighlight-light,
.palsta.bghighlight-light,
.ruudukkorow.bghighlight-light,
.content_box.bghighlight-light,
.inner.bghighlight-light,
.palsta:not(.bghighlight-light) .inner.bghighlight-light {
  background-color: #eaf5dc !important;
  color: #212121 !important;
}
.bghighlight-light h1,
.bghighlight-light h2,
.bghighlight-light h3,
.bghighlight-light h4,
.bghighlight-light h5,
.bghighlight-light p,
.palsta.bghighlight-light h1,
.palsta.bghighlight-light h2,
.palsta.bghighlight-light h3,
.palsta.bghighlight-light h4,
.palsta.bghighlight-light h5,
.palsta.bghighlight-light p,
.ruudukkorow.bghighlight-light h1,
.ruudukkorow.bghighlight-light h2,
.ruudukkorow.bghighlight-light h3,
.ruudukkorow.bghighlight-light h4,
.ruudukkorow.bghighlight-light h5,
.ruudukkorow.bghighlight-light p,
.content_box.bghighlight-light h1,
.content_box.bghighlight-light h2,
.content_box.bghighlight-light h3,
.content_box.bghighlight-light h4,
.content_box.bghighlight-light h5,
.content_box.bghighlight-light p,
.inner.bghighlight-light h1,
.inner.bghighlight-light h2,
.inner.bghighlight-light h3,
.inner.bghighlight-light h4,
.inner.bghighlight-light h5,
.inner.bghighlight-light p,
.palsta:not(.bghighlight-light) .inner.bghighlight-light h1,
.palsta:not(.bghighlight-light) .inner.bghighlight-light h2,
.palsta:not(.bghighlight-light) .inner.bghighlight-light h3,
.palsta:not(.bghighlight-light) .inner.bghighlight-light h4,
.palsta:not(.bghighlight-light) .inner.bghighlight-light h5,
.palsta:not(.bghighlight-light) .inner.bghighlight-light p {
  color: #212121 !important;
}
.bghighlight-light a.nappi,
.palsta.bghighlight-light a.nappi,
.ruudukkorow.bghighlight-light a.nappi,
.content_box.bghighlight-light a.nappi,
.inner.bghighlight-light a.nappi,
.palsta:not(.bghighlight-light) .inner.bghighlight-light a.nappi {
  background: #93c94a !important;
  color: #fff !important;
}
.bghighlight-light a.nappi:hover,
.palsta.bghighlight-light a.nappi:hover,
.ruudukkorow.bghighlight-light a.nappi:hover,
.content_box.bghighlight-light a.nappi:hover,
.inner.bghighlight-light a.nappi:hover,
.palsta:not(.bghighlight-light) .inner.bghighlight-light a.nappi:hover {
  background: rgb(79.7127659574, 113.6063829787, 33.8936170213) !important;
}
.bghighlight-light a:not(.nappi),
.bghighlight-light li::marker,
.palsta.bghighlight-light a:not(.nappi),
.palsta.bghighlight-light li::marker,
.ruudukkorow.bghighlight-light a:not(.nappi),
.ruudukkorow.bghighlight-light li::marker,
.content_box.bghighlight-light a:not(.nappi),
.content_box.bghighlight-light li::marker,
.inner.bghighlight-light a:not(.nappi),
.inner.bghighlight-light li::marker,
.palsta:not(.bghighlight-light) .inner.bghighlight-light a:not(.nappi),
.palsta:not(.bghighlight-light) .inner.bghighlight-light li::marker {
  color: #93c94a !important;
}
.bghighlight-light a.nappi,
.palsta.bghighlight-light a.nappi,
.ruudukkorow.bghighlight-light a.nappi,
.content_box.bghighlight-light a.nappi,
.inner.bghighlight-light a.nappi,
.palsta:not(.bghighlight-light) .inner.bghighlight-light a.nappi {
  background: #93c94a !important;
}
.bghighlight-light strong,
.palsta.bghighlight-light strong,
.ruudukkorow.bghighlight-light strong,
.content_box.bghighlight-light strong,
.inner.bghighlight-light strong,
.palsta:not(.bghighlight-light) .inner.bghighlight-light strong {
  color: #93c94a !important;
}

body,
p {
  /*font-size: clamp(1rem, 0.9458rem + 0.2410vw, 1.1rem);*/
  font-size: clamp(1rem, 0.17vw + 0.97rem, 1.13rem);
}

.hero-content h1 {
  font-size: clamp(1.56rem, 2.54vw + 1.05rem, 3.44rem);
}
.hero-content p {
  font-size: clamp(1.06rem, 0.59vw + 0.94rem, 1.5rem);
}
.hero-content .btn.primary-solid-btn.hero {
  text-transform: uppercase;
  font-size: clamp(1.06rem, 0.25vw + 1.01rem, 1.25rem);
}

h1 {
  font-size: clamp(1.88rem, 1.27vw + 1.62rem, 2.81rem);
  font-weight: 300;
  line-height: 1.2;
}

h2 {
  font-size: clamp(1.56rem, 0.85vw + 1.39rem, 2.19rem);
  font-weight: 300;
  line-height: 1.2;
}

h3 {
  font-size: clamp(1.25rem, 0.51vw + 1.15rem, 1.63rem);
  font-weight: 300;
  line-height: 1.2;
}

h4 {
  font-size: clamp(1.06rem, 0.42vw + 0.98rem, 1.38rem);
  font-weight: 300;
  line-height: 1.2;
}

h5 {
  font-size: clamp(1rem, 0.17vw + 0.97rem, 1.13rem);
  font-weight: 300;
}

/*
a.nappi {
font-size: clamp(1.06rem, 0.25vw + 1.01rem, 1.25rem);
}
*/
h1,
h2,
h3,
h4,
h5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

span.alleviivaus {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 10px;
}
span.alleviivaus:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #93c94a;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.bghighlight span.alleviivaus {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 10px;
}
.bghighlight span.alleviivaus:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #fff !important;
  position: absolute;
  bottom: -6px;
  left: 0;
}

/*NAVIGATION STYLES */
.navbar {
  background: #fff;
  padding: 10px;
}
.navbar .navbar-brand {
  width: 25%;
  padding: 0px !important;
}
.navbar .navbar-brand img.logo {
  max-width: 203px !important;
  width: 100%;
  margin: 0px !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 {
  margin-left: auto !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link {
  padding: 0px 1rem !important;
  /*text-transform: uppercase;*/
  font-size: clamp(1rem, 0vw + 1rem, 1rem);
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:hover a, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-current_page_item a, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-current_page_item:hover a {
  color: #93c94a;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu {
  transition-delay: 0s !important;
  transition: 0s !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu li a {
  padding: 5px 40px 5px 10px !important;
  color: #000 !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item ul.mega-sub-menu li:hover a {
  color: #93c94a !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.korostus a.mega-menu-link, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.login a.mega-menu-link {
  padding: 0px 25px !important;
  color: #fff !important;
  font-weight: 500 !important;
  background: #93c94a !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.korostus a.mega-menu-link:hover, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.korostus a.mega-menu-link.mega-current_page_item, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.korostus a.mega-menu-link.mega-current_page_item:hover, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.login a.mega-menu-link:hover, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.login a.mega-menu-link.mega-current_page_item, .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.login a.mega-menu-link.mega-current_page_item:hover {
  color: #fff;
  background: rgb(121.0553191489, 172.5276595745, 51.4723404255) !important;
}
.navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.login a.mega-menu-link:before {
  content: "\f084";
  font-family: fontAwesome;
  display: inline-block;
  color: #fff;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0 !important;
}

.navbar-toggler {
  background: none;
  color: rgba(255, 255, 255, 0) !important;
  border: none;
  float: right;
}

.navbar-toggler:active,
.navbar-toggler:focus {
  outline: 0 !important;
  color: rgba(255, 255, 255, 0) !important;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 40px;
  height: 4px;
  border-radius: 1px;
  margin: 6px 0 6px 0;
  transition: all 0.2s;
}

.navbar-toggler .icon-bar {
  background: #93c94a;
}

.navbar-toggler.collapsed .icon-bar {
  background: #343a40;
}

.navbar-toggler .icon-bar:nth-of-type(1) {
  transform: rotate(45deg);
  transform-origin: 15% 10%;
}

.navbar-toggler .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .icon-bar:nth-of-type(3) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
  transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
  transform: rotate(0);
}

@media (max-width: 1199px) {
  body {
    padding-top: 55px;
  }
  #mega-menu-wrap-menu-1 .headerit,
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    display: none !important;
  }
  .navbar .container {
    max-width: 100% !important;
    width: 100% !important;
  }
  .collapsing {
    transition: height 0.01s !important;
  }
  .navbar {
    background: #fff;
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
  }
  .navbar .navbar-collapse {
    transition: height 0.01s;
  }
  .navbar .navbar-collapse.collapsing {
    transition: height 0.01s !important;
  }
  .navbar .navbar-brand {
    width: 50%;
  }
  .navbar .navbar-brand img.logo {
    /*max-width:150px !important;*/
    width: 100%;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    display: block;
    padding: 40px 0px;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item {
    border-top: 1px solid rgba(0, 0, 0, 0.03);
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link {
    text-align: center !important;
    font-size: clamp(1.25rem, 0.42vw + 1.17rem, 1.56rem) !important;
    height: auto !important;
    padding: 5px 0px !important;
    opacity: 0;
    transform: translate(0px, -10px);
    transition: opacity 0.3s linear, translate 0.3s linear;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
    background: none !important;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(2) a.mega-menu-link {
    transition-delay: 0.05s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(3) a.mega-menu-link {
    transition-delay: 0.1s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(4) a.mega-menu-link {
    transition-delay: 0.15s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(5) a.mega-menu-link {
    transition-delay: 0.2s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(6) a.mega-menu-link {
    transition-delay: 0.25s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(7) a.mega-menu-link {
    transition-delay: 0.3s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:nth-child(8) a.mega-menu-link {
    transition-delay: 0.35s;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu {
    background: none !important;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu li.mega-menu-item {
    background: none !important;
  }
  .navbar #navbar1 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: none !important;
    font-size: 20px !important;
    padding-left: 20px !important;
  }
  .navbar #navbar1.collapse.show #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link {
    opacity: 1;
    transform: translate(0px, 0px);
  }
  .navbar.toppiin {
    background: linear-gradient(175deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0.68) 100%);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    height: 100vh;
  }
  .navbar.toppiin #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    background: transparent !important;
  }
}
img,
figure {
  max-width: 100%;
}
img.aligncenter,
figure.aligncenter {
  margin: 20px auto;
  display: block;
}

figure {
  width: 100% !important;
}
figure .wp-caption-text {
  font-size: 12px;
}

.single-image.text-left {
  text-align: left;
}
.single-image.text-center {
  text-align: center;
}
.single-image.text-right {
  text-align: right;
}

button {
  transition: all 0.3s ease-out 0s;
  outline: 0 !important;
}

button,
a:focus,
.button:focus {
  text-decoration: none;
  outline: 0 !important;
}

a {
  color: #93c94a;
  transition: 0.3s;
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
  color: rgb(121.0553191489, 172.5276595745, 51.4723404255);
}

.main-body .palsta a:not(.nappi) {
  font-weight: 600;
}

a.nappi {
  text-decoration: none;
}

.ptb-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

button {
  transition: all 0.3s ease-out 0s;
  outline: 0 !important;
}

#backtotop {
  position: fixed;
  bottom: -50px;
  left: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 5px;
  z-index: 9999;
  background: #93c94a;
  color: #fff;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}
#backtotop.show {
  bottom: 0px;
}
#backtotop .dashicons,
#backtotop .dashicons:before {
  width: 25px;
  height: 25px;
  font-size: 25px;
  margin: 0 auto;
}

ul {
  /* padding: 0; Poistaa indentaation blog postauksien listoista */
  padding-left: 15px;
  margin-left: 30px;
  padding: 10px 0px;
  /* list-style: none; Poistaa blogeista lista-asettelun. Vaikuttaako muuhun? */
}

li {
  /* list-style-type: none; Poistaa blogeista lista-asettelun. Vaikuttaako muuhun? */
  padding-bottom: 0px;
}

li::marker {
  color: #93c94a;
}

.calendly-inline-widget {
  height: 900px !important;
  position: relative;
}
.calendly-inline-widget iframe {
  height: 100%;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1024px !important;
  }
}
@media (max-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 95% !important;
  }
}
.container.wider {
  width: 100%;
  max-width: 1600px !important;
}
.container.smaller {
  max-width: 800px !important;
}

@media (min-width: 992px) {
  .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
img,
iframe {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}

img,
iframe {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}

section.overi {
  position: relative;
}

section.overi .container,
section.overi .container-fluid {
  position: relative;
  z-index: 1;
}

section.overi:before {
  content: "";
  background-color: var(--overi-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

/*top-bottom paddings*/
.pad20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pad30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pad40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pad60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pad100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*left-right paddings*/
.sidepad20 {
  padding-left: 20px;
  padding-right: 20px;
}

.sidepad30 {
  padding-left: 30px;
  padding-right: 30px;
}

.sidepad40 {
  padding-left: 40px;
  padding-right: 40px;
}

.sidepad60 {
  padding-left: 60px;
  padding-right: 60px;
}

.sidepad100 {
  padding-left: 100px;
  padding-right: 100px;
}

.respo-video iframe {
  aspect-ratio: 16/9;
  width: 100%;
}

img.aligncenter,
figure.aligncenter {
  margin: 20px auto;
  display: block;
}

p.numof {
  padding-top: 10px;
}

.negmarg {
  margin-top: -120px;
  margin-bottom: 25px;
}

.latest-nav h3 {
  border-bottom: 4px solid #93c94a;
  padding-bottom: 10px;
}
.latest-nav ul.latest_posts {
  list-style: none;
  margin-left: 0px;
}
.latest-nav ul.latest_posts li {
  padding: 10px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latest-nav ul.latest_posts li a {
  color: #212121;
  text-decoration: none;
}
.latest-nav ul.latest_posts li a.active, .latest-nav ul.latest_posts li a:hover {
  color: #93c94a;
}
.latest-nav ul.latest_posts li a.active span, .latest-nav ul.latest_posts li a:hover span {
  color: #212121;
}
.latest-nav ul.latest_posts li a span {
  display: block;
  font-size: 0.85em;
  color: #212121;
}

.post-nav {
  padding: 40px 20px;
  margin-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.post-nav .next-post,
.post-nav .prev-post {
  position: relative;
  /*max-width: 350px;*/
}
.post-nav .next-post a,
.post-nav .prev-post a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.post-nav .next-post a:before,
.post-nav .prev-post a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(52, 58, 64, 0.55);
  transition: all 0.5s ease-in-out;
  position: absolute;
  z-index: 1;
}
.post-nav .next-post a:hover:before,
.post-nav .prev-post a:hover:before {
  background: rgba(147, 201, 74, 0.95);
}
.post-nav .next-post a img.artikkeli,
.post-nav .prev-post a img.artikkeli {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 0;
  margin: 0px;
  filter: grayscale(0.25);
}
.post-nav .next-post a h3,
.post-nav .prev-post a h3 {
  color: #fff !important;
  padding: 50px 20px 20px;
  text-align: center;
  position: relative;
  font-weight: 400;
  font-size: clamp(1.38rem, 0.34vw + 1.31rem, 1.63rem);
  z-index: 2;
}
.post-nav .next-post a h3 span,
.post-nav .prev-post a h3 span {
  display: block;
  font-size: 0.5em;
}
.post-nav .next-post a .fa-solid,
.post-nav .prev-post a .fa-solid {
  position: absolute;
  bottom: 10px;
  opacity: 0;
  left: 100%;
  font-size: 30px;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.5s ease-in-out;
}
.post-nav .next-post a .fa-solid.fa-chevron-right,
.post-nav .prev-post a .fa-solid.fa-chevron-right {
  left: 0%;
}
.post-nav .next-post a:hover .fa-solid,
.post-nav .prev-post a:hover .fa-solid {
  opacity: 1;
  left: 50%;
}
.post-nav.blogi .next-post a:before,
.post-nav.blogi .prev-post a:before {
  background: rgba(52, 58, 64, 0.55);
}

@media (max-width: 768px) {
  .post-nav .next-post a h3,
  .post-nav .prev-post a h3 {
    padding: 40px 10px;
  }
  .latest-nav {
    margin-top: 20px;
  }
}
@media (max-width: 540px) {
  .next-post,
  .prev-post {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100% !important;
  }
}
.thumbimg {
  max-width: 200px;
}

.post-thumb img.thumbimg {
  border: 2px solid #93c94a;
  max-width: 100%;
}

.bloginostot .bloginosto {
  margin-bottom: 20px;
}
.bloginostot .bloginosto .artikkeli {
  padding: 10px 20px 20px 20px;
  position: relative;
  background: #fff;
  height: 100%;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.0196078431);
}
.bloginostot .bloginosto .artikkeli .post-header {
  padding: 10px 0px;
}
.bloginostot .bloginosto .artikkeli .post-header h2 {
  font-size: clamp(1.25rem, 0.51vw + 1.15rem, 1.63rem);
  margin-bottom: 0px;
}
.bloginostot .bloginosto .artikkeli .post-header p {
  margin: 0px;
}
.bloginostot .bloginosto .artikkeli .post-header .post-tags {
  font-size: 14px !important;
  padding: 10px 0px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  font-style: italic;
  font-weight: 600;
}
.bloginostot .bloginosto .artikkeli .post-header .post-tags a {
  font-style: normal;
}

.articleimg img {
  width: 100%;
  margin: 0px 0px 20px 0px;
}
.articleimg span.caption {
  display: block;
  font-size: 0.85em;
  font-style: italic;
  margin-bottom: 25px;
}

.hero-sec .logotitle img {
  margin-left: 0px !important;
}

body.single-post .articleimg,
body.single-asiakastarina .articleimg {
  background: #fff;
  padding: 20px 20px 0px;
  position: relative;
  z-index: 2;
}
body.single-post .post-content,
body.single-asiakastarina .post-content {
  padding: 0px 20px;
}

.bloginosto .articleimg {
  position: relative;
  min-height: 25vh;
  height: 25vh;
  overflow: hidden;
  margin-bottom: 20px;
}
.bloginosto .articleimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.side .tags,
.side .cats,
.side .uusimmat {
  padding: 20px;
  margin-left: 0px;
}
.side .uusimmat {
  margin-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.side a.tag-cloud-link {
  color: #fff !important;
  background: #93c94a;
  padding: 5px 10px;
  font-size: 13px !important;
  margin: 3px;
  display: inline-block;
}
.side a.tag-cloud-link:hover {
  background: rgb(93.4936170213, 133.2468085106, 39.7531914894);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.side li.latest,
.side li.categories,
.side li.posts {
  list-style: none;
  font-size: clamp(1.25rem, 0.51vw + 1.15rem, 1.63rem);
}
.side li.latest ul,
.side li.categories ul,
.side li.posts ul {
  margin-left: 0;
}
.side li.latest ul li,
.side li.categories ul li,
.side li.posts ul li {
  padding: 5px;
  font-size: clamp(1rem, 0.17vw + 0.97rem, 1.13rem);
  list-style: none;
  border-bottom: 1px dotted rgba(147, 201, 74, 0.4);
}
.side li.latest ul li span,
.side li.categories ul li span,
.side li.posts ul li span {
  display: block;
  font-size: 14px;
}

.lb_loadmore {
  padding: 15px 27px;
  width: auto;
  max-width: 260px;
  border-radius: 35px;
  display: block;
  margin: 20px auto;
  color: #fff;
  background: #93c94a;
  text-align: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.lb_loadmore:hover {
  border-radius: 0px;
}
.lb_loadmore.loading {
  opacity: 0.7;
  cursor: none;
}

.pagination-numbers {
  padding: 25px 0px;
  text-align: center;
}
.pagination-numbers .page-numbers {
  background: #dddddd;
  display: inline-block;
  color: #434343;
  padding: 5px 20px;
}
.pagination-numbers .page-numbers:hover {
  background: #eaf5dc;
}
.pagination-numbers .page-numbers.current, .pagination-numbers .page-numbers.current:hover {
  background: #93c94a;
  color: #fff;
}
.pagination-numbers .page-numbers.next, .pagination-numbers .page-numbers.prev {
  background: none;
  color: #93c94a;
}

@media (max-width: 768px) {
  .bloginostot .bloginosto {
    margin-bottom: 20px;
  }
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina {
  margin-bottom: 20px;
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner {
  height: 100%;
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner .lyhenne {
  padding: 30px 20px;
  font-size: clamp(1rem, 0.17vw + 0.97rem, 1.13rem);
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner .tarinathumb {
  position: relative;
  height: 25vh;
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner .tarinathumb:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(52, 58, 64, 0.55);
  transition: all 0.4s ease-in-out;
  position: absolute;
  z-index: 1;
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner .tarinathumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  filter: grayscale(0.25);
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina .inner .tarinathumb h2 {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  padding: 10px 30px;
  font-size: clamp(1.25rem, 0.42vw + 1.17rem, 1.56rem);
  color: #fff !important;
  text-align: center;
  font-weight: 400;
  z-index: 1;
  transform: translate(-50%, -60%);
}
section.asiakastarina-nostot .row.asiakastarinat .asiakastarina:hover .inner .tarinathumb:before {
  background: rgba(147, 201, 74, 0.9);
}

#yhteyslomake h2,
#yhteydenotto h2 {
  text-align: center;
}
#yhteyslomake input,
#yhteyslomake textarea,
#yhteydenotto input,
#yhteydenotto textarea {
  border: 0px;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  background: #fff;
}
#yhteyslomake input[name=nimi],
#yhteyslomake input[name=firstname],
#yhteyslomake input[name=lastname],
#yhteydenotto input[name=nimi],
#yhteydenotto input[name=firstname],
#yhteydenotto input[name=lastname] {
  background-image: url("images/user.png");
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 35px;
  width: 100%;
}
#yhteyslomake input[name=email],
#yhteydenotto input[name=email] {
  background-image: url("images/mail.png");
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 35px;
  width: 100%;
}
#yhteyslomake input[name=puhelinnumero],
#yhteyslomake input[name=mobilephone],
#yhteydenotto input[name=puhelinnumero],
#yhteydenotto input[name=mobilephone] {
  background-image: url("images/phone.png");
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 35px;
  width: 100%;
}
#yhteyslomake input[type=submit],
#yhteydenotto input[type=submit] {
  background: #93c94a;
  color: #fff;
  padding: 10px;
  border: none;
  width: 100%;
  display: block;
  border-radius: 20px;
  text-transform: uppercase;
  max-width: 250px;
}
#yhteyslomake input[type=submit]:hover,
#yhteydenotto input[type=submit]:hover {
  background: rgb(79.7127659574, 113.6063829787, 33.8936170213);
  color: #fff;
}
#yhteyslomake input[type=submit]:disabled, #yhteyslomake input[type=submit]:disabled:hover,
#yhteydenotto input[type=submit]:disabled,
#yhteydenotto input[type=submit]:disabled:hover {
  background: gray;
  opacity: 0.3;
}
#yhteyslomake .hyvaksy,
#yhteydenotto .hyvaksy {
  padding: 10px 20px;
}
#yhteyslomake input[type=checkbox],
#yhteydenotto input[type=checkbox] {
  display: inline-block;
  width: auto !important;
  transform: scale(1.5);
  margin-right: 5px;
}
#yhteyslomake span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item,
#yhteydenotto span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  display: block;
  padding: 24px 0px 0px;
  margin: 0px;
}
#yhteyslomake .wpcf7-not-valid-tip,
#yhteydenotto .wpcf7-not-valid-tip {
  color: #fff;
  background: #dc3232;
  font-size: 0.8em;
  font-weight: normal;
  display: block;
}
#yhteyslomake .wpcf7 form.invalid .wpcf7-response-output,
#yhteyslomake .wpcf7 form.unaccepted .wpcf7-response-output,
#yhteyslomake .wpcf7 form.payment-required .wpcf7-response-output,
#yhteydenotto .wpcf7 form.invalid .wpcf7-response-output,
#yhteydenotto .wpcf7 form.unaccepted .wpcf7-response-output,
#yhteydenotto .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  background: #ffb900;
  font-size: 0.8em;
}
#yhteyslomake .wpcf7 form.sent .wpcf7-response-output,
#yhteydenotto .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  border: none;
  font-size: clamp(1.38rem, 0.68vw + 1.24rem, 1.88rem);
  text-align: center;
  margin: 50px 0px;
}
#yhteyslomake ul,
#yhteydenotto ul {
  padding-left: 3px;
  margin-left: 0px;
}
#yhteyslomake ul li,
#yhteydenotto ul li {
  list-style: none;
}
#yhteyslomake fieldset,
#yhteydenotto fieldset {
  margin-left: auto;
  margin-right: auto;
}
#yhteyslomake label span,
#yhteydenotto label span {
  display: none;
}
#yhteyslomake ul.no-list.hs-error-msgs.inputs-list,
#yhteydenotto ul.no-list.hs-error-msgs.inputs-list {
  font-size: 0.8em;
  color: red;
  margin: 0;
}
#yhteyslomake .legal-consent-container p,
#yhteydenotto .legal-consent-container p {
  font-size: 0.8em !important;
}
#yhteyslomake .legal-consent-container .field.hs-form-field label span,
#yhteydenotto .legal-consent-container .field.hs-form-field label span {
  display: inline-block !important;
  margin-left: 0px !important;
}
#yhteyslomake .hs_error_rollup,
#yhteyslomake .hs-submit,
#yhteydenotto .hs_error_rollup,
#yhteydenotto .hs-submit {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.bghighlight-light #yhteyslomake input,
.bghighlight-light #yhteyslomake textarea,
.bghighlight-light #yhteydenotto input,
.bghighlight-light #yhteydenotto textarea {
  background-color: #fff;
}
.bghighlight-light #yhteyslomake input[type=submit],
.bghighlight-light #yhteydenotto input[type=submit] {
  background: #93c94a;
  color: #fff;
  padding: 10px;
  border: none;
  width: 100%;
  display: block;
  border-radius: 20px;
  text-transform: uppercase;
  max-width: 250px;
}
.bghighlight-light #yhteyslomake input[type=submit]:hover,
.bghighlight-light #yhteydenotto input[type=submit]:hover {
  background: rgb(93.4936170213, 133.2468085106, 39.7531914894) !important;
  color: #fff;
}
.bghighlight-light #yhteyslomake input[type=submit]:disabled, .bghighlight-light #yhteyslomake input[type=submit]:disabled:hover,
.bghighlight-light #yhteydenotto input[type=submit]:disabled,
.bghighlight-light #yhteydenotto input[type=submit]:disabled:hover {
  background: gray;
  opacity: 0.3;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea,
.wpcf7-form select {
  padding: 15px 0px;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  /*background: rgba(147, 201, 74, 0.1);*/
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=text]:active,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=email]:active,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form input[type=tel]:active,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:active,
.wpcf7-form select:focus,
.wpcf7-form select:active {
  background: rgba(147, 201, 74, 0.25);
  border: 1px solid rgb(147, 201, 74) !important;
  border-radius: 0px !important;
}
.wpcf7-form label {
  display: block;
  font-weight: bold;
  font-size: 0.85em;
}
.wpcf7-form .row {
  padding: 0px 0px;
}
.wpcf7-form .row.extramarg {
  margin-top: 30px;
  margin-bottom: 30px;
}
.wpcf7-form input[type=text].nappi {
  color: #000;
}
.wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  display: block;
}
.wpcf7-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type=radio] {
  transform: scale(1.5) translate(-1px, -1px);
  margin-right: 6px;
  accent-color: #93c94a;
  /* color: #fff; */
}
.wpcf7-form .wpcf7-not-valid-tip {
  background: #dc3232;
  color: #fff;
  font-size: 0.8em;
  padding: 0px 2px;
  font-weight: normal;
  display: block;
}
.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid {
  border: 1px solid red;
}
.wpcf7-form input[type=submit].nappi {
  background: #93c94a !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 70px !important;
  text-transform: uppercase;
}
.wpcf7-form input[type=submit].nappi:hover {
  background: rgb(93.4936170213, 133.2468085106, 39.7531914894) !important;
}
.wpcf7-form input[type=submit].nappi:disabled {
  opacity: 0.2;
}

label span.req {
  color: red;
  font-size: 1.8em;
  transform: translate(5px, -2px);
  font-weight: bold;
  position: absolute;
}

/*footer*/
.footer-section {
  background: #343a40 0% 0% no-repeat padding-box;
  padding: 80px 0px;
  color: #fff !important;
}
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section p,
.footer-section a {
  color: #fff;
}

.footer-section .menu-collaps > ul > li a {
  color: #fff !important;
}

.footer-section .navbar-brand img {
  max-height: 60px !important;
}

.footer-section .nav {
  margin-left: 0px;
}
.footer-section .nav li {
  padding: 5px 1rem;
}
.footer-section .nav li a {
  color: #fff;
}
.footer-section .nav li a:hover {
  color: #93c94a;
}
.footer-section .navbar-nav {
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.footer-section .navbar-nav li {
  padding: 5px 1rem;
}
.footer-section .navbar-nav li a {
  color: #fff;
}
.footer-section .navbar-nav li a:hover {
  color: #93c94a;
}

.footer-logo img {
  width: 240px;
  filter: none;
}

.footer-section .navbar-brand img {
  padding-left: 0px !important;
  width: 190px;
}

.right-footer-content p {
  font: italic normal normal 20px/26px "Roboto";
  font-family: "Roboto", sans-serif;
  letter-spacing: 0px;
  color: #ffffff;
  padding: 0 30px;
}

.right-footer-content p a {
  font: italic normal 900 20px/26px "Roboto";
  font-family: "Roboto", sans-serif;
  letter-spacing: 0px;
  color: #93c94a !important;
}

.footerpalsta {
  margin-bottom: 25px;
}

.footer-bottom {
  /*display: flex;*/
  padding-top: 45px;
  border-top: 1px dotted rgba(255, 255, 255, 0.3);
  margin-top: 45px;
}

.right-search-box ul li {
  display: inline-block;
}

.right-search-box ul li:not(:last-child) {
  margin-right: 1.5rem;
}

.right-search-box ul {
  display: flex;
}

.footer-bottom a {
  color: #93c94a !important;
}

.footer-btn {
  background: #93c94a 0% 0% no-repeat padding-box;
  font: normal normal 900 25px/33px "Roboto";
  font-family: "Roboto", sans-serif;
  letter-spacing: 0px;
  color: #ffffff;
  border: 0;
  padding: 20px 22px;
}

/*footer*/
.right-search-box ul li a .fa:before {
  color: #fff;
  font-size: 26px;
}

@media (max-width: 991px) {
  .footer-bottom .col-12 {
    margin-bottom: 30px;
  }
  .footer-section nav {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .footer-section .nav li {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 1rem;
  }
}
/*Shared templates*/
.hero-sec {
  position: relative;
  padding: 50px 0px 80px;
}

body.single-asiakastarina .hero-sec {
  padding: 50px 0px 180px;
}

.block-preview .hero-sec {
  padding: 0px !important;
}

.hero-sec .row,
.hero-sec .carousel,
.hero-swiper .swiper-slide .row {
  min-height: 700px;
  /* max-height: 100vh;*/
  position: relative;
  z-index: 2;
}
.hero-sec .row.padrow,
.hero-sec .carousel.padrow,
.hero-swiper .swiper-slide .row.padrow {
  padding: 5% 0px;
}
.hero-sec .row.extrasmall,
.hero-sec .carousel.extrasmall,
.hero-swiper .swiper-slide .row.extrasmall {
  min-height: 300px;
  min-height: 33vh;
  min-height: 33vh;
}
.hero-sec .row.smaller,
.hero-sec .carousel.smaller,
.hero-swiper .swiper-slide .row.smaller {
  min-height: 500px;
  min-height: 50vh;
  min-height: calc(50vh - 50px);
}
.hero-sec .row.full,
.hero-sec .carousel.full,
.hero-swiper .swiper-slide .row.full {
  min-height: 900px;
  /*max-height: 95vh;*/
  min-height: calc(100vh - 50px);
}
.hero-sec .row .hero-content.animoi,
.hero-sec .carousel .hero-content.animoi,
.hero-swiper .swiper-slide .row .hero-content.animoi {
  opacity: 0;
}

.hero-sec:before {
  content: "";
  background-color: var(--overi-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hero-sec img.herocover,
.hero-sec video.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.hero-sec img.herocover.left-top,
.hero-sec video.hero-bg-video.left-top {
  -o-object-position: left top;
     object-position: left top;
}
.hero-sec img.herocover.right-top,
.hero-sec video.hero-bg-video.right-top {
  -o-object-position: right top;
     object-position: right top;
}
.hero-sec img.herocover.left-center,
.hero-sec video.hero-bg-video.left-center {
  -o-object-position: left center;
     object-position: left center;
}
.hero-sec img.herocover.right-center,
.hero-sec video.hero-bg-video.right-center {
  -o-object-position: right center;
     object-position: right center;
}
.hero-sec img.herocover.left-bottom,
.hero-sec video.hero-bg-video.left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}
.hero-sec img.herocover.right-bottom,
.hero-sec video.hero-bg-video.right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}
.hero-sec img.herocover.center-top,
.hero-sec video.hero-bg-video.center-top {
  -o-object-position: center top;
     object-position: center top;
}
.hero-sec img.herocover.center-bottom,
.hero-sec video.hero-bg-video.center-bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.hero-sec img.herocover.center-center,
.hero-sec video.hero-bg-video.center-center {
  -o-object-position: center center;
     object-position: center center;
}

.hero-sec.swipe .swiper-item {
  width: 100%;
  height: 100%;
  position: RELATIVE;
}
.hero-sec.swipe .swiper-item:before {
  content: "";
  background-color: var(--overi-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.hero-sec.swipe .swiper-item img.herocover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.hero-sec.swipe.previkka .swiper-slide {
  display: none;
}
.hero-sec.swipe.previkka .swiper-slide:nth-child(1) {
  display: block;
}

span.swiper-pagination-bullet {
  margin: 5px;
  border: none;
  height: 7px;
  width: 25px;
  border-radius: 0;
  background: #fff !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
}

body.single-post .hero-sec:before,
body.single-asiakastarina .hero-sec:before {
  background-color: rgba(35, 31, 32, 0.45);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.hero-sec .hero-content h1 {
  color: #fff !important;
}

.hero-sec p {
  color: #fff !important;
  line-height: 1.4;
}

.hero-sec .logotitle img,
.hero-sec .logotitle h1 {
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}
.hero-sec .logotitle img {
  margin-left: -40px;
  max-width: 220px;
}
.hero-sec .logotitle p span {
  background: #93c94a;
  padding: 5px 20px;
  font-size: 15px;
}

.hero-sec p.avainsanat,
.hero-sec p.kategoriat {
  font-size: 16px;
  max-width: 500px;
}
.hero-sec p.avainsanat a,
.hero-sec p.kategoriat a {
  display: inline-block !important;
  padding: 2px 5px !important;
  background: #93c94a !important;
  color: #fff !important;
  margin: 5px !important;
  font-size: 13px !important;
}

.hero-sec a:not(.primary-solid-btn.hero) {
  color: #93c94a;
}
.hero-sec a:not(.primary-solid-btn.hero):hover {
  color: #93c94a;
  text-decoration: underline;
}

.hero-sec .hero-content.text-right {
  text-align: right;
}

.hero-sec .hero-copy {
  max-width: 1024px;
}

.hero-sec .hero-content.text-center .hero-copy {
  margin: 0 auto;
}

.hero-sec .hero-content.text-right .hero-copy {
  margin: 0 0 0 auto;
}

@media (max-width: 1200px) {
  .hero-sec .row,
  .hero-sec .carousel {
    min-height: calc(75vh - 50px);
    position: relative;
    z-index: 2;
  }
  .hero-sec .row.padrow,
  .hero-sec .carousel.padrow {
    padding: 5% 0px;
  }
  .hero-sec .row.extrasmall,
  .hero-sec .carousel.extrasmall {
    min-height: calc(35vh - 50px);
  }
  .hero-sec .row.smaller,
  .hero-sec .carousel.smaller {
    min-height: 65vh;
    /* max-height: 65vh;*/
    min-height: calc(55vh - 50px);
  }
  .hero-sec .row.full,
  .hero-sec .carousel.full {
    min-height: calc(100vh - 50px);
  }
}
@media (max-width: 500px) {
  #heroCaro .carousel-item .hero-content {
    padding: 0px 60px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
  }
  .hero-sec .row,
  .hero-sec .carousel {
    position: relative;
    z-index: 2;
  }
  .hero-sec .row.padrow,
  .hero-sec .carousel.padrow {
    padding: 5% 0px;
  }
  .hero-sec .row.extrasmall,
  .hero-sec .carousel.extrasmall {
    min-height: calc(35vh - 50px);
  }
  .hero-sec .row.smaller,
  .hero-sec .carousel.smaller {
    min-height: calc(55vh - 50px);
  }
  .hero-sec .row.full,
  .hero-sec .carousel.full {
    min-height: calc(100vh - 50px);
  }
}
div.ikoni {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ikoni.text-left {
  text-align: left;
}

.ikoni.text-right {
  text-align: right;
}

.ikoni.text-center {
  text-align: center;
}

.ikoni i.iconfa,
.ikoni img {
  font-size: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
}

.ikoni i.iconfa.pieni,
.ikoni img.pieni {
  font-size: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}

.ikoni i.iconfa.suuri,
.ikoni img.suuri {
  font-size: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
}

.ikoni img {
  width: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  height: auto;
}

.ikoni img.suuri {
  width: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  height: auto;
}

.ikoni img.pieni {
  width: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}

.ikoni img.round {
  border-radius: 50%;
}

.ikoni .dashicons,
.ikoni .dashicons:before {
  width: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  height: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  font-size: clamp(2.5rem, 3.81vw + 1.74rem, 5.31rem);
  display: inline-block;
}

.ikoni .dashicons.pieni,
.ikoni .dashicons.pieni:before {
  width: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
  height: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
  font-size: clamp(1.56rem, 1.27vw + 1.31rem, 2.5rem);
}

.ikoni .dashicons.suuri,
.ikoni .dashicons.suuri:before {
  width: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  height: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
  font-size: clamp(4.38rem, 9.32vw + 2.51rem, 11.25rem);
}

@media (max-width: 768px) {
  div.ikoni {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
/*Napit*/
.napit.text-left {
  text-align: left;
}
.napit.text-center {
  text-align: center;
}
.napit.text-right {
  text-align: right;
}

.nappi,
.btn a,
a .btn {
  background-color: #93c94a;
  /*border-color: $highlight;*/
  border: none !important;
  padding: 10px 30px !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin-top: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  display: inline-block;
  text-decoration: none !important;
  transition: all 0.4s ease-in-out;
}
.nappi.round,
.btn a.round,
a .btn.round {
  border-radius: 25px;
}

.nappi:hover,
.btn a:hover {
  background-color: rgb(121.0553191489, 172.5276595745, 51.4723404255);
  text-decoration: none;
  color: #fff;
  border-radius: 0px;
}

a.nappi.override {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}
a.nappi.override:hover {
  background-color: var(--bg) !important;
  color: var(--text) !important;
  filter: brightness(95%);
}

@media (max-width: 1199px) {
  .nappi {
    padding: 10px 25px !important;
  }
}
@media (max-width: 758px) {
  .nappi {
    font-size: 16px;
    padding: 7px 20px !important;
  }
}
/*napit*/