/*
Theme Name: lemonsoft-uutiset
Author: lemonsoft
Author URI: https://lemonsoft.fi
Description: Lemonsoft uutisnurkka
Version: 1.0.0
*/
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap");
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: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  background: #ffffff;
  color: #212121;
}

body {
  width: 100%;
  min-height: 100%;
}

.row.maincontent {
  min-height: 65vh;
}

.grecaptcha-badge {
  visibility: hidden;
}

section {
  position: relative;
  z-index: 1;
}

img,
figure,
.wp-caption {
  max-width: 100%;
}
img.aligncenter,
figure.aligncenter,
.wp-caption.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;
}

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

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

.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: #f1b60b;
  transition: 0.3s;
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
  color: rgb(216.9, 163.8, 9.9);
}

.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: #f1b60b;
  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;
}

li::marker {
  color: #f1b60b;
}

.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: 1200px !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;
  }
}
.header {
  padding: 100px;
  text-align: center;
}
.header img.logo {
  max-width: 300px;
  width: 90%;
  display: block;
  margin: 0 auto;
}
.header p {
  padding: 10px 0px;
}

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;
}

.footer {
  width: 100%;
  margin-top: 40px;
  padding: 20px;
}
.footer .copy {
  text-align: center;
  margin: 0px;
  font-size: 0.8em;
  font-style: italic;
}

@media (max-width: 992px) {
  .header {
    padding: 25px 15px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .header img.logo {
    max-width: 300px;
    width: 90%;
    display: block;
    margin: 0;
  }
  .header p {
    padding: 10px 0px;
  }
}
.bgvalkoinen,
.palsta.bgvalkoinen,
.ruudukkorow.bgvalkoinen,
.content_box.bgvalkoinen,
.inner.bgvalkoinen,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen {
  background-color: #fff !important;
  color: #404040 !important;
}
.bgvalkoinen h1,
.bgvalkoinen h2,
.bgvalkoinen h3,
.bgvalkoinen h4,
.palsta.bgvalkoinen h1,
.palsta.bgvalkoinen h2,
.palsta.bgvalkoinen h3,
.palsta.bgvalkoinen h4,
.ruudukkorow.bgvalkoinen h1,
.ruudukkorow.bgvalkoinen h2,
.ruudukkorow.bgvalkoinen h3,
.ruudukkorow.bgvalkoinen h4,
.content_box.bgvalkoinen h1,
.content_box.bgvalkoinen h2,
.content_box.bgvalkoinen h3,
.content_box.bgvalkoinen h4,
.inner.bgvalkoinen h1,
.inner.bgvalkoinen h2,
.inner.bgvalkoinen h3,
.inner.bgvalkoinen h4,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h1,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h2,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h3,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h4 {
  color: #f1b60b !important;
}
.bgvalkoinen h5,
.bgvalkoinen p,
.palsta.bgvalkoinen h5,
.palsta.bgvalkoinen p,
.ruudukkorow.bgvalkoinen h5,
.ruudukkorow.bgvalkoinen p,
.content_box.bgvalkoinen h5,
.content_box.bgvalkoinen p,
.inner.bgvalkoinen h5,
.inner.bgvalkoinen p,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen h5,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen p {
  color: #404040 !important;
}
.bgvalkoinen strong,
.palsta.bgvalkoinen strong,
.ruudukkorow.bgvalkoinen strong,
.content_box.bgvalkoinen strong,
.inner.bgvalkoinen strong,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen strong {
  color: #f1b60b !important;
}
.bgvalkoinen a.nappi:not(.override),
.palsta.bgvalkoinen a.nappi:not(.override),
.ruudukkorow.bgvalkoinen a.nappi:not(.override),
.content_box.bgvalkoinen a.nappi:not(.override),
.inner.bgvalkoinen a.nappi:not(.override),
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen a.nappi:not(.override) {
  background: #f1b60b;
  color: #fff;
}
.bgvalkoinen a.nappi:not(.override):hover,
.palsta.bgvalkoinen a.nappi:not(.override):hover,
.ruudukkorow.bgvalkoinen a.nappi:not(.override):hover,
.content_box.bgvalkoinen a.nappi:not(.override):hover,
.inner.bgvalkoinen a.nappi:not(.override):hover,
.palsta:not(.bgvalkoinen) .inner.bgvalkoinen a.nappi:not(.override):hover {
  /*background: darken($highlight, 25%) !important;*/
  background: #f1b60b !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: #f1b60b !important;
}

.bgharmaa,
.palsta.bgharmaa,
.ruudukkorow.bgharmaa,
.content_box.bgharmaa,
.inner.bgharmaa,
.palsta:not(.bgharmaa) .inner.bgharmaa {
  background-color: #f9f9f9 !important;
  color: #404040 !important;
}
.bgharmaa h1,
.bgharmaa h2,
.bgharmaa h3,
.bgharmaa h4,
.palsta.bgharmaa h1,
.palsta.bgharmaa h2,
.palsta.bgharmaa h3,
.palsta.bgharmaa h4,
.ruudukkorow.bgharmaa h1,
.ruudukkorow.bgharmaa h2,
.ruudukkorow.bgharmaa h3,
.ruudukkorow.bgharmaa h4,
.content_box.bgharmaa h1,
.content_box.bgharmaa h2,
.content_box.bgharmaa h3,
.content_box.bgharmaa h4,
.inner.bgharmaa h1,
.inner.bgharmaa h2,
.inner.bgharmaa h3,
.inner.bgharmaa h4,
.palsta:not(.bgharmaa) .inner.bgharmaa h1,
.palsta:not(.bgharmaa) .inner.bgharmaa h2,
.palsta:not(.bgharmaa) .inner.bgharmaa h3,
.palsta:not(.bgharmaa) .inner.bgharmaa h4 {
  color: #f1b60b !important;
}
.bgharmaa h5,
.bgharmaa p,
.palsta.bgharmaa h5,
.palsta.bgharmaa p,
.ruudukkorow.bgharmaa h5,
.ruudukkorow.bgharmaa p,
.content_box.bgharmaa h5,
.content_box.bgharmaa p,
.inner.bgharmaa h5,
.inner.bgharmaa p,
.palsta:not(.bgharmaa) .inner.bgharmaa h5,
.palsta:not(.bgharmaa) .inner.bgharmaa p {
  color: #404040 !important;
}
.bgharmaa strong,
.palsta.bgharmaa strong,
.ruudukkorow.bgharmaa strong,
.content_box.bgharmaa strong,
.inner.bgharmaa strong,
.palsta:not(.bgharmaa) .inner.bgharmaa strong {
  color: #f1b60b !important;
}
.bgharmaa a.nappi:not(.override),
.palsta.bgharmaa a.nappi:not(.override),
.ruudukkorow.bgharmaa a.nappi:not(.override),
.content_box.bgharmaa a.nappi:not(.override),
.inner.bgharmaa a.nappi:not(.override),
.palsta:not(.bgharmaa) .inner.bgharmaa a.nappi:not(.override) {
  background: #f1b60b;
  color: #fff;
}
.bgharmaa a.nappi:not(.override):hover,
.palsta.bgharmaa a.nappi:not(.override):hover,
.ruudukkorow.bgharmaa a.nappi:not(.override):hover,
.content_box.bgharmaa a.nappi:not(.override):hover,
.inner.bgharmaa a.nappi:not(.override):hover,
.palsta:not(.bgharmaa) .inner.bgharmaa a.nappi:not(.override):hover {
  /*background: darken($highlight, 25%) !important;*/
  background: #f1b60b !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: #f1b60b !important;
}

.bgdark,
.palsta.bgdark,
.ruudukkorow.bgdark,
.content_box.bgdark,
.inner.bgdark,
.palsta:not(.bgdark) .inner.bgdark {
  background-color: #5c5c5c !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: #f1b60b !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 strong,
.palsta.bgdark strong,
.ruudukkorow.bgdark strong,
.content_box.bgdark strong,
.inner.bgdark strong,
.palsta:not(.bgdark) .inner.bgdark strong {
  color: #fff;
}
.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:not(.override),
.palsta.bgdark a.nappi:not(.override),
.ruudukkorow.bgdark a.nappi:not(.override),
.content_box.bgdark a.nappi:not(.override),
.inner.bgdark a.nappi:not(.override),
.palsta:not(.bgdark) .inner.bgdark a.nappi:not(.override) {
  background: #f1b60b;
  color: #fff;
}
.bgdark a.nappi:not(.override):hover,
.palsta.bgdark a.nappi:not(.override):hover,
.ruudukkorow.bgdark a.nappi:not(.override):hover,
.content_box.bgdark a.nappi:not(.override):hover,
.inner.bgdark a.nappi:not(.override):hover,
.palsta:not(.bgdark) .inner.bgdark a.nappi:not(.override):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: #f1b60b !important;
}

.bghighlight,
.palsta.bghighlight,
.ruudukkorow.bghighlight,
.content_box.bghighlight,
.inner.bghighlight,
.palsta:not(.bghighlight) .inner.bghighlight {
  background-color: #f1b60b !important;
  color: #fff !important;
  /*a.nappi:not(.override) {
    background: $white;
    color: $highlight;
    &:hover {
      background: $darkgray !important;
      color: $white !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 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:not(.override),
.palsta.bghighlight a.nappi:not(.override),
.ruudukkorow.bghighlight a.nappi:not(.override),
.content_box.bghighlight a.nappi:not(.override),
.inner.bghighlight a.nappi:not(.override),
.palsta:not(.bghighlight) .inner.bghighlight a.nappi:not(.override) {
  background: #f1b60b !important;
  color: #fff !important;
}
.bghighlight a.nappi:not(.override):hover,
.palsta.bghighlight a.nappi:not(.override):hover,
.ruudukkorow.bghighlight a.nappi:not(.override):hover,
.content_box.bghighlight a.nappi:not(.override):hover,
.inner.bghighlight a.nappi:not(.override):hover,
.palsta:not(.bghighlight) .inner.bghighlight a.nappi:not(.override):hover {
  background: #fff !important;
  color: #f1b60b !important;
}
.bghighlight strong,
.palsta.bghighlight strong,
.ruudukkorow.bghighlight strong,
.content_box.bghighlight strong,
.inner.bghighlight strong,
.palsta:not(.bghighlight) .inner.bghighlight strong {
  color: #fff !important;
}

.bghighlight-light,
.palsta.bghighlight-light,
.ruudukkorow.bghighlight-light,
.content_box.bghighlight-light,
.inner.bghighlight-light {
  background-color: #ffefc0 !important;
  color: #404040 !important;
}
.bghighlight-light h1,
.bghighlight-light h2,
.bghighlight-light h3,
.bghighlight-light h4,
.palsta.bghighlight-light h1,
.palsta.bghighlight-light h2,
.palsta.bghighlight-light h3,
.palsta.bghighlight-light h4,
.ruudukkorow.bghighlight-light h1,
.ruudukkorow.bghighlight-light h2,
.ruudukkorow.bghighlight-light h3,
.ruudukkorow.bghighlight-light h4,
.content_box.bghighlight-light h1,
.content_box.bghighlight-light h2,
.content_box.bghighlight-light h3,
.content_box.bghighlight-light h4,
.inner.bghighlight-light h1,
.inner.bghighlight-light h2,
.inner.bghighlight-light h3,
.inner.bghighlight-light h4 {
  color: #f1b60b !important;
}
.bghighlight-light h5,
.bghighlight-light p,
.palsta.bghighlight-light h5,
.palsta.bghighlight-light p,
.ruudukkorow.bghighlight-light h5,
.ruudukkorow.bghighlight-light p,
.content_box.bghighlight-light h5,
.content_box.bghighlight-light p,
.inner.bghighlight-light h5,
.inner.bghighlight-light p {
  color: #404040 !important;
}
.bghighlight-light strong,
.palsta.bghighlight-light strong,
.ruudukkorow.bghighlight-light strong,
.content_box.bghighlight-light strong,
.inner.bghighlight-light strong {
  color: #f1b60b !important;
}
.bghighlight-light a.nappi:not(.override),
.palsta.bghighlight-light a.nappi:not(.override),
.ruudukkorow.bghighlight-light a.nappi:not(.override),
.content_box.bghighlight-light a.nappi:not(.override),
.inner.bghighlight-light a.nappi:not(.override) {
  background: #f1b60b;
  color: #fff;
}
.bghighlight-light a.nappi:not(.override):hover,
.palsta.bghighlight-light a.nappi:not(.override):hover,
.ruudukkorow.bghighlight-light a.nappi:not(.override):hover,
.content_box.bghighlight-light a.nappi:not(.override):hover,
.inner.bghighlight-light a.nappi:not(.override):hover {
  /*background: darken($highlight, 25%) !important;*/
  background: #f1b60b !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 {
  color: #f1b60b !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 {
  background: #f1b60b !important;
}
.bghighlight-light strong,
.palsta.bghighlight-light strong,
.ruudukkorow.bghighlight-light strong,
.content_box.bghighlight-light strong,
.inner.bghighlight-light strong {
  color: #f1b60b !important;
}

body,
p {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0vw + 1rem, 1rem);
  color: #404040;
}

a:not(.nappi) {
  font-weight: bold;
}

a {
  font-weight: bold;
}

.hero-content h1 {
  font-size: clamp(1.88rem, 3.06vw + 1.07rem, 3.75rem);
  font-weight: 600;
}
.hero-content p {
  font-size: clamp(1rem, 0.41vw + 0.89rem, 1.25rem);
}
.hero-content .btn.primary-solid-btn.hero {
  text-transform: none;
  font-size: clamp(1.06rem, 0.31vw + 0.98rem, 1.25rem);
  padding: 10px 30px;
}

h1 {
  font-size: clamp(1.88rem, 1.53vw + 1.47rem, 2.81rem);
  font-weight: 600;
  color: #5c5c5c;
}

h2 {
  font-size: clamp(1.56rem, 0.51vw + 1.43rem, 1.88rem);
  font-weight: 600;
  color: #5c5c5c;
}

h3 {
  font-size: clamp(1.25rem, 0.41vw + 1.14rem, 1.5rem);
  font-weight: 600;
  color: #5c5c5c;
}

h4 {
  font-size: clamp(1.06rem, 0.31vw + 0.98rem, 1.25rem);
  font-weight: 600;
  color: #5c5c5c;
}

h5 {
  font-size: clamp(1rem, 0.2vw + 0.95rem, 1.13rem);
  font-weight: 500;
}

strong {
  color: #5c5c5c;
}

h1,
h2,
h3,
h4,
h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: -0.8px;
  line-height: 1.25;
}

.container .row {
  padding: 20px;
}
.container .row .singleartikkelit p.post-date {
  margin-bottom: 0px;
}
.container .row .singleartikkelit h1.post-header {
  margin-top: 0;
}
.container .row .side {
  padding: 20px;
}
.container .row .side .inner {
  padding: 20px;
  background: rgba(0, 0, 0, 0.01);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.container .row .side ul {
  list-style: none;
  padding-left: 0px;
}
.container .row .side ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
  padding: 10px 5px;
}
.container .row .side ul li span {
  display: block;
  font-size: 14px;
}
.container .row .side ul li a {
  color: #f1b60b;
  font-weight: normal;
}
.container .row .side ul li a:hover {
  text-decoration: underline;
}
.container .row .side ul li.current {
  background: #f1b60b;
  border-bottom: 0px solid rgba(0, 0, 0, 0.0705882353);
}
.container .row .side ul li.current span,
.container .row .side ul li.current a,
.container .row .side ul li.current a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .container .row .side {
    padding: 10px 0px;
  }
}
.test {
  padding: 0;
}