@charset "UTF-8";
/* 2025-10-23: Contrast ratio with white background (#207CB1 / #FFFFFF) -> changed to #397CA2 */
/* Heading-colors / defaults */
/*$narrow_wrapper: 920px;*/
/*$wide_wrapper: 2000px;*/
/*$content-default-padding-xs: 15px;*/
/*$content-default-padding-s: 15px;*/
/*$content-default-padding-m: 20px;*/
/*$content-default-padding-l: 30px;*/
/*$content-default-padding-xl: 40px;*/
/*@mixin override-button-styles 										{ display: inline-block; padding: .8em 1.3em; font-size: 1em; margin: 0 3px 3px 0; border-radius:0; border:0px; background-color: $secondary-color; color: #fff; } */
/*@mixin override-button-styles-alt 									{ background-color: $secondary-color; color: #fff; } */
/*@mixin override-button-styles-cta 									{ background-color: $primary-color; color: #fff; } */
/**

	- Styles.scss [Main] -

	@style styles.scss
	@author Sitefactory

	Includes
	@import "_variables.scss";
	@import "../lib/owl-carousel/owl.carousel.scss";
	@import "_navigation.scss";
	@import "_searchform.scss";
	//@import "_respotable.scss";
	@import "_slides.scss";
	@import "_gallery.scss";
	@import "_woocommerce.scss";
	@import "_print.scss";

*/
/* --------------------------
 *
 * Imports
 *
** ----------------------- */
/* Theme colours & Fonts */
/* Headings */
/**

	@style _variables.scss
	@author Sitefactory 

*/
/* px -> em calculation, esim: em(17,14); */
/* Border radius, esim: @include border-radius(5px); */
/* box shadow, esim: @include box-shadow(3px, 3px, 10px, rgba(0,0,0,.5), inset); */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* --------------------------
 *
 * Fixed menu
 *
** ----------------------- */
.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  display: none;
  padding: 4px 20px;
  line-height: 42px;
  height: 50px;
  overflow: hidden;
}
.fixed-menu .fixed-logo img {
  max-width: 170px;
  max-height: 100%;
  display: inline;
}
.fixed-menu .open-mobile-nav {
  float: right;
  margin: 0;
}
.fixed-menu .open-mobile-nav:after {
  background: transparent;
  color: #ffc000;
}

@media only screen and (min-width: 1024px) {
  .fixed-menu {
    display: none !important;
  }
}
/* --------------------------
 *
 * Mobilenav OVERRIDE tyylit
 *
** ----------------------- */
.open-mobile-nav {
  display: block; /*position: fixed;*/
  top: 0;
  right: 0;
  z-index: 2;
  margin-left: auto;
  float: right;
  background-color: #ffc000;
  padding: 1em;
}

.open-mobile-nav:focus {
  opacity: 0.8;
}

.open-mobile-nav span.button-text {
  display: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 0.9;
  margin-top: 2px;
  color: #fff;
}

.logged-in.admin-bar .open-mobile-nav {
  top: 46px;
}

span.mobile-nav-button-html {
  position: relative;
  width: 1.2em;
  height: 1em;
  display: block;
  float: right;
  font-size: 16px;
}

span.mobile-nav-button-html span.mobilenav-button-lines {
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  display: block;
  overflow: hidden;
  border-radius: 1px;
}

span.mobile-nav-button-html span.mobilenav-button-lines.top {
  top: 0;
}

span.mobile-nav-button-html span.mobilenav-button-lines.middle {
  top: 50%;
  margin-top: -2px;
}

span.mobile-nav-button-html span.mobilenav-button-lines.bottom {
  bottom: 1px;
}

@media only screen and (min-width: 768px) {
  .open-mobile-nav span.button-text {
    display: block;
    float: left;
    margin-right: 10px;
  }
}
#mobilenav .symbol {
  font-size: 1em;
}

#mobilenav .symbol span.line-vertical {
  background-color: #000;
}

#mobilenav .symbol span.line-horizontal {
  background-color: #000;
}

#mobilenav .open > .open-submenu .symbol span.line-horizontal {
  background-color: #000;
}

#mobilenav-top-container .site-logo {
  float: left;
  display: block;
  max-width: 230px;
  height: 49px;
}

#mobilenav-top-container .site-logo a {
  width: 100%;
  height: 100%;
  line-height: 49px;
  display: inline-block;
}

#mobilenav-top-container .site-logo img {
  max-width: 100%;
  max-height: 49px;
  display: inline-block;
}

#mobilenav-mid-container {
  padding: 5px 15px;
  background-color: #ffc000;
  color: #fff;
  font-size: 16px;
}

#mobilenav-mid-container .contact p {
  margin-bottom: 0;
}

#mobilenav-mid-container a {
  color: #fff;
}

#mobilenav .mobilenav-bg {
  background-color: #e7e7e7;
}

#mobilenav #mobilenav-top-container {
  padding: 10px 15px;
  background-color: #ffffff;
}

#mobilenav #mobilenav-top-container .mobilenav-close {
  font-size: 24px;
  background-color: #ffc000;
  margin-top: 5px;
}

#mobilenav #mobilenav-top-container .mobilenav-close .symbol-cancel * {
  background-color: #fff;
}

#mobilenav .mobilenav-inner {
  padding: 0;
  background-color: #ffffff;
}
#mobilenav .mobilenav-inner li {
  border-color: rgb(206.25, 206.25, 206.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mobilenav .mobilenav-inner li:last-child {
  border-bottom: 0;
}
#mobilenav .mobilenav-inner li a:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
#mobilenav .mobilenav-inner li a {
  color: #000000;
  background-color: transparent;
}
#mobilenav .mobilenav-inner li[class*=current] > a {
  color: #ffc000 !important;
}
#mobilenav .mobilenav-inner {
  /* Open submenu -button */
}
#mobilenav .mobilenav-inner li.menu-item-has-children > button.open-submenu {
  display: inline-block;
  background-color: #dbdbdb;
}
#mobilenav .mobilenav-inner li.menu-item-has-children.open > button.open-submenu {
  display: none;
}
#mobilenav .mobilenav-inner {
  /* Close submenu -button */
}
#mobilenav .mobilenav-inner li.menu-item-has-children > button.close-submenu {
  display: none;
  background-color: #dbdbdb;
}
#mobilenav .mobilenav-inner li.menu-item-has-children.open > button.close-submenu {
  display: inline-block;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu {
  background-color: #dbdbdb;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu li > a {
  color: #000;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > button.open-submenu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu li > a {
  color: #000;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu button.open-submenu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu button.open-submenu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}

#mobilenav-additional {
  padding: 30px 20px 20px 20px;
}

/* --------------------------
 *
 * Main navigation
 *
** ----------------------- */
/* Main nav */
nav#main ul.sub-menu {
  display: none;
}
nav#main.dropdown {
  position: relative;
  z-index: 5;
}
nav#main.dropdown li.menu-item-has-children {
  position: relative;
}
nav#main.dropdown li.menu-item-has-children > a:after {
  content: "\e841";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.8em;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu {
  position: absolute;
  top: 100%;
  min-width: 300px;
  left: -1.3em;
  background-color: #fff;
  z-index: 10;
  border-bottom: 5px solid #397CA2;
}
nav#main.dropdown li.menu-item-has-children:hover > ul.sub-menu {
  z-index: 11;
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children:hover ul.sub-menu li:hover ul.sub-menu {
  z-index: 12;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  padding-right: 2em;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
  content: "\e843";
  position: absolute;
  right: 0.5em;
  top: calc(50% - 0.5em);
  color: inherit;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li {
  display: block;
  margin: 0 0 0 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li a {
  display: block;
  padding: 0.6em 1.3em;
  color: inherit;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li[class*=current] > a {
  color: #ffc000;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border-top: 1px solid #d9d9d9;
}
nav#main ul.menu > li {
  display: inline-block;
  margin: 0 1em 0 0;
}
nav#main ul.menu > li > a {
  font-weight: 400;
  color: #000000;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 0.8421052632em;
}
nav#main ul.menu > li[class*=current] > a {
  color: #ffc000;
}

/* --------------------------
 *
 * Subpage navigation
 *
** ----------------------- */
#sidebar .sub-navigation #subnav {
  padding: 0;
}
#sidebar .sub-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar .sub-navigation li {
  padding: 0;
  margin: 0;
}
#sidebar .sub-navigation li a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #000000;
  display: block;
  padding: 0;
  font-size: 1em;
  margin-left: 1.2em;
}
#sidebar .sub-navigation {
  /* menu toggle */
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children {
  position: relative;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > a {
  padding-right: 2.5em;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > span.open-submenu {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 1px;
  z-index: 1;
  width: 2.5em;
  padding: 8px 0 7px 0;
  line-height: 1.3em;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > span.open-submenu:before {
  text-align: center;
  vertical-align: middle;
  content: "\e808";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  margin-left: 0;
  color: #fff;
}
#sidebar .sub-navigation {
  /*ul.menu li.level-0.menu-item-has-children[class*="current"]>span.open-submenu:before { content:'\e809'; }*/
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children.open > span.open-submenu:before {
  content: "\e809";
}
#sidebar .sub-navigation {
  /* no-js korjaus */
}
#sidebar .sub-navigation .no-js ul.menu li.level-0[class*=current] > ul.sub-menu {
  display: block;
}
#sidebar .sub-navigation .no-js ul.menu li.level-0.menu-item-has-children > span.open-submenu {
  display: none;
}
#sidebar .sub-navigation {
  /* Alatasojen aktiiviset värit */
}
#sidebar .sub-navigation ul li[class*=current] > a {
  color: #ffc000;
}
#sidebar .sub-navigation ul.sub-menu li[class*=current] > a {
  color: #000;
  font-weight: 700;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu li[class*=current] > a {
  color: #ffc000;
}
#sidebar .sub-navigation {
  /* Piilota ei-aktiiviset alatasot */
}
#sidebar .sub-navigation ul.sub-menu {
  display: none;
  padding: 25px 0 25px 20px;
  background-color: #fff;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu {
  padding: 10px 0 10px 10px;
}
#sidebar .sub-navigation ul li[class*=current] > .sub-menu {
  display: block;
}
#sidebar .sub-navigation ul.menu li.level-0[class*=current] > ul.sub-menu ul.sub-menu {
  display: block;
}
#sidebar .sub-navigation {
  /* eka taso */
}
#sidebar .sub-navigation li.level-0 {
  margin-bottom: 6px;
}
#sidebar .sub-navigation li.level-0 > a {
  margin-left: 0;
  background-color: #ffc000;
  padding: 7px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
}
#sidebar .sub-navigation li.level-0[class*=open] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .sub-navigation li.level-0[class*=current] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .sub-navigation {
  /* Alatasojen sisennykset */
}
#sidebar .sub-navigation ul.menu-level-1, #sidebar .sub-navigation ul.menu-level-2, #sidebar .sub-navigation ul.menu-level-3,
#sidebar .sub-navigation ul.menu-level-4, #sidebar .sub-navigation ul.menu-level-5 {
  margin: 0;
}
#sidebar .sub-navigation {
  /* alatasojen fonttikoot */
}
#sidebar .sub-navigation ul.sub-menu li > a {
  padding: 0;
  margin-bottom: 0;
  font-size: 0.85em;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-1 > li > a {
  font-size: 0.9em;
}
#sidebar .sub-navigation {
  /* Alatasojen ikonit */
}
#sidebar .sub-navigation li a:before {
  text-align: center;
  vertical-align: middle;
  content: "\f006";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: -1.1em;
  line-height: 1;
  font-size: 0.8em;
  color: inherit;
}
#sidebar .sub-navigation li.level-0 > a:before {
  display: none;
}
#sidebar .sub-navigation li.level-1 > a:before {
  content: "\f006";
}
#sidebar .sub-navigation li.level-2 > a:before {
  content: "-";
}
#sidebar .sub-navigation li.level-3 > a:before {
  content: "-";
}
#sidebar .sub-navigation li.level-4 > a:before {
  display: none;
}
#sidebar .sub-navigation li.level-5 > a:before {
  display: none;
}
#sidebar .widget_product_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar .widget_product_categories ul.product-categories {
  padding: 0;
}
#sidebar .widget_product_categories {
  /* menu toggle */
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent {
  position: relative;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > a {
  padding-right: 2em;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > span.open-submenu {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 1px;
  z-index: 1;
  width: 2em;
  padding: 2px 0;
  line-height: 1em;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > span.open-submenu:before {
  text-align: center;
  vertical-align: middle;
  content: "\e808";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  height: 100%;
  font-size: 1em;
  margin-left: 0;
  color: #ffc000;
}
#sidebar .widget_product_categories {
  /*ul.product-categories li.cat-parent[class*="current"]>span.open-submenu:before { content:'\e809'; }*/
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent.open > span.open-submenu:before {
  content: "\e809";
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > a {
  padding-right: 2.5em;
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > span.open-submenu {
  width: 2.5em;
  padding: 8px 0 7px 0;
  line-height: 1.3em;
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > span.open-submenu:before {
  font-size: 1.2em;
  margin-left: 0;
  color: #fff;
}
#sidebar .widget_product_categories {
  /* no-js korjaus */
}
#sidebar .widget_product_categories .no-js ul.product-categories li[class*=current] > ul.children {
  display: block;
}
#sidebar .widget_product_categories .no-js ul.product-categories li.cat-parent > span.open-submenu {
  display: none;
}
#sidebar .widget_product_categories li {
  padding: 0;
  margin: 0;
}
#sidebar .widget_product_categories li a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  color: #000000;
  display: block;
  padding: 0;
  font-size: 1em;
  margin-left: 1.2em;
}
#sidebar .widget_product_categories {
  /* eka taso */
}
#sidebar .widget_product_categories ul.product-categories > li {
  margin-bottom: 6px;
}
#sidebar .widget_product_categories ul.product-categories > li > a {
  margin-left: 0;
  background-color: #ffc000;
  padding: 7px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
}
#sidebar .widget_product_categories ul.product-categories > li[class*=open] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .widget_product_categories ul.product-categories > li[class*=current] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .widget_product_categories ul.product-categories > li > a:before {
  display: none;
}
#sidebar .widget_product_categories {
  /* Alatasojen aktiiviset värit */
}
#sidebar .widget_product_categories ul li[class*=current] > a {
  color: #ffc000;
}
#sidebar .widget_product_categories ul.children li[class*=current] > a {
  color: #ffc000;
}
#sidebar .widget_product_categories ul.children {
  display: none;
  padding: 25px 0 25px 20px;
  margin: 0;
  background-color: #fff;
}
#sidebar .widget_product_categories ul.children ul.children {
  padding: 10px 0 10px 10px;
}
#sidebar .widget_product_categories {
  /*ul li[class*="current"]>.children						{ display: block; }*/
  /* Alatasojen ikonit */
}
#sidebar .widget_product_categories ul li a:before {
  display: none;
}
#sidebar .widget_product_categories ul ul li > a:before {
  text-align: center;
  vertical-align: middle;
  content: "\f006";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: -1.1em;
  line-height: 1;
  font-size: 0.8em;
  color: inherit;
}
#sidebar .widget_product_categories ul ul ul li > a:before {
  content: "-";
}

/* --------------------------
 *
 * Search-form
 *
** ----------------------- */
.search-form {
  overflow: initial;
  height: 40px;
  position: relative;
  padding: 0 40px 0 0;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.search-form input[type=search] {
  height: 38px;
  line-height: 37px;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 13px;
}
.search-form button[type=submit] {
  height: 40px;
  width: 40px;
  padding: 0 !important;
  outline: none;
  margin: 0 !important;
  border: 0;
  background-color: #ffc000 !important;
  color: #fff !important;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px;
}
.search-form.rounded {
  border-radius: 15px;
  z-index: 1;
}

#mobilenav-additional .search-form {
  max-width: 215px;
}

.woocommerce-product-search {
  overflow: hidden;
  height: 40px;
  position: relative;
  padding: 0 40px 0 0;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.woocommerce-product-search input[type=search] {
  height: 38px;
  line-height: 37px;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 13px;
}
.woocommerce-product-search button[type=submit] {
  height: 40px;
  width: 40px;
  padding: 0 !important;
  outline: none;
  margin: 0 !important;
  border: 0;
  background-color: #ffc000 !important;
  color: #fff !important;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px;
  font-size: 13px !important;
}
.woocommerce-product-search.rounded {
  border-radius: 15px;
  z-index: 1;
}

.site-search .search-form button[type=submit] {
  background-color: #397CA2 !important;
}
.site-search .search-form {
  color: #0c0c0c;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.site-search .search-form input[type=search] {
  background-color: #f2f2f2;
  color: #0c0c0c;
}
.site-search .icon-search:before {
  line-height: 40px;
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
}

/*@import "_respotable.scss";*/
/* DEFAULT owl-carousel */
.owl-carousel {
  margin: 0;
  padding: 0;
  list-style: none;
}
.owl-carousel .single-slide .slider-image {
  height: 250px;
  width: 100%;
}
.owl-carousel .owl-dots {
  top: 210px;
}
.owl-carousel .single-slide .slider-content-container {
  height: auto;
  width: 100%;
  background-color: #fff;
  padding: 1.5em 0;
  text-align: center;
}
.owl-carousel .single-slide .slider-content-container .slider-content {
  padding: 0 1em;
}
@media only screen and (min-width: 768px) {
  .owl-carousel .single-slide .slider-image {
    height: 320px;
  }
  .owl-carousel .owl-dots {
    top: 280px;
  }
}
@media only screen and (min-width: 1024px) {
  .owl-carousel .single-slide .slider-image {
    height: 380px;
  }
  .owl-carousel .owl-dots {
    top: 330px;
  }
}
@media only screen and (min-width: 1220px) {
  .owl-carousel .single-slide .flex {
    height: 634px;
  }
  .owl-carousel .single-slide .slider-image {
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
  }
  .owl-carousel .single-slide .slider-content-container {
    height: auto;
    background-color: transparent;
    text-align: left;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content { /*color: #fff; font-size: em(21, $desktop_fsz);*/
    background-color: #fff;
    padding: 2em;
    max-width: 710px;
    margin: 0 auto;
  }
  .owl-carousel .owl-dots {
    top: auto;
    bottom: 40px;
  }
}

/* OWL navigation */
.owl-nav .owl-next,
.owl-nav .owl-prev {
  position: static;
  z-index: 10;
  bottom: 0;
  height: auto;
  width: auto;
  color: #ffc000;
  margin: 0 0 0.85em 0;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  font-size: 1em;
}

.owl-nav .owl-next {
  right: 1em;
}

.owl-nav .owl-prev {
  left: 1em;
}

/* Piiloon navigaation mobiililla */
.owl-nav {
  display: none;
  margin: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav .disabled, .owl-nav .disabled:hover {
  opacity: 0.5;
  cursor: default;
}

.owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  margin: 0 0 0.5em 0;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-dots .owl-dot span {
  width: 1.5em;
  height: 1.5em;
  margin: 0 2px;
  background: #397CA2;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

.owl-dots .owl-dot.active span {
  background: #ffc000;
}

.owl-dots .owl-dot:hover span {
  opacity: 0.8;
}

@media only screen and (min-width: 480px) {
  .owl-dots {
    display: block;
  }
}
@media only screen and (min-width: 1340px) {
  .owl-nav {
    opacity: 0.1;
    transition: opacity 0.6s ease;
    display: block;
  }
  .owl-carousel:hover .owl-nav {
    opacity: 1;
  }
  .owl-carousel:hover .owl-nav .owl-next,
  .owl-carousel:hover .owl-nav .owl-prev { /*background-color: transparentize($primary-color, .6);*/ }
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    top: 0;
    bottom: auto;
    position: absolute;
    height: 100%;
    width: 80px;
    margin: 0;
    padding: 1em 0.4em;
    color: #fff;
    font-size: 3em;
    transition: background 0.6s ease;
    -webkit-transition: background 0.6s ease;
  }
  .owl-nav .owl-prev {
    left: 0;
    float: none;
  }
  .owl-nav .owl-next {
    right: 0;
    float: none;
  }
  .owl-nav .owl-next span.navigation,
  .owl-nav .owl-prev span.navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
  }
  .owl-nav .owl-next span.navigation {
    right: 0;
  }
  .owl-nav .owl-prev span.navigation {
    left: 0;
  }
  .owl-nav .owl-next:hover,
  .owl-nav .owl-prev:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
/* masonry-gallery */
.responsive-grid {
  width: auto;
  margin: 0 -10px;
}

.responsive-grid .gutter-sizer {
  width: 0px;
}

/*.responsive-grid .grid-sizer 									{ display: none; }*/
.responsive-grid .grid-sizer,
.responsive-grid .grid-item {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
  float: left;
}

.responsive-grid .grid-item img {
  transform: translate3d(0, 0, 0);
}

.responsive-grid .grid-item .grid-item-content {
  width: calc(100% - 20px);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 8px;
  font-size: 0.75em;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 10px;
  opacity: 0;
  color: #fff;
  transition: opacity 0.4s;
  transform: translate3d(0, 0, 0);
}

.responsive-grid .grid-item:hover .grid-item-content {
  opacity: 1;
}

.responsive-grid .grid-item.width--1 {
  width: 50%;
}

.responsive-grid .grid-item.width--2 {
  width: 50%;
}

.responsive-grid .grid-item.width--3 {
  width: 50%;
}

.responsive-grid .grid-item.width--4 {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .grid-item a:hover {
    opacity: 1;
  }
  .grid-item a:hover img {
    opacity: 1;
    animation: flash 1s;
  }
}
@keyframes flash {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .responsive-grid .grid-sizer,
  .responsive-grid .grid-item {
    width: 33.3333%;
  }
  .responsive-grid .grid-item.width--1 {
    width: 33.3333%;
  }
  .responsive-grid .grid-item.width--2 {
    width: 33.3333%;
  }
  .responsive-grid .grid-item.width--3 {
    width: 33.3333%;
  }
  .responsive-grid .grid-item.width--4 {
    width: 66.6666%;
  }
}
/*
@include media-from(l){ 
	.responsive-grid .grid-sizer 									,
	.responsive-grid .grid-item 									{ width: 25%; }
	.responsive-grid .grid-item.width--1 							{ width: 25%; }
	.responsive-grid .grid-item.width--2 							{ width: 25%; }
	.responsive-grid .grid-item.width--3 							{ width: 25%; }
	.responsive-grid .grid-item.width--4 							{ width: 50%; }
}
*/
/* --------------------------
 *
 * Structure
 *
** ----------------------- */
body {
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  body {
    font-size: 19px;
  }
}

#page-top .page-top-content-right {
  margin: 0 0 0 auto;
  padding: 5px 0 5px 0;
  color: #c9c9c9;
  font-size: 14px;
  min-width: 100px;
  text-align: center;
}
#page-top .page-top-content-right a {
  color: #ffc000;
}
#page-top .page-top-content-right a.link-button {
  color: #fff;
  margin: 0;
}
#page-top .page-top-content-right a[class*=icon-] {
  color: #c9c9c9;
}
#page-top .page-top-content-right a[class*=icon-]:before {
  color: #ffc000;
  margin-right: 4px;
  margin-left: 5px;
}
#page-top .page-top-content-right span[class*=icon-]:before {
  color: #ffc000;
  margin-right: 4px;
  margin-left: 5px;
}
#page-top .page-top-content-right p {
  margin-bottom: 0;
}

header#header .header-left {
  float: left;
  /* float fallback */
  margin: 1.5em auto 1.5em 0;
  max-width: 40%;
  width: 200px;
  /* Leveys puolet @2x logon leveydestä */
}
header#header .header-middle {
  float: left;
  /* float fallback */
  margin: 1.5em auto 1.5em auto;
}
header#header .header-middle p:last-child {
  margin-bottom: 0;
}
header#header .header-right {
  float: right;
  /* float fallback */
  margin: 1.5em 0 1.5em auto;
}
header#header .header-right p:last-child {
  margin-bottom: 0;
}
header#header .site-search {
  float: right;
  margin-left: 1em;
}

footer#footer .content-padding {
  padding: 2em 0;
}

/* --------------------------
 *
 * Typografia
 *
** ----------------------- */
html, body, input, input[type=submit], input[type=number], input[type=button], button, .button, .btn, .link-button, select, textarea {
  font-family: "Barlow", sans-serif;
  line-height: 1.5em;
}

blockquote {
  font-size: 1em;
  opacity: 0.85;
  margin: 2.4em;
  margin-right: 0.5em;
  font-style: italic;
  position: relative;
}

blockquote:before {
  font-size: 3.6em;
  opacity: 0.75;
  content: "“";
  display: block;
  position: absolute;
  left: -0.65em;
  top: -0.3em;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  blockquote {
    font-size: 1.15em;
    margin-right: 2.5em;
  }
}
h1, .h1, h2, .h2, .tease h1, .tease .h1, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0 0 0.7em 0;
  line-height: 1.2em;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 1.2em;
}

/* Mobiili otsikot */
h1, .h1 {
  font-size: 1.7333333333em;
  color: #313131;
  font-family: "Barlow Condensed", sans-serif;
}

h2, .h2, .tease h1, .tease .h1 {
  font-size: 1.4666666667em;
  color: #397CA2;
  font-family: "Barlow Condensed", sans-serif;
}

h3, .h3 {
  font-size: 1.2em;
  color: #313131;
  font-family: "Barlow Condensed", sans-serif;
}

h4, .h4 {
  font-size: 1.0666666667em;
  color: #313131;
}

h5, .h5 {
  font-size: 1em;
  color: #000000;
  font-weight: 700;
}

h6, .h6 {
  font-size: 1em;
  color: #000000;
  font-weight: 700;
}

h1 a, .h1 a,
h2 a, .h2 a, .tease h1 a, .tease .h1 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
  color: inherit;
}

a {
  color: #ffc000;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
  /* Desktop otsikot */
  h1, .h1 {
    font-size: 1.7368421053em;
  }
  h2, .h2, .tease h1, .tease .h1 {
    font-size: 1.2631578947em;
  }
  h3, .h3 {
    font-size: 1.0526315789em;
  }
  h4, .h4 {
    font-size: 1.0526315789em;
  }
  h5, .h5 {
    font-size: 0.8947368421em;
  }
  h6, .h6 {
    font-size: 0.8947368421em;
  }
}
.primary-font {
  font-family: "Barlow", sans-serif;
}

.secondary-font {
  font-family: "Barlow Condensed", sans-serif;
}

.ingress {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.5;
}

/* white-bg */
.white, .white-bg {
  background-color: #fff;
}
.white b,
.white strong, .white-bg b,
.white-bg strong {
  color: #111111;
}

/* primary-bg */
.primary-color {
  color: #ffc000;
}

.primary-bg {
  background-color: #ffc000;
  color: #fff;
}
.primary-bg h1, .primary-bg .h1,
.primary-bg h2, .primary-bg .h2,
.primary-bg h3, .primary-bg .h3,
.primary-bg h4, .primary-bg .h4,
.primary-bg h5, .primary-bg .h5,
.primary-bg h6, .primary-bg .h6 {
  color: #fff;
}
.primary-bg a {
  color: #fff;
}
.primary-bg a.link-button {
  background-color: #397CA2;
  color: #fff;
}
.primary-bg b, .primary-bg strong {
  color: #fff;
}

/* secondary-bg */
.secondary-color {
  color: #397CA2;
}

.secondary-bg {
  background-color: #397CA2;
  color: #fff;
}
.secondary-bg h1, .secondary-bg .h1,
.secondary-bg h2, .secondary-bg .h2,
.secondary-bg h3, .secondary-bg .h3,
.secondary-bg h4, .secondary-bg .h4,
.secondary-bg h5, .secondary-bg .h5,
.secondary-bg h6, .secondary-bg .h6 {
  color: #fff;
}
.secondary-bg a {
  color: #fff;
}
.secondary-bg a.link-button {
  background-color: #ffc000;
  color: #fff;
}
.secondary-bg b, .secondary-bg strong {
  color: #fff;
}

/* --------------------------
 *
 * default
 *
** ----------------------- */
#main-image-container {
  text-align: center;
}

#outer-content-area-container {
  padding: 1em 0 0 0;
}

#main-content-area.content-padding {
  padding: 1em 0;
}

#sidebar.content-padding {
  padding: 1em 0;
}

.service-boxes .services-lift-box-image-container {
  height: 150px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 480px) {
  .service-boxes .services-lift-box-image-container {
    height: 200px;
    /* s */
  }
}
@media only screen and (min-width: 768px) {
  .service-boxes .services-lift-box-image-container {
    height: 250px;
    /* m */
  }
}

/* --------------------------
 *
 *  Archive / pagination
 *
** ----------------------- */
.tool-pagination {
  line-height: 1.4;
}
.tool-pagination ul.pages {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
.tool-pagination ul.pages li {
  float: left;
  padding: 0;
  display: block;
  margin: 0 5px 3px 0;
}
.tool-pagination ul.pages li span.current {
  background-color: #ffc000;
  color: #fff;
}
.tool-pagination a.pagination_arrow {
  float: left;
}
.tool-pagination a.pagination_arrow.prev {
  margin: 0 4px 3px 0;
}
.tool-pagination a.pagination_arrow.next {
  margin: 0 0 3px 0;
}
.tool-pagination a.pagination_arrow,
.tool-pagination ul.pages li span,
.tool-pagination ul.pages li a {
  padding: 7px 8px;
  display: block;
  color: #fff;
  background-color: #397CA2;
  font-weight: 700;
}

.woocommerce nav.woocommerce-pagination {
  line-height: 1.4;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  float: left;
  padding: 0;
  display: block;
  margin: 0 5px 3px 0;
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
  background-color: #ffc000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination a.page-numbers {
  float: left;
}
.woocommerce nav.woocommerce-pagination a.page-numbers.prev {
  margin: 0 0 3px 0;
}
.woocommerce nav.woocommerce-pagination a.page-numbers.next {
  margin: 0 0 3px 0;
}
.woocommerce nav.woocommerce-pagination a.page-numbers,
.woocommerce nav.woocommerce-pagination ul.page-numbers li span,
.woocommerce nav.woocommerce-pagination ul.page-numbers li a {
  padding: 7px 8px;
  display: block;
  color: #fff;
  background-color: #397CA2;
  font-weight: 700;
}

/* --------------------------
 *
 * Common
 *
** ----------------------- */
button,
.btn,
.link-button-alt,
input[type=submit],
button[type=submit],
input[type=button].cta,
button.cta,
.button.cta,
.btn.cta,
.link-button {
  display: inline-block;
  padding: 0.8em 1.3em;
  font-size: 1em;
  margin: 0 3px 3px 0;
  border-radius: 0;
  border: 0px;
  background-color: #397CA2;
  color: #fff;
}

input[type=button],
button, .btn, .link-button-alt {
  background-color: #397CA2;
  color: #fff;
}

.submit-container input[type=button],
input[type=submit], button[type=submit], input[type=button].cta,
button.cta, .button.cta, .btn.cta, .link-button {
  background-color: #ffc000;
  color: #fff;
}

/* Input style reset */
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
textarea {
  background: white;
  border: 1px solid #bfbfbf;
  box-shadow: 0px 0px 0px #000;
  border-radius: 0px;
  max-width: 100%;
  min-width: 50%;
  outline: none;
  padding: 0.4em;
}

select:focus,
select {
  border: 1px solid #bfbfbf;
  max-width: 100%;
  min-width: 30%;
  padding: 0.5em;
  outline: none;
}

iframe {
  max-width: 100%;
}

div.wp-caption {
  max-width: 100%;
}

.aligncenter,
.alignright,
.alignleft,
.floatleft,
.floatright {
  display: block;
  margin: 1em 0;
}

.from-s-align-left {
  margin-right: auto;
}

.from-s-float-left {
  float: left;
}

.from-s-align-right {
  margin-left: auto;
}

.from-s-float-right {
  float: left;
}

@media only screen and (min-width: 768px) {
  .aligncenter {
    display: block;
    margin: 0 auto;
  }
  .alignright {
    float: right;
    margin: 0 0 1em 1em;
  }
  .alignleft {
    float: left;
    margin: 0 1em 1em 0;
  }
  .floatleft {
    float: left;
  }
  .floatright {
    float: right;
  }
  .from-m-align-left {
    margin-right: auto;
  }
  .from-m-align-right {
    margin-left: auto;
  }
  .from-m-float-left {
    float: left;
  }
  .from-m-float-right {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .from-l-align-left {
    margin-right: auto;
  }
  .from-l-align-right {
    margin-left: auto;
  }
  .from-l-float-left {
    float: left;
  }
  .from-l-float-right {
    float: right;
  }
}
@media only screen and (min-width: 1220px) {
  .from-xl-align-left {
    margin-right: auto;
  }
  .from-xl-align-right {
    margin-left: auto;
  }
  .from-xl-float-left {
    float: left;
  }
  .from-xl-float-right {
    float: right;
  }
}
.content-padding {
  padding: 15px;
}

@media only screen and (min-width: 480px) {
  .content-padding {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .content-padding {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .content-padding {
    padding: 30px;
  }
}
@media only screen and (min-width: 1220px) {
  .content-padding {
    padding: 40px;
  }
}
.display-table {
  display: table;
  width: 100%;
  height: 100%;
}

.display-table .display-table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
}

.display-table .display-table-cell.va-m {
  vertical-align: middle;
}

.height-100 {
  height: 100%;
}

.absolute-middle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.bg-cover {
  background-size: cover;
  background-position: center center;
}

.border-top {
  border-top: 1px solid #bfbfbf;
}

.border-right {
  border-right: 1px solid #bfbfbf;
}

.border-bottom {
  border-bottom: 1px solid #bfbfbf;
}

.border-left {
  border-left: 1px solid #bfbfbf;
}

.no-border {
  border: 0;
}

/* FLEX */
.flex {
  display: flex;
  flex-wrap: wrap;
}

.row.flex,
.flex.flex-rows {
  flex-direction: row;
}

.flex.flex-columns {
  flex-direction: column;
}

.flex.flex-nowrap {
  flex-wrap: nowrap;
}

.flex.flex-middle {
  align-items: center;
}

.flex.flex-end {
  align-items: flex-end;
}

.flex.flex-center {
  justify-content: center;
}

.flex.flex-left {
  justify-content: left;
}

.flex.flex-right {
  justify-content: right;
}

.flex.flex-stretch {
  align-items: stretch;
}

.flex > .flex-grow {
  flex-grow: 1;
}

.flex > .flex-nogrow {
  flex-grow: 0;
}

.flex > .flex-shrink {
  flex-shrink: 1;
}

.flex > .flex-noshrink {
  flex-shrink: 0;
}

.flex-bottom {
  align-self: flex-end;
}

.div-center {
  margin: 0 auto;
}

/* SKELETOR VARIABLE $wrapper_px: 1220px;*/
/* SKELETOR VARIABLE $wrapper_padding_px: 20px;*/
.wrapper.overflowing {
  overflow: visible;
}

.wrapper {
  overflow: hidden;
}

.wrapper.no-padding {
  padding: 0;
  max-width: 1180px;
}

.wrapper.narrow {
  max-width: 920px;
}

.wrapper.narrow.no-padding {
  max-width: 880px;
}

.wrapper.wide {
  max-width: 2000px;
}

.wrapper.wide.no-padding {
  max-width: 1960px;
}

.wrapper.wide-alt {
  max-width: 1620px;
}

.wrapper.wide-alt.no-padding {
  max-width: 1580px;
}

/* --------------------------
 *
 * Wordpress related common
 *
** ----------------------- */
.entry-date {
  opacity: 0.8;
  font-size: 0.9em;
}

/* Archive pages & search list */
.tease {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #bfbfbf;
}
.tease-reference {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #bfbfbf;
}
.tease-reference .tease-image {
  min-height: auto;
  margin-top: 0;
}
.tease-reference .tease-content {
  min-height: auto;
}
.tease-reference .content-padding {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 1220px) {
  .reference-list article.tease-reference:nth-child(even) .tease-image {
    order: 2;
    text-align: right;
    float: right;
  }
  .reference-list article.tease-reference:nth-child(even) .content-padding {
    padding-left: 0;
  }
  .reference-list article.tease-reference:nth-child(odd) .content-padding {
    padding-right: 0;
  }
}
section .tease:last-child {
  border-bottom: 0;
}

.tag-list {
  padding: 0;
}
.tag-list li {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  padding: 0;
}
.tag-list li a {
  padding: 0.4em 0.6em;
  color: #fff;
  font-size: 0.8em;
  text-transform: uppercase;
  background: #397CA2;
  border-radius: 8px;
  display: inline-block;
}

.staff-list .person {
  padding: 1em 1em 0 1em;
  border: 1px solid #bfbfbf;
  border-bottom: 0.5em solid #397CA2;
}

.staff-list .person .person-title {
  font-size: 1.2em;
  display: block;
  margin-bottom: 0.5em;
}

.post-thumbnail-container {
  margin: 1em 0 2em 0;
}

.post-thumbnail-caption {
  font-style: italic;
  opacity: 0.8;
  margin: 0.4em 0;
}

.sf_single-post-author {
  border: 1px solid #bfbfbf;
  border-left: 0;
  border-right: 0;
  padding: 2em 0;
  margin-bottom: 2em;
  margin-top: 2em;
}
.sf_single-post-author .sf_single-post-author-avatar {
  margin-right: 1em;
  max-width: 30%;
  width: 180px;
}
.sf_single-post-author .sf_single-post-author-avatar img {
  max-width: 100%;
}
.sf_single-post-author .sf_single-post-author-title {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: 700;
  color: #397CA2;
}
.sf_single-post-author .sf_single-post-author-description {
  font-size: 0.9em;
}
.sf_single-post-author .sf_single-post-author-description p:last-child {
  margin-bottom: 0;
}

/* Notice messages */
.message-success, .message-error, .message-warning, .message-note,
.notice-message, .error-message, .success-message {
  padding: 2em;
  margin-bottom: 2em;
}

.message-success, .success-message, .ninja-forms-success-msg {
  background-color: #e9f9d2;
  border: 1px solid #688f30;
  border-left: 8px solid #688f30;
  color: #368b1c;
}

.message-error, .error-message, .ninja-forms-error-msg {
  background-color: #f9eeee;
  border: 1px solid #861616;
  border-left: 8px solid #861616;
  color: #ab0000;
}

.message-warning {
  background-color: #fff3d1;
  border: 1px solid #cab712;
  border-left: 8px solid #cab712;
  color: #7b7221;
}

.message-note, .notice-message {
  background-color: #f5f5f5;
  border: 1px solid #c1c1c1;
  /*border-left: 8px solid #9f9f9f;*/
}

.password-required {
  padding: 1em;
  text-align: left;
  background-color: #eee;
  background-image: url("../img/notice.png");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 2px solid rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

.password-required-form-container {
  padding: 1.5em 1em 1em 1em;
  text-align: left;
  background-color: #eee;
  background-image: url("../img/notice.png");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 2px solid rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

.password-required-form-container input[type=password] {
  min-width: 100px;
  width: 200px;
  max-width: 50%;
}

@media only screen and (min-width: 768px) {
  .message-success, .message-error, .message-warning, .message-note,
  .notice-message, .error-message, .success-message {
    padding: 3em;
  }
}
/* --------------------------
 *
 * Search
 *
** ----------------------- */
body.search #main-content-area .site-search {
  width: 250px;
  max-width: 100%;
  margin: 1em 0 2em 0;
}
body.search #main-content-area #search-results article.tease-search {
  margin: 1em 0 1em 0;
  padding: 0em 0 1em 0;
  border-bottom: 1px solid #bfbfbf;
}
body.search #main-content-area #search-results article.tease-search strong.search-title {
  font-size: 1.1em;
}

/* --------------------------
 *
 * Comments
 *
** ----------------------- */
#respond {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 1em;
  display: block;
  margin-bottom: 2em;
}
#respond label {
  display: block;
  width: 100%;
}
#respond input[type=text] {
  display: block;
  width: 100%;
}
#respond textarea {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 130px;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  #respond label {
    float: left;
    width: 200px;
  }
  #respond input[type=text] {
    float: left;
    width: 50%;
    width: calc(100% - 200px);
  }
  #respond textarea {
    float: left;
    width: 50%;
    width: calc(100% - 200px);
  }
}
#respond .comment-form-comment:after {
  content: "";
  clear: both;
  display: table;
}
#respond .comment-form-author:after {
  content: "";
  clear: both;
  display: table;
}
#respond .comment-form-email:after {
  content: "";
  clear: both;
  display: table;
}
#respond .comment-form-url:after {
  content: "";
  clear: both;
  display: table;
}
#respond .comment-form-cookies-consent:after {
  content: "";
  clear: both;
  display: table;
}
#respond .comment-form-cookies-consent label {
  width: calc(100% - 70px);
  float: right;
}

.sf_single-comments-container {
  margin-bottom: 3em;
}
.sf_single-comments-container ul.sf_single-comment-responses {
  list-style: none;
  padding-left: 0;
}
.sf_single-comments-container ul.sf_single-comment-responses li {
  padding: 8px;
}
.sf_single-comments-container ul.sf_single-comment-responses li:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}

/* --------------------------
 *
 * Some-widget -styles
 *
** ----------------------- */
.some-widget-container {
  display: inline-block;
  margin: 3px;
  vertical-align: top;
}

.some-widget-container .social-media-btn-container {
  display: inline-block;
  font-size: 17px;
}

.some-widget-container .social-media-btn-container .social-media-btn-icon {
  display: inline-block;
  color: #fff;
  background-color: #397CA2;
  width: 2em;
  line-height: 2em;
  height: 2em;
  border-radius: 50%;
  text-align: center;
}

.some-widget-container .social-media-btn-container .social-media-btn-icon:before {
  margin: 0;
}

.some-widget-container:first-child {
  margin-left: 0;
}

.some-widget-container:last-child {
  margin-right: 0;
}

.some-widget-container .social-media-btn-container .social-media-btn-text {
  display: inline-block;
  color: #397CA2;
  padding: 5px;
  font-weight: 700;
  font-size: 0.9em;
}

/* --------------------------
 *
 * Ninja-forms
 *
** ----------------------- */
.nf-field-container {
  position: relative;
}

.nf-field-container .nf-error-msg.nf-error-required-error {
  display: none;
  /* tekstit piiloo */
  position: absolute;
  top: 100%;
  font-size: 0.8em;
}

.nf-before-form-content {
  margin-bottom: 1em;
  font-size: 0.8em;
  float: right;
}

.nf-form-wrap .nf-field-container .nf-field .field-wrap:not(.submit-wrap) .ninja-forms-field {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.nf-form-wrap .nf-field-container .nf-field .field-wrap:not(.submit-wrap).nf-error .ninja-forms-field {
  border-color: #da1f19;
  outline: 0;
  box-shadow: inset -1px 1px 2px rgba(255, 0, 0, 0.1), 0 0 8px rgba(255, 0, 0, 0.6);
}

/* --------------------------
 *
 * Accessability
 *
** ----------------------- */
.focus-visible, header#header .site-search .search-form button:focus, .slide-content .link-button:focus, .owl-dot:focus, .carousel-outer-nav-container.controls-enabled .carousel-play-pause button.trigger-play-pause:focus, .site-search .search-form button:focus,
:focus-visible {
  outline-color: #397CA2;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

button:focus, a:focus {
  text-decoration: underline;
}

button:focus:active, a:focus:active {
  text-decoration: none;
  outline: none;
}

button:active, a:active {
  text-decoration: none;
  outline: none;
}

a.move-to-content {
  position: absolute;
  display: inline-block;
  left: -12000px;
  z-index: 95;
  transition: all 0ms;
  transform: translate3d(0, 0, 0);
  border-radius: 0px;
  padding: 25px 30px;
}

a.move-to-content:focus {
  left: 20px;
  top: 20px;
  width: auto;
  height: auto;
}

button.disable-button-styles {
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 1em;
  color: #000000;
}

button.element-focusable .dropdown-icon-text {
  position: absolute;
  left: -13000px;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 5px;
}

button.element-focusable i.dropdown-icon {
  color: #397CA2;
}

button.element-focusable:focus {
  /*background-color: $secondary-color;
  color: #fff;*/
  position: relative;
}

button.element-focusable:focus i.dropdown-icon {
  color: #fff;
}

button.element-focusable:focus-visible {
  outline-color: #ffc000;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

button.element-focusable:focus > .dropdown-icon-text {
  left: 0;
  bottom: 100%;
  background-color: #397CA2;
  color: #fff;
  display: inline-block;
}

.screen-reader-text, .visually-hidden {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* --------------------------
 *
 * Woocommerce
 * Importataan myöhemmin, koska priority+
 *
** ----------------------- */
/* --------------------------
 *
 * Woocommerce
 *
** ----------------------- */
#page-top .login_buttons_container .link-button {
  margin: 0 0 0 0.5em;
  font-size: 0.8em;
}
#page-top .login_buttons_container .link-button .icon:before {
  margin: 0 0.5em 0 0;
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #3a3a3a;
  color: #e0e0e0;
}

.woocommerce .woocommerce-breadcrumb a {
  color: #ffc000;
}

.woocommerce .woocommerce-breadcrumb span.separator {
  color: #6d6d6d;
}

.woocommerce .woocommerce-breadcrumb span.separator:before {
  margin: 0;
}

/* woocommerce User page */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  margin: 0;
  width: 100%;
  margin-bottom: 2em;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  display: block;
  margin-bottom: 2em;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li { /* fallback / flex */
  float: left;
  width: auto;
  min-width: 150px;
  display: block;
  border-right: 1px solid rgb(77.4657534247, 150.8904109589, 192.5342465753);
  border-bottom: 1px solid rgb(77.4657534247, 150.8904109589, 192.5342465753);
  flex-grow: 1;
  text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px;
  background-color: #397CA2;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #ffc000;
  color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-right: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before {
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 4px;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0;
  color: inherit;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
  content: "\e820";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
  content: "\e860";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
  content: "\e817";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
  content: "\e869";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
  content: "\e83c";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
  content: "\e840";
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  display: block;
}

/* woocommerce checkout page */
.woocommerce #billing_country_field,
.woocommerce #shipping_country_field { /*display: none;*/ }

/* Single -product */
.single-product #main-content-area {
  position: relative;
}

.woocommerce .single-product-details .quantity {
  display: inline-block;
  vertical-align: top;
}

.woocommerce .single-product-details .quantity input[type=number] {
  display: inline-block;
  margin-top: 0;
  padding: 0.8em 0.2em 0.8em 0.2em;
  padding: calc(0.8em - 1px) 0.2em calc(0.8em - 1px) 0.2em;
  font-size: 1em;
  line-height: 1.2em;
  vertical-align: top;
}

.woocommerce .single-product-details { /*position: relative;*/ }

.woocommerce .single-product-details .related.products {
  padding-top: 2em;
  margin-top: 2em;
  border-top: 1px solid #eee;
}

.woocommerce .single-product-details .upsells.products {
  padding-top: 2em;
  margin-top: 2em;
  border-top: 1px solid #eee;
}

.woocommerce .single-product-details .woocommerce-tabs ul.tabs.wc-tabs { /*display: none;*/ }

.woocommerce .single-product-details .product_meta {
  padding: 1em 0;
}

.woocommerce .single-product-details .product_meta .posted_in {
  display: block;
}

.woocommerce .single-product-details .product_meta .tagged_as {
  display: block;
}

/*.woocommerce .single-product-details .product-sku					{ display: none; }*/
/*.woocommerce .single-product-details.product-type-simple .product-sku	{ display: block; }*/
.woocommerce .single-product-details.product-type-simple .product_meta .sku_wrapper {
  display: none;
}

.woocommerce .woocommerce-product-gallery {
  margin: 0 0 20px 0;
}

.woocommerce .woocommerce-product-gallery:after {
  content: "";
  display: table;
  clear: both;
}

.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  width: auto;
  margin: 0 -5px 0 -5px;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image {
  max-width: 33.33333%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image a {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  display: inline-block;
  margin: 0 auto;
}

.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image.first-image,
.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
  max-width: 100%;
  width: 100%;
  float: left;
  padding: 0 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Tabs */
.woocommerce-tabs.wc-tabs-wrapper {
  margin: 0;
  width: 100%;
}

.woocommerce-tabs.wc-tabs-wrapper {
  width: 100%;
  display: block;
  margin-bottom: 2em;
}

.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs {
  display: -webkit-flex;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 0;
}

.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li { /* fallback / flex */
  float: left;
  width: auto;
  min-width: 150px;
  display: block;
  border-right: 1px solid rgb(77.4657534247, 150.8904109589, 192.5342465753);
  border-bottom: 1px solid rgb(77.4657534247, 150.8904109589, 192.5342465753);
  flex-grow: 1;
  text-align: center;
}

.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px;
  background-color: #397CA2;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
}

.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active a {
  background-color: #ffc000;
  color: #fff;
}

/* Variations */
.woocommerce table.variations {
  margin-bottom: 1em;
}
.woocommerce table.variations td {
  padding: 0.5em;
}
.woocommerce table.variations td a.reset_variations {
  display: inline-block;
  margin-left: 0.5em;
}

.woocommerce-variation-description {
  margin-bottom: 1em;
}

.woocommerce-variation-price {
  margin-bottom: 1em;
}

/* groups */
.woocommerce table.group_table {
  margin-bottom: 1em;
  border: 1px solid #eee;
}
.woocommerce table.group_table tr {
  border-bottom: 1px solid #eee;
}
.woocommerce table.group_table tr:last-child {
  border-bottom: 0px solid #eee;
}
.woocommerce table.group_table td {
  padding: 0.5em;
  text-align: center;
}

/* category */
.term-description {
  padding-bottom: 1em; /*margin-bottom: 1em;*/ /*border-bottom: 1px solid $default-border-color;*/
}

/* loop */
p.woocommerce-result-count {
  font-weight: 500;
  padding: 0.5em 0;
}

.woocommerce-ordering {
  width: 100%;
  min-width: 25%;
  max-width: 100%;
  float: right;
  padding: 0;
  margin: 0 0 1em 0;
  display: block;
}

.woocommerce-tag-ordering {
  width: 100%;
  min-width: 25%;
  max-width: 100%;
  float: right;
  padding: 0;
  margin: 0 0 1em 0;
  display: block;
}

.woocommerce-ordering select,
.woocommerce-tag-ordering select {
  width: 100%;
  min-width: 50%;
  max-width: 100%;
}

@media only screen and (min-width: 480px) {
  .woocommerce-ordering {
    width: 50%;
    padding: 0 0 0 0.5em;
  }
  .woocommerce-tag-ordering {
    width: 50%;
    padding: 0 0.5em 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .woocommerce-ordering {
    width: auto;
  }
  .woocommerce-tag-ordering {
    width: auto;
  }
}
.woocommerce ul.products li.product {
  background-color: #fff;
  border: 0px solid #bfbfbf;
  padding: 0;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0px 0px 15px rgba(155, 155, 155, 0.5);
}

.woocommerce ul.products li.product .product-loop-prod-cat {
  font-size: 0.8em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  color: #ffc000;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  padding: 5px 15px 15px 15px;
  margin: 0;
}

.woocommerce ul.products li.product .button.product_type_external {
  display: none;
}

/*.woocommerce ul.products li.product .woocommerce-price-suffix 	{ display: none; }*/
.woocommerce ul.products li.product span.onsale,
.woocommerce .product span.onsale {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: auto;
  margin: 0;
  padding: 0.5em;
  display: block;
}

.woocommerce span.onsale {
  background-color: #ffc000;
  border-radius: 0px;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.2em;
}

/* add_to_cart buttons, loop, tease */
@media only screen and (min-width: 480px) {
  .single-add-to-cart-button-container form.cart {
    float: left;
  }
}

.woocommerce .product .added_to_cart {
  position: static;
  z-index: 3;
  color: #fff;
  background-color: #ffc000;
  display: inline-block;
  top: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding: 1em;
  margin-top: 1em;
  font-size: 13px;
}

/* PRICE, shop loop, single, tease */
.woocommerce .single-product-details .price .woocommerce-Price-amount.amount,
.woocommerce .shop-loop .tease .price .woocommerce-Price-amount.amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount {
  opacity: 1;
  display: inline-block;
  font-weight: 700;
  font-size: 1.5em;
  color: #ffc000;
}

.woocommerce del, .woocommerce ins {
  display: inline-block !important;
}

.woocommerce .single-product-details .price,
.woocommerce .shop-loop .tease .price,
.woocommerce ul.products li.product .price {
  font-weight: 700;
  color: #ffc000;
}

.woocommerce .single-product-details .price del .woocommerce-Price-amount.amount {
  opacity: 0.8;
  text-decoration: line-through;
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  margin-left: 5px;
}

.woocommerce .single-product-details .price ins .woocommerce-Price-amount.amount {
  text-decoration: none;
}

.woocommerce .shop-loop .tease .price del .woocommerce-Price-amount.amount {
  opacity: 0.8;
  text-decoration: line-through;
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  margin-left: 5px;
}

.woocommerce .shop-loop .tease .price ins .woocommerce-Price-amount.amount {
  text-decoration: none;
}

.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount {
  opacity: 0.8;
  text-decoration: line-through;
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  margin-left: 5px;
}

.woocommerce ul.products li.product .price ins .woocommerce-Price-amount.amount {
  text-decoration: none;
}

.single-product-details .price:after {
  content: "";
  clear: both;
  display: table;
}

.shop-loop .tease .price,
.woocommerce ul.products li.product .price {
  margin: 0 0 15px;
  display: block;
}

/* aside / cart */
.woocommerce-mini-cart__buttons.buttons {
  margin-bottom: 0;
}

.woocommerce-mini-cart__buttons.buttons .button {
  background-color: #3a3a3a;
  text-align: center;
  width: 100%;
  margin-right: 0;
}

.woocommerce-mini-cart__buttons.buttons .button:hover {
  background-color: #3a3a3a;
}

.woocommerce-mini-cart__buttons.buttons .button.checkout {
  background-color: #ffc000;
}

.woocommerce-mini-cart__buttons.buttons .button.checkout:hover {
  background-color: #ffc000;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
  border-top: 1px solid #bfbfbf;
  margin-top: 0.5em;
  padding-top: 0.5em;
}

.widget_shopping_cart_content {
  padding: 20px;
  background-color: #fff;
  font-size: 0.8em;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 5px;
}

.woocommerce a.remove {
  font-size: 1.4em;
}

/* WC COMMON */
.woocommerce table.shop_table {
  border-radius: 0px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border-radius: 0px;
}

/*.stock.in-stock 					 							{ color: #00ca2f; font-weight: 700; font-style: .9em; } 		*/
/*.stock.out-of-stock 					 						{ color: #cd0808; font-weight: 700; font-style: .9em; } 		*/
/*.stock.available-on-backorder 					 			{ color: #cd9d08; font-weight: 700; font-style: .9em; } 		*/
.stock.in-stock {
  display: block;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #00ca2f;
  border-left: 6px solid #00ca2f;
  font-weight: 700;
}

.stock.out-of-stock {
  display: block;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #cd0808;
  border-left: 6px solid #cd0808;
  font-weight: 700;
}

.stock.available-on-backorder {
  display: block;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #cd9d08;
  border-left: 6px solid #cd9d08;
  font-weight: 700;
}

.product.upcoming_product .stock,
.product.only_local .stock {
  display: none;
}

.custom-stock.upcoming-product {
  display: block;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #cd9d08;
  border-left: 6px solid #cd9d08;
  font-weight: 700;
}

.custom-stock.only-local {
  display: block;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #cd9d08;
  border-left: 6px solid #cd9d08;
  font-weight: 700;
}

.custom-stock.pickup-only {
  display: none;
  font-size: 0.8em;
  padding: 3px 9px;
  background-color: #fcfcfc;
  color: #cd9d08;
  border-left: 6px solid #cd9d08;
  font-weight: 700;
}

.product_shipping_class-nouto-myymalasta .custom-stock.pickup-only {
  display: block;
}

abbr[title] {
  text-decoration: none;
}

mark {
  background: transparent; /*display: inline-block;*/
  color: inherit;
}

.woocommerce fieldset {
  margin: 1em 0 1em 0;
}

/* Cart */
.woocommerce table.cart td.actions .coupon {
  font-size: 0.8em;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 6px 8px 6px 8px;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  min-width: 0;
  width: 114px;
}

.checkout_coupon input[type=text] {
  margin-bottom: 0;
}
.checkout_coupon input[type=submit] {
  font-size: 0.8em;
  margin: 0;
}

/* WC FORMS */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  border-radius: 0px;
}

/* WC INFO banners */
.woocommerce-info::before {
  color: #ffc000;
}

.woocommerce-info {
  border-top-color: #ffc000;
}

.woocommerce .woocommerce-message a.button {
  font-size: 0.8em;
  margin-bottom: 0;
  margin-right: 0;
}

.woocommerce .woocommerce-info a.button {
  font-size: 0.8em;
  margin-bottom: 0;
  margin-right: 0;
}

.woocommerce .woocommerce-error a.button {
  font-size: 0.8em;
  margin-bottom: 0;
  margin-right: 0;
}

/* --------------------------
 *
 * top cart
 *
** ----------------------- */
.header_cart-container {
  overflow: visible;
  position: relative;
  float: right;
  margin-left: 1em;
}

.no-js .header_cart-container:hover .header_cart-items {
  display: block;
}

.header_cart-trigger .header_cart-link {
  overflow: hidden;
  display: block;
  height: 40px;
  position: relative;
  padding: 0 55px 0 15px;
  background-color: #fff;
  position: relative;
  border: 1px solid #bebebe;
  line-height: 39px;
  outline: none;
  font-size: 13px;
  color: #585858;
}
.header_cart-trigger .header_cart-link:before {
  content: "\e852";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  margin-right: 4px;
}
.header_cart-trigger .header_cart-link:after {
  height: 40px;
  width: 40px;
  padding: 0 0;
  outline: none;
  margin: 0;
  border: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  color: #ffc000;
  border-radius: 0px;
  background-color: #ffc000;
  color: #fff;
  content: "\e899";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
}

.header_cart-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 18;
}

.header_cart-items .widget_shopping_cart {
  border: 1px solid #bebebe;
  border-top: 0;
}

.header_cart-items .widgettitle {
  display: none;
}

/* --------------------------
 *
 * button reset / button styles
 * pitää olla tosi tarkkana kun näitä muuttelee
 *
** ----------------------- */
.woocommerce button.button-alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt[disabled],
.woocommerce button.button-alt:disabled,
.woocommerce button.button-alt[disabled],
.woocommerce button.alt:disabled,
.woocommerce button.alt[disabled],
.woocommerce button:disabled,
.woocommerce button[disabled],
.woocommerce button[type=submit]:disabled,
.woocommerce button[type=submit][disabled],
.woocommerce a.button-alt,
.woocommerce button.alt,
.woocommerce button.button.alt,
.woocommerce input.button-alt,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt.checkout-button,
.woocommerce button.single_add_to_cart_button.button.alt,
.woocommerce button.button,
.woocommerce button,
.woocommerce .btn,
.woocommerce .link-button-alt,
.woocommerce input[type=submit],
.woocommerce button[type=submit],
.woocommerce input[type=button],
.woocommerce .link-button {
  display: inline-block;
  padding: 0.8em 1.3em;
  font-size: 1em;
  margin: 0 3px 3px 0;
  border-radius: 0;
  border: 0px;
  background-color: #397CA2;
  color: #fff;
}
.woocommerce button.single_add_to_cart_button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button-alt:hover,
.woocommerce a.button.alt.checkout-button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.alt:hover,
.woocommerce input[type=button]:hover,
.woocommerce input.button-alt:hover,
.woocommerce a.button-alt:hover,
.woocommerce button.button.alt:hover {
  background-color: #397CA2;
  color: #fff;
}
.woocommerce button.single_add_to_cart_button.button,
.woocommerce button.single_add_to_cart_button.button:hover,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit:hover,
.woocommerce .submit-container input[type=button],
.woocommerce input[type=submit], .woocommerce button[type=submit], .woocommerce input[type=button].cta,
.woocommerce button.cta, .woocommerce .button.cta, .woocommerce .btn.cta, .woocommerce .link-button {
  background-color: #ffc000;
  color: #fff;
}
.woocommerce {
  /* wc-buttons :disabled :hover colors */
}
.woocommerce button.button-alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt[disabled],
.woocommerce button.button-alt:disabled,
.woocommerce button.button-alt[disabled],
.woocommerce button.alt:disabled,
.woocommerce button.alt[disabled],
.woocommerce button:disabled,
.woocommerce button[disabled],
.woocommerce button[type=submit]:disabled,
.woocommerce button[type=submit][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
.woocommerce button.button-alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:hover,
.woocommerce button.button-alt:disabled:hover,
.woocommerce button.button-alt[disabled]:hover,
.woocommerce button[type=submit]:disabled:hover,
.woocommerce button[type=submit][disabled]:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
@media only screen and (min-width: 1024px) {
  .woocommerce button.button-alt:hover,
  .woocommerce .button:hover, .woocommerce .button-alt:hover {
    opacity: 0.8;
  }
  .woocommerce .button[disabled]:hover, .woocommerce .button-alt[disabled]:hover {
    opacity: 0.5;
  }
  .woocommerce .button:disabled:hover, .woocommerce .button-alt:disabled:hover {
    opacity: 0.5;
  }
}

/* --------------------------
 *
 * Woocommerce input styles
 *
** ----------------------- */
.select2-container--default .select2-selection--single {
  border-radius: 0px;
  border: 1px solid #bfbfbf;
  padding: 0.5em;
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 5px;
}

/* --------------------------
 *
 *	Print
 *
** ----------------------- */
/* --------------------------
 *
 *	Print
 *
** ----------------------- */
.only-print {
  display: none;
}

@media print {
  html {
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0;
    padding: 0;
  }
  .wrapper {
    margin: 0;
    padding: 0;
  }
  @page {
    margin: 1cm;
  }
  * {
    background: none !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
    float: none !important;
    text-align: left;
    border: 0 !important;
    border-radius: 0;
  }
  ol {
    width: 100% !important;
  }
  ul {
    width: 100% !important;
  }
  li {
    width: 100% !important;
  }
  div {
    width: 100% !important;
  }
  .no-print {
    display: none !important;
  }
  .only-print {
    display: block !important;
  }
  #logo {
    display: block;
    max-width: 40%;
    margin-bottom: 1em;
  }
  #logo img {
    display: block;
    max-width: 100%;
  }
  .show-print {
    display: block !important;
  }
  .content-padding {
    padding: 0 !important;
  }
  .equal {
    height: auto !important;
  }
  .parallax-mirror,
  aside,
  nav,
  footer img,
  footer nav,
  .cf:after,
  .open-mobile-nav,
  .quick-links,
  .slider,
  .owl-carousel,
  .search-form,
  .site-search,
  #mobilenav-loader,
  #mobilenav,
  #mobilenav-dimmer,
  .addthis_sharing_toolbox,
  .fb_iframe_widget,
  .fixed-menu,
  #colorbox {
    display: none !important;
  }
  a, a:visited { /*text-decoration: underline;*/ }
  footer a[href*=sitefactory], footer a[href*=verkkolasnaolo] {
    display: none;
  }
  /*.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/
  pre, blockquote {
    border: 0;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    display: block;
    max-width: 40%;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  /*
        p a[href^="http://"]:after  								,
        li a[href^="http://"]:after  								,
        p a[href^="https://"]:after  								,
        li a[href^="https://"]:after  								{ content: " (" attr(href) ")" !important; font-size: 80%; font-family: inherit; }
  */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    page-break-before: avoid;
  }
}
/* --------------------------
 *
 * Font styles
 *
** ----------------------- */
/* all headings */
h1, .h1, h2, .h2, .tease h1, .tease .h1, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Barlow Condensed", sans-serif;
}

/* Mobile */
h1, .h1 {
  font-size: 1.9333333333em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Barlow Semi Condensed", sans-serif;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

h1:after, .h1:after {
  content: " ";
  height: 6px;
  width: 100%;
  background-color: #ffc000;
  left: 0;
  bottom: 3px;
  position: absolute;
}

@media only screen and (min-width: 768px) {
  h1:after, .h1:after {
    width: 170px;
  }
}
h1.h2, .tease h1, .tease h1.h1, h1.h3, h1.h4, h1.h5, h1.h6 {
  margin-bottom: 0.5em;
  padding: 0;
}
h1.h2::after, .tease h1::after, .tease h1.h1::after, h1.h3::after, h1.h4::after, h1.h5::after, h1.h6::after {
  display: none;
}

h2, .h2, .tease h1, .tease .h1 {
  font-size: 1.5333333333em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Barlow Semi Condensed", sans-serif;
  color: #313131;
}

h3, .h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: #313131;
}

h4, .h4 {
  font-size: 1.4666666667em;
  font-weight: 500;
  color: #397CA2;
}

h5, .h5 {
  font-size: 1.1333333333em;
  font-weight: 500;
  color: #397CA2;
}

h6, .h6 {
  font-size: 1.1333333333em;
}

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 2.4em;
  }
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 2.1578947368em;
  }
  h2, .h2, .tease h1, .tease .h1 {
    font-size: 1.7368421053em;
  }
  h3, .h3 {
    font-size: 1.1578947368em;
  }
  h4, .h4 {
    font-size: 1.1578947368em;
  }
  h5, .h5 {
    font-size: 1.1578947368em;
  }
  h6, .h6 {
    font-size: 0.9473684211em;
  }
}
.home h2, .home .h2, .home .tease h1, .tease .home h1, .home .tease .h1, .tease .home .h1 {
  font-weight: 700;
  color: #333333;
}
.home h3, .home .h3 {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 0.95;
}

/* owl-carousel */
.front-top-content-container {
  max-width: 1580px;
  margin: 0 auto;
  overflow: hidden;
}

.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.owl-carousel {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 1580px;
  margin: 0 auto;
}
.owl-carousel .link-button, .owl-carousel .link-button-alt {
  background-color: #ffffff;
  color: #397CA2;
}
.owl-carousel .images-container {
  width: 100%;
  height: 100%;
}
.owl-carousel .over-lay-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.owl-carousel .single-slide .slider-image {
  height: 250px;
  width: 100%;
  position: relative;
}
.owl-carousel .owl-dots {
  top: 210px;
}
.owl-carousel .single-slide .slider-content-container {
  height: auto;
  width: 100%;
  background-color: #397CA2;
  padding: 1.5em 0;
  text-align: center;
}
.owl-carousel .single-slide .slider-content-container .slider-content {
  padding: 0 1em;
}
.owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content h3, .owl-carousel .single-slide .slider-content-container .slider-content h4 {
  color: #ffffff;
  line-height: 1;
}
.owl-carousel .single-slide .slider-content-container .slider-content p {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .owl-carousel .single-slide .slider-image {
    height: 320px;
  }
  .owl-carousel .owl-dots {
    top: 280px;
  }
}
@media only screen and (min-width: 1024px) {
  .owl-carousel .single-slide .slider-image {
    height: 380px;
  }
  .owl-carousel .owl-dots {
    top: 330px;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content h3, .owl-carousel .single-slide .slider-content-container .slider-content h4 { /*font-size: em(44, $desktop_fsz);*/ }
  .owl-carousel .single-slide .slider-content-container .slider-content .link-button, .owl-carousel .single-slide .slider-content-container .slider-content .link-button-alt { /* font-size: em(16, $desktop_fsz);*/ }
}
@media only screen and (min-width: 1220px) {
  .owl-carousel .single-slide .slider-relative-container {
    height: 620px;
  }
  .owl-carousel .single-slide .slider-image {
    height: 100%;
    width: 100%;
  }
  .owl-carousel .single-slide .slider-content-container {
    height: auto;
    width: auto;
    background-color: transparent;
    padding: 0;
    text-align: center;
  }
  .owl-carousel .single-slide .slider-content-container .wrapper {
    height: 100%;
    z-index: 5;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content {
    position: absolute;
    bottom: -315px;
    right: 0;
    width: 580px;
    padding: 65px;
    background-color: #397CA2;
    text-align: left;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content h3, .owl-carousel .single-slide .slider-content-container .slider-content h4 {
    color: #ffffff;
    line-height: 1;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content p {
    color: #ffffff;
  }
  .owl-carousel .owl-dots {
    top: auto;
    bottom: 40px;
  }
}

/* OWL navigation */
.owl-nav .owl-next,
.owl-nav .owl-prev {
  position: static;
  z-index: 10;
  bottom: 0;
  height: auto;
  width: auto;
  color: #ffc000;
  margin: 0 0 0.85em 0;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  font-size: 1em;
}

.owl-nav .owl-next {
  right: 1em;
}

.owl-nav .owl-prev {
  left: 1em;
}

/* Piiloon navigaation mobiililla */
.owl-nav {
  display: none;
  margin: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav .disabled, .owl-nav .disabled:hover {
  opacity: 0.5;
  cursor: default;
}

.owl-dots {
  text-align: center;
  position: absolute;
  width: auto;
  margin: 0 0 0.5em 0;
  z-index: 50;
  top: 15px;
  left: 20px;
  display: inline-block;
}

.single-slide .slide-img-cnt {
  height: 150px;
  width: auto;
  max-width: none;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

.owl-dots {
  top: 120px;
}

@media only screen and (min-width: 480px) {
  .single-slide .slide-img-cnt {
    height: 250px;
  }
  .owl-dots {
    top: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .single-slide .slide-img-cnt {
    height: 320px;
  }
  .owl-dots {
    top: 280px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-slide .slide-img-cnt {
    height: 380px;
  }
  .owl-dots {
    top: 330px;
  }
}
@media only screen and (min-width: 1220px) {
  .single-slide .slide-img-cnt {
    height: 615px;
  }
}
.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  width: 15px;
  height: 15px;
  padding: 0;
}

.owl-dots .owl-dot span {
  width: 1.5em;
  height: 1.5em;
  margin: 0 2px;
  background: #397CA2;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

.owl-dot:focus {
  outline: 2px solid #ffc000;
}

.owl-dot.active {
  background-color: #333333;
}

.owl-dots .owl-dot:hover span {
  opacity: 0.8;
}

@media only screen and (min-width: 480px) {
  .owl-dots {
    display: block;
  }
}
@media only screen and (min-width: 1220px) {
  .owl-dots {
    display: none;
  }
  .owl-dots .owl-dot {
    width: 30px;
    height: 30px;
  }
  .owl-nav {
    opacity: 1;
    transition: opacity 0.6s ease;
    display: block;
  }
  .owl-carousel:hover .owl-nav {
    opacity: 1;
  }
  .owl-carousel:hover .owl-nav .owl-next,
  .owl-carousel:hover .owl-nav .owl-prev { /*background-color: transparentize($primary-color, .6);*/ }
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    top: 0;
    bottom: auto;
    position: absolute;
    height: 100%;
    width: 80px;
    margin: 0;
    padding: 1em 0.4em;
    color: #fff;
    font-size: 3em;
    transition: background 0.6s ease;
    -webkit-transition: background 0.6s ease;
  }
  .owl-nav .owl-prev {
    left: 0;
    float: none;
  }
  .owl-nav .owl-next {
    right: 0;
    float: none;
  }
  .owl-nav .owl-next button.navigation,
  .owl-nav .owl-prev button.navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 20px 0;
    color: #397CA2;
    margin: 0;
  }
  .owl-nav .owl-next button.navigation {
    right: 0;
  }
  .owl-nav .owl-prev button.navigation {
    left: 0;
  }
  .owl-nav .owl-next:hover,
  .owl-nav .owl-prev:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
}
.carousel-play-pause {
  display: none;
}

@media only screen and (min-width: 1220px) {
  .owl-dots {
    top: auto;
    bottom: -77px;
    left: 47%;
    right: auto;
    width: auto;
    z-index: 150;
    display: block;
    padding: 10px 10px 5px 10px;
    background-color: #ffffff;
  }
  .owl-dots .owl-dot {
    width: 30px;
    height: 30px;
    padding: 0;
  }
  .owl-dots .owl-dot.active {
    background-color: #333333;
  }
  .carousel-outer-nav-container .carousel-play-pause {
    display: none;
  }
  .carousel-outer-nav-container .slide-progress {
    display: none;
  }
  .carousel-outer-nav-container.controls-enabled .carousel-play-pause {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    z-index: 20;
  }
  .carousel-outer-nav-container.controls-enabled .carousel-play-pause span.play-pause-status {
    pointer-events: none;
  }
  .carousel-outer-nav-container.controls-enabled .carousel-play-pause span.play-pause-status,
  .carousel-outer-nav-container.controls-enabled .carousel-play-pause button.trigger-play-pause {
    background-color: transparent;
    color: #999;
    color: rgba(255, 255, 255, 0.9);
    transition: all ease-in-out 0.3s;
    padding: 0.5em; /*@include border-radius(0 0 20px 0);*/
    display: inline-block;
    margin: 0;
    width: 60px;
    height: 60px;
  }
  .carousel-outer-nav-container.controls-enabled .carousel-play-pause button.trigger-play-pause {
    display: block;
    background-color: #fff;
    color: #397CA2;
  }
  .carousel-outer-nav-container.controls-enabled:hover button.trigger-play-pause {
    background-color: rgba(100, 100, 100, 0.2);
    color: #397CA2;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
  }
  .carousel-outer-nav-container.controls-enabled .slide-progress {
    display: block;
    width: 0%;
    max-width: 100%;
    height: 2px;
    background: rgba(57, 124, 162, 0.9);
    transition-timing-function: linear;
  }
}
.slide-content .link-button:focus {
  outline-color: #ffffff !important;
}

/* --------------------------
 *
 * Fixed menu
 *
** ----------------------- */
.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  display: none;
  padding: 4px 20px;
  line-height: 42px;
  height: 50px;
  overflow: hidden;
}
.fixed-menu .fixed-logo img {
  max-width: 170px;
  max-height: 100%;
  display: inline;
}
.fixed-menu .open-mobile-nav {
  float: right;
  margin: 0;
}
.fixed-menu .open-mobile-nav:after {
  background: transparent;
  color: #ffc000;
}

@media only screen and (min-width: 1024px) {
  .fixed-menu {
    display: none !important;
  }
}
/* --------------------------
 *
 * Mobilenav OVERRIDE tyylit
 *
** ----------------------- */
.open-mobile-nav {
  display: block; /*position: fixed;*/
  top: 0;
  right: 0;
  z-index: 2;
  margin-left: auto;
  float: right;
  background-color: #397CA2;
  padding: 1em;
}

.open-mobile-nav:focus {
  opacity: 0.8;
}

.open-mobile-nav span.button-text {
  display: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 0.9;
  margin-top: 2px;
  color: #fff;
}

.logged-in.admin-bar .open-mobile-nav {
  top: 46px;
}

span.mobile-nav-button-html {
  position: relative;
  width: 1.2em;
  height: 1em;
  display: block;
  float: right;
  font-size: 16px;
}

span.mobile-nav-button-html span.mobilenav-button-lines {
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  display: block;
  overflow: hidden;
  border-radius: 1px;
}

span.mobile-nav-button-html span.mobilenav-button-lines.top {
  top: 0;
}

span.mobile-nav-button-html span.mobilenav-button-lines.middle {
  top: 50%;
  margin-top: -2px;
}

span.mobile-nav-button-html span.mobilenav-button-lines.bottom {
  bottom: 1px;
}

@media only screen and (min-width: 768px) {
  .open-mobile-nav span.button-text {
    display: block;
    float: left;
    margin-right: 10px;
  }
}
#mobilenav .symbol {
  font-size: 1em;
}

#mobilenav .symbol span.line-vertical {
  background-color: #000;
}

#mobilenav .symbol span.line-horizontal {
  background-color: #000;
}

#mobilenav .open > .open-submenu .symbol span.line-horizontal {
  background-color: #000;
}

#mobilenav-top-container .site-logo {
  float: left;
  display: block;
  max-width: 230px;
  height: 49px;
}

#mobilenav-top-container .site-logo a {
  width: 100%;
  height: 100%;
  line-height: 49px;
  display: inline-block;
}

#mobilenav-top-container .site-logo img {
  max-width: 100%;
  max-height: 49px;
  display: inline-block;
}

#mobilenav-mid-container {
  padding: 5px 15px;
  background-color: #ffc000;
  color: #fff;
  font-size: 16px;
}

#mobilenav-mid-container .contact p {
  margin-bottom: 0;
}

#mobilenav-mid-container a {
  color: #ffc000;
}

#mobilenav .mobilenav-bg {
  background-color: #e7e7e7;
}

#mobilenav #mobilenav-top-container {
  padding: 0;
  background-color: #ffc000;
}

#mobilenav #mobilenav-top-container .mobilenav-close {
  font-size: 24px;
  background-color: #ffffff;
  margin-top: 5px;
}

#mobilenav #mobilenav-top-container .mobilenav-close .symbol-cancel * {
  background-color: #397CA2;
}

#mobilenav .mobilenav-inner {
  padding: 0;
  background-color: #ffffff;
}
#mobilenav .mobilenav-inner li {
  border-color: rgb(206.25, 206.25, 206.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mobilenav .mobilenav-inner li:last-child {
  border-bottom: 0;
}
#mobilenav .mobilenav-inner li a:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
#mobilenav .mobilenav-inner li a {
  color: #000000;
  background-color: transparent;
}
#mobilenav .mobilenav-inner li[class*=current] > a {
  color: #397CA2 !important;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > span.open-submenu {
  background-color: #dbdbdb;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu {
  background-color: #dbdbdb;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu li > a {
  color: #000;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > span.open-submenu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu li > a {
  color: #000;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu span.open-submenu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu span.open-submenu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}

#mobilenav-additional {
  padding: 30px 20px 20px 20px;
}

/* --------------------------
 *
 * Main navigation
 *
** ----------------------- */
nav#main ul.menu {
  display: flex;
  justify-content: space-between;
}

nav#main #main-menu-item-75 a {
  color: #397CA2;
}
nav#main ul.sub-menu {
  display: none;
}
nav#main.dropdown {
  position: relative;
  z-index: 5;
}
nav#main.dropdown li.menu-item-has-children.level-0 > a:after {
  content: none;
  margin: 0;
  width: 0;
}
nav#main.dropdown li.menu-item-has-children {
  position: relative;
}
nav#main.dropdown li.menu-item-has-children > a:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.8em;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu {
  position: absolute;
  top: 100%;
  min-width: 300px;
  left: -1.3em;
  background-color: #fff;
  z-index: 10;
  border-bottom: 5px solid #397CA2;
}
nav#main.dropdown li.menu-item-has-children:hover > ul.sub-menu {
  z-index: 11;
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children:hover ul.sub-menu li:hover ul.sub-menu {
  z-index: 12;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  padding-right: 2em;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
  content: "";
  position: absolute;
  right: 0.5em;
  top: calc(50% - 0.5em);
  color: inherit;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li {
  display: block;
  margin: 0 0 0 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li a {
  display: block;
  padding: 0.4em 1.3em;
  color: inherit;
  line-height: 1.1;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li[class*=current] > a {
  color: #397CA2;
  font-weight: 600;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border-top: 1px solid #d9d9d9;
}
nav#main.dropdown li.menu-item-has-children {
  /* Buttons to control submenus - replaces a:after */
}
nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown:after {
  content: "\e843";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.6em;
}
@media only screen and (min-width: 1340px) {
  nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown:after {
    font-size: 0.8em;
  }
}
nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown.level-0:after {
  content: "\e841";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.6em;
}
@media only screen and (min-width: 1340px) {
  nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown.level-0:after {
    font-size: 0.8em;
  }
}
nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown.level-1.toggle-submenu {
  position: absolute;
  right: 8px;
  top: 2px;
  z-index: 11;
}
nav#main.dropdown li.menu-item-has-children button.toggle-submenu.open-submenu-dropdown.disable-button-styles.element-focusable:focus,
nav#main.dropdown li.menu-item-has-children button.toggle-submenu.open-submenu-dropdown.disable-button-styles.element-focusable:focus-visible {
  width: 16px;
  height: 16px;
  right: -10px;
  top: 7px;
  background-color: #397CA2;
  outline-color: #397CA2;
}
nav#main.dropdown li.menu-item-has-children button.toggle-submenu.open-submenu-dropdown.disable-button-styles.element-focusable:focus:after,
nav#main.dropdown li.menu-item-has-children button.toggle-submenu.open-submenu-dropdown.disable-button-styles.element-focusable:focus-visible:after {
  position: absolute;
  left: -7px;
  top: -2px;
}
nav#main.dropdown li.menu-item-has-children button.level-2.toggle-submenu {
  display: none;
}
nav#main ul.menu > li {
  display: inline-block;
  margin: 0;
}
nav#main ul.menu > li:last-child {
  margin: 0;
}
nav#main ul.menu > li > a {
  font-weight: 300;
  color: #000000;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 0.8947368421em;
}
nav#main ul.menu > li[class*=current] > a {
  color: #397CA2;
  font-weight: 600;
}

/* --------------------------
 *
 * Footer navigation
 *
** ----------------------- */
/* Main nav */
nav#footer li.menu-item-has-children ul.sub-menu li {
  display: block;
}
nav#footer ul.menu > li {
  display: inline-block;
  margin-right: 2%;
  width: 31%;
  vertical-align: top;
  line-height: 1.4;
}
nav#footer ul.menu > li > a {
  font-weight: 300;
  color: #000000;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 1.2105263158em;
  font-weight: 600;
}
nav#footer ul.menu > li[class*=current] > a {
  color: #000000;
}

/* --------------------------
 *
 * Subpage navigation
 *
** ----------------------- */
#sidebar h2 {
  background-color: #397CA2;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.2105263158em;
  text-transform: initial;
  padding: 15px;
}
#sidebar .sub-navigation {
  margin-bottom: 20px;
}
#sidebar .sub-navigation #subnav {
  padding: 0;
}
#sidebar .sub-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar .sub-navigation li {
  padding: 0;
  margin: 0;
}
#sidebar .sub-navigation li a {
  font-family: "Barlow", sans-serif;
  margin-left: 0;
  background-color: transparent;
  padding: 0;
  color: #444444;
  font-weight: 300;
  font-size: 0.8421052632em;
  padding-left: 15px;
  margin-left: 10px;
}
#sidebar .sub-navigation {
  /* menu toggle */
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children {
  position: relative;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > a {
  padding-right: 25px;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > span.open-submenu {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 1px;
  z-index: 1;
  width: 2.5em;
  padding: 8px 0 7px 0;
  line-height: 1.3em;
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children > span.open-submenu:before {
  text-align: center;
  vertical-align: middle;
  content: "\e808";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  margin-left: 0;
  color: #fff;
}
#sidebar .sub-navigation {
  /*ul.menu li.level-0.menu-item-has-children[class*="current"]>span.open-submenu:before { content:'\e809'; }*/
}
#sidebar .sub-navigation ul.menu li.level-0.menu-item-has-children.open > span.open-submenu:before {
  content: "\e809";
}
#sidebar .sub-navigation {
  /* no-js korjaus */
}
#sidebar .sub-navigation .no-js ul.menu li.level-0[class*=current] > ul.sub-menu {
  display: block;
}
#sidebar .sub-navigation .no-js ul.menu li.level-0.menu-item-has-children > span.open-submenu {
  display: none;
}
#sidebar .sub-navigation {
  /* Alatasojen aktiiviset värit */
}
#sidebar .sub-navigation ul li[class*=current] > a {
  color: #ffc000;
}
#sidebar .sub-navigation ul.sub-menu li[class*=current] > a {
  color: #397CA2;
  font-weight: 500;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu li[class*=current] > a {
  color: #ffc000;
}
#sidebar .sub-navigation {
  /* Piilota ei-aktiiviset alatasot */
}
#sidebar .sub-navigation ul.sub-menu {
  display: none;
  padding: 25px 0 25px 20px;
  background-color: #fff;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu {
  padding: 10px 0 10px 10px;
}
#sidebar .sub-navigation ul li[class*=current] > .sub-menu {
  display: block;
}
#sidebar .sub-navigation ul.menu li.level-0[class*=current] > ul.sub-menu ul.sub-menu {
  display: block;
}
#sidebar .sub-navigation {
  /* eka taso */
}
#sidebar .sub-navigation li.level-0 {
  margin-bottom: 6px;
}
#sidebar .sub-navigation li.level-0 > a {
  font-family: "Barlow", sans-serif;
  margin-left: 0;
  background-color: transparent;
  padding: 0;
  color: #444444;
  font-weight: 300;
  font-size: 0.8421052632em;
  padding-left: 15px;
  padding-right: 25px;
}
#sidebar .sub-navigation li.level-0.menu-item-has-children > a {
  position: relative;
}
#sidebar .sub-navigation li.level-0.menu-item-has-children > a:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  float: right;
  margin-left: 5px;
}
#sidebar .sub-navigation li.level-0[class*=open] > a {
  background-color: transparent;
  color: #397CA2;
  font-weight: 600;
}
#sidebar .sub-navigation li.level-0[class*=current] > a {
  background-color: transparent;
  color: #397CA2;
  font-weight: 600;
}
#sidebar .sub-navigation {
  /* Alatasojen sisennykset */
}
#sidebar .sub-navigation ul.menu-level-1, #sidebar .sub-navigation ul.menu-level-2, #sidebar .sub-navigation ul.menu-level-3,
#sidebar .sub-navigation ul.menu-level-4, #sidebar .sub-navigation ul.menu-level-5 {
  margin: 0;
  margin-right: 25px;
}
#sidebar .sub-navigation {
  /* alatasojen fonttikoot */
}
#sidebar .sub-navigation ul.sub-menu li > a {
  padding: 0;
  margin-bottom: 0;
  font-size: 0.8421052632em;
  position: relative;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-1 > li > a {
  font-size: 0.8421052632em;
}
#sidebar .sub-navigation {
  /* Alatasojen ikonit */
}
#sidebar .sub-navigation li a:before {
  text-align: center;
  vertical-align: middle;
  content: "\f006";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: -1.1em;
  line-height: 1;
  font-size: 0.8em;
  color: inherit;
  position: absolute;
  top: 8px;
  left: -6px;
}
#sidebar .sub-navigation li.level-0 > a:before {
  display: none;
}
#sidebar .sub-navigation li.level-1 > a:before {
  content: "\f111";
  font-weight: 700;
  font-size: 10px;
  margin-right: 3px;
}
#sidebar .sub-navigation li.level-1[class*=current] > a:before {
  color: #ffc000;
}
#sidebar .sub-navigation li.level-2 > a:before {
  content: "-";
}
#sidebar .sub-navigation li.level-3 > a:before {
  content: "-";
}
#sidebar .sub-navigation li.level-4 > a:before {
  display: none;
}
#sidebar .sub-navigation li.level-5 > a:before {
  display: none;
}
#sidebar .widget_product_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar .widget_product_categories ul.product-categories {
  padding: 0;
}
#sidebar .widget_product_categories {
  /* menu toggle */
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent {
  position: relative;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > a {
  padding-right: 2em;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > span.open-submenu {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 1px;
  z-index: 1;
  width: 2em;
  padding: 2px 0;
  line-height: 1em;
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent > span.open-submenu:before {
  text-align: center;
  vertical-align: middle;
  content: "\e808";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  height: 100%;
  font-size: 1em;
  margin-left: 0;
  color: #ffc000;
}
#sidebar .widget_product_categories {
  /*ul.product-categories li.cat-parent[class*="current"]>span.open-submenu:before { content:'\e809'; }*/
}
#sidebar .widget_product_categories ul.product-categories li.cat-parent.open > span.open-submenu:before {
  content: "\e809";
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > a {
  padding-right: 2.5em;
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > span.open-submenu {
  width: 2.5em;
  padding: 8px 0 7px 0;
  line-height: 1.3em;
}
#sidebar .widget_product_categories ul.product-categories > li.cat-parent > span.open-submenu:before {
  font-size: 1.2em;
  margin-left: 0;
  color: #fff;
}
#sidebar .widget_product_categories {
  /* no-js korjaus */
}
#sidebar .widget_product_categories .no-js ul.product-categories li[class*=current] > ul.children {
  display: block;
}
#sidebar .widget_product_categories .no-js ul.product-categories li.cat-parent > span.open-submenu {
  display: none;
}
#sidebar .widget_product_categories li {
  padding: 0;
  margin: 0;
}
#sidebar .widget_product_categories li a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  color: #000000;
  display: block;
  padding: 0;
  font-size: 1em;
  margin-left: 1.2em;
}
#sidebar .widget_product_categories {
  /* eka taso */
}
#sidebar .widget_product_categories ul.product-categories > li {
  margin-bottom: 6px;
}
#sidebar .widget_product_categories ul.product-categories > li > a {
  margin-left: 0;
  background-color: #ffc000;
  padding: 7px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
}
#sidebar .widget_product_categories ul.product-categories > li[class*=open] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .widget_product_categories ul.product-categories > li[class*=current] > a {
  background-color: #397CA2;
  color: #fff;
}
#sidebar .widget_product_categories ul.product-categories > li > a:before {
  display: none;
}
#sidebar .widget_product_categories {
  /* Alatasojen aktiiviset värit */
}
#sidebar .widget_product_categories ul li[class*=current] > a {
  color: #ffc000;
}
#sidebar .widget_product_categories ul.children li[class*=current] > a {
  color: #ffc000;
}
#sidebar .widget_product_categories ul.children {
  display: none;
  padding: 25px 0 25px 20px;
  margin: 0;
  background-color: #fff;
}
#sidebar .widget_product_categories ul.children ul.children {
  padding: 10px 0 10px 10px;
}
#sidebar .widget_product_categories {
  /*ul li[class*="current"]>.children						{ display: block; }*/
  /* Alatasojen ikonit */
}
#sidebar .widget_product_categories ul li a:before {
  display: none;
}
#sidebar .widget_product_categories ul ul li > a:before {
  text-align: center;
  vertical-align: middle;
  content: "\f006";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: -1.1em;
  line-height: 1;
  font-size: 0.8em;
  color: inherit;
}
#sidebar .widget_product_categories ul ul ul li > a:before {
  content: "-";
}

html, body, input, input[type=submit], input[type=number],
input[type=button], button, .button,
.btn, .link-button, select, textarea {
  line-height: 25px;
}

.link-button, .link-button-alt {
  background-color: #397CA2;
  color: #ffffff;
  font-weight: bold;
}

.submit-container input[type=button], input[type=submit], button[type=submit], input[type=button].cta, button.cta, .button.cta, .btn.cta, .link-button {
  background-color: #397CA2;
  color: #ffffff;
}

a {
  color: #397CA2;
}

.blue-borders {
  border: 3px solid #2996d7;
  padding: 1.9230769231em;
}

blockquote {
  opacity: 1;
  margin-top: 25px;
  margin-bottom: 25px;
}

blockquote:before {
  color: #ffc000;
}

.wp-caption {
  position: relative;
}

.wp-caption-text {
  position: absolute;
  color: #ffffff;
  right: 10px;
  bottom: 0;
  padding: 5px;
  background-color: rgba(41, 150, 215, 0.8);
  margin: 0;
  font-size: 15px;
}

.grey-bg {
  background-color: #cacaca;
}

.round-image {
  position: relative;
  width: 320px;
  height: 320px;
  overflow: hidden;
  border-radius: 50%;
}
.round-image img {
  position: absolute;
  min-width: 320px;
  min-height: 320px;
  max-width: 500px;
  max-height: 500px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sidebar-border {
  height: 100%;
  border-right: 1px solid #cacaca;
}

#sidebar.content-padding {
  padding-top: 0px;
  margin-top: 1em;
}

body {
  min-width: 320px;
  color: #000000;
}

body.page-template-page-front {
  padding-top: 50px;
}
body.page-template-page-front .button.site-feedback,
body.page-template-page-front .button.site-escape {
  display: inline-block;
}

.button.site-feedback,
.button.site-escape {
  display: none;
  z-index: 50;
  cursor: pointer;
  position: fixed;
  top: 10px;
  left: auto;
  right: 0;
  margin: 0 10px;
  text-align: center;
  box-sizing: border-box;
  outline-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 45%;
  padding: 0 10px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: 0.25px;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  background: #397CA2;
  font-family: Veranda, "Gill Sans W01", Calibri, sans-serif;
  transition: background 0.5s ease 0s;
  cursor: pointer;
  box-shadow: rgba(43, 43, 43, 0.2) 0px 1px 4px;
}

.button.site-escape {
  left: auto;
  right: 0px;
}
.button.site-escape span.desktop-text {
  display: none;
}

@media only screen and (min-width: 480px) {
  .button.site-feedback, .button.site-escape {
    padding: 0 20px;
    font-size: 16px;
  }
  .button.site-escape {
    padding: 0 20px 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .button.site-feedback, .button.site-escape {
    max-width: 300px;
    padding: 0 20px;
    font-size: 18px;
  }
  .button.site-escape {
    padding: 0 20px 0 30px;
    left: auto;
    right: 10px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .button.site-escape span.mobile-text {
    display: none;
  }
  .button.site-escape span.desktop-text {
    display: inline;
  }
}
@media only screen and (min-width: 1220px) {
  body.page-template-page-front {
    padding-top: 35px;
  }
  .button.site-feedback, .button.site-escape {
    max-width: none;
    width: auto;
  }
  .button.site-escape {
    right: 20px;
  }
}
@media only screen and (min-width: 1750px) {
  body.page-template-page-front {
    padding-top: 0px;
  }
  a.button.site-feedback {
    top: 20px;
    right: 10px;
    left: auto;
  }
}
@media only screen and (min-width: 1920px) {
  body {
    padding-top: 0px;
  }
}
body.notice-banner {
  padding-top: 112px;
}
@media only screen and (min-width: 1220px) {
  body.notice-banner {
    padding-top: 120px;
  }
}
body.notice-banner .header-notice-banner {
  width: 100%;
  background-color: #d40000;
  padding: 10px 20px 15px 20px;
  margin-top: 0px;
  position: absolute;
  top: 0;
  text-align: center;
  color: #ffffff;
}
body.notice-banner .header-notice-banner a {
  color: #ffffff;
  text-decoration: underline;
}
body.notice-banner .header-notice-banner p {
  margin: 0;
}
body.notice-banner.admin-bar .header-notice-banner {
  top: 32px;
}
body.notice-banner .button.site-escape {
  top: 80px;
}
body.notice-banner.admin-bar .button.site-escape {
  top: 112px;
}

.wrapper {
  max-width: 1420px;
}

header#header {
  padding-top: 25px;
}
header#header #logo img {
  width: 180px;
}
@media only screen and (min-width: 1600px) {
  header#header #logo img {
    width: 200px;
  }
}
header#header .top-header-container .content-container {
  margin-left: auto;
  margin-right: 0;
}
header#header .top-header-container .widget-container, header#header .top-header-container .some-widget-container {
  display: inline-block;
}
header#header .top-header-container .widget-container p, header#header .top-header-container .some-widget-container p {
  margin-bottom: 0px;
}
header#header .top-header-container .widget-container a, header#header .top-header-container .some-widget-container a {
  color: #444444;
  font-size: 14px;
}
header#header .top-header-container .widget-container a i, header#header .top-header-container .some-widget-container a i {
  color: #397CA2;
  font-size: 18px;
}
header#header .top-header-container .widget-container {
  margin-right: 15px;
}
header#header .site-search {
  float: right;
  width: 230px;
}
header#header .site-search .search-form button[type=submit] {
  background-color: #397CA2 !important;
}
header#header .site-search .search-form {
  color: #0c0c0c;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
header#header .site-search .search-form input[type=search] {
  background-color: #f2f2f2;
  color: #0c0c0c;
}
header#header .site-search .icon-search:before {
  line-height: 40px;
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
}
header#header .header-right {
  margin: 0;
}
header#header .top-header-container p {
  line-height: 1;
}
header#header .link-line {
  padding: 0 5px;
  margin: 0;
  display: inline-block;
  border-right: 1px solid #444444;
}
header#header .link-line:last-child {
  border-right: 0;
}
header#header .wpml-ls-link {
  padding: 0 5px;
  margin: 0px;
  display: inline-block;
  border-right: 1px solid #444444;
}
header#header .wpml-ls-slot-header-content:last-child .wpml-ls-link {
  border-right: 0;
}

.contact-briefing-container #main-content-area.content-padding {
  padding: 20px;
}

@media only screen and (min-width: 768px) {
  .contact-briefing-container #main-content-area.content-padding {
    padding: 50px;
  }
}
.iframe-container iframe {
  padding: 0;
  margin: 0;
  display: block;
}

#main-content-area ul {
  list-style: none;
  padding-left: 20px;
}

#main-content-area ul li {
  position: relative;
  padding-bottom: 10px;
}

#main-content-area ul li:before {
  content: "•";
  color: #397CA2;
  font-size: 30px;
  position: absolute;
  top: -2px;
  left: -15px;
}

.main-menu-container {
  width: 100%;
}

#main-image-container .wrapper {
  height: 450px;
}

.main-background-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.lift-container {
  text-align: center;
}
.lift-container p {
  font-size: 1.2em;
}
.lift-container h3 {
  margin-bottom: 0px;
  font-size: 2.7333333333em;
}
.lift-container img {
  width: 64px;
}
.lift-container a {
  color: #397CA2;
  text-transform: uppercase;
  font-weight: 700;
}
.lift-container a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f324";
  margin-left: 4px;
}

@media only screen and (min-width: 1024px) {
  .lift-container {
    text-align: left;
  }
  .content-padding-container {
    padding-left: 30px;
  }
  .no-content-padding-container .content-padding-container {
    padding-left: 0;
  }
}
.archive #main-content-area li:before {
  content: none;
}

.contact-briefing-container {
  backgorund-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.briefing-container {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 2em;
}
.briefing-container .date-container {
  border-right: 1px solid #cacaca;
  color: #313131;
  font-size: 16px;
}
.briefing-container .content-container {
  padding: 0;
}
.briefing-container .content-container .category {
  margin-bottom: 20px;
  color: #757575;
  font-size: 16px;
  text-transform: uppercase;
}
.briefing-container .content-container .category a {
  color: #757575;
}
.briefing-container .content-container h1, .briefing-container .content-container h4 {
  color: #313131;
  font-size: 22px;
  padding: 0;
  line-height: 1;
  margin-bottom: 1em;
}
.briefing-container .content-container h1:after, .briefing-container .content-container h4:after {
  display: none;
}
.briefing-container .content-container .read-more-link {
  font-weight: 700;
  text-transform: uppercase;
}
.briefing-container .content-container .read-more-link a {
  color: #397CA2;
}
.briefing-container .content-container .read-more-link a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f324";
  margin-left: 4px;
}

@media only screen and (min-width: 768px) {
  .briefing-container {
    padding: 30px;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .briefing-container {
    padding: 30px;
    margin-bottom: 2em;
  }
  .briefing-container .content-container {
    padding: 0 20px;
  }
}
footer#footer {
  color: #444444;
  font-size: 15px;
  padding-bottom: 6em;
}
footer#footer p {
  color: #444444;
}
footer#footer p strong {
  color: #444444;
}
footer#footer a {
  color: #444444;
}
footer#footer i.fab {
  display: inline-block;
  color: #fff;
  background-color: #333333;
  width: 2em;
  line-height: 2em;
  height: 2em;
  border-radius: 50%;
  text-align: center;
}
footer#footer hr {
  border-color: #d19d00;
}
footer#footer .content-col {
  text-align: center;
}
footer#footer #copyright {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  footer#footer .content-col {
    padding-right: 40px;
    border-right: 1px solid #d19d00;
    text-align: left;
  }
  footer#footer .menu-col {
    padding-left: 40px;
  }
  footer#footer #copyright {
    text-align: left;
  }
}

#site_breadcrumbs {
  font-size: 16px;
  margin-top: 31px;
}

.previous-page-link-container {
  margin-top: 20px;
}

#sidebar .widget-container {
  margin-bottom: 20px;
}

.wpml-ls-slot-mobilenav-bottom {
  line-height: 1;
  overflow: hidden;
}

.wpml-ls-slot-mobilenav-bottom .wpml-ls-link {
  padding: 0 5px;
  margin: 0px;
  display: inline-block;
  border-right: 1px solid #444444;
}

.wpml-ls-slot-mobilenav-bottom:last-child .wpml-ls-link {
  border-right: 0;
}

.wpml-ls-slot-mobilenav-bottom .wpml-ls-link .wpml-ls-display {
  color: #444444;
}
.wpml-ls-slot-mobilenav-bottom .wpml-ls-link .wpml-ls-native {
  color: #444444;
}

.staff-list .person {
  padding: 0px;
  border: 0;
}

#frontpage_some_area #taeggie-feed-widget-delfoi {
  background-color: transparent;
}
#frontpage_some_area .taeggie-feed-widget {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  margin-bottom: 2em;
}
#frontpage_some_area .taeggie-feed-widget .post {
  padding: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
}
#frontpage_some_area .taeggie-feed-widget .post-image {
  margin-top: 10px;
  margin-bottom: 5px;
}
#frontpage_some_area .taeggie-feed-widget .post-type-video {
  margin-bottom: 5px;
}
#frontpage_some_area .taeggie-feed-widget .post-type-link {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
#frontpage_some_area .taeggie-feed-widget .screen-name {
  font-weight: 500;
}
#frontpage_some_area .taeggie-feed-widget .posted-at {
  margin-top: -10px;
}
#frontpage_some_area .taeggie-feed-widget .font-icon {
  color: #ffc000;
}
#frontpage_some_area .taeggie-feed-widget div.post-type-overlay {
  display: none;
}
#frontpage_some_area .taeggie-feed-widget { /* hide overlay icon */ }
#frontpage_some_area .taeggie-feed-widget .clearer {
  height: 10px;
}
#frontpage_some_area .taeggie-feed-widget .text {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
}
#frontpage_some_area .taeggie-feed-widget .text span {
  color: #397CA2;
}
#frontpage_some_area .taeggie-feed-widget .taeggie-load-more-button {
  display: inline-block;
  padding: 0.8em 1.3em;
  font-size: 1em;
  margin: 0;
  border-radius: 9999px;
  border: 0px;
  background-color: #397CA2;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700;
}

/* sidebar searchform */
#sidebar .search-form {
  margin: 0 10px;
}

/* Staff list styles */
.staff-list .row.no-margin.padding-gutter.double-gutter > [class*=col-] {
  margin-bottom: 30px;
}

.staff-list.min-height {
  min-height: 400px;
}

.staff-list .tease-person {
  margin-bottom: 0;
  padding-bottom: 0;
}

.single .article-image.person-image {
  max-width: 250px;
}

.single .person-data {
  font-size: 1em;
}

.person-image {
  margin-bottom: 1em;
}

.person-data {
  font-size: 14px;
}

.person-data .person-title {
  font-size: 1.4em;
  display: block;
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
  color: #397CA2;
  font-weight: 600;
}

.person-data .location-address {
  font-size: 1.4em;
  display: block;
  margin-bottom: 0;
  font-family: "Barlow", sans-serif;
  color: #397CA2;
  font-weight: 600;
}

.person-data p.person-cmb_title {
  margin-bottom: 1px;
  font-weight: 500;
  font-size: 1.1em;
}

.person-data .person-cmb_job {
  margin-bottom: 1px;
}

.person-data .person-phone {
  margin-bottom: 1px;
}

.person-data .person-mobile {
  margin-bottom: 1px;
}

.person-data p:last-child {
  margin-bottom: 0;
}

.premise-list .premise .premise-image {
  margin-bottom: 1.5em;
}

.premise-list .premise .premise-data {
  margin-bottom: 0;
}

.premise-list .premise .premise-data .premise-title {
  margin-bottom: 0.5em;
  display: block;
  font-size: 1.2em;
}

/* --------------------------
 *
 * Custom dropdown styles
 *
** ----------------------- */
#main-content-area .location-list li {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}
#main-content-area .location-list li:before {
  content: none;
}
#main-content-area .location-list li:after {
  content: "|";
  margin: 0 5px;
}
#main-content-area .location-list li:last-child:after {
  content: none;
}

.no-js ul.custom_dropdown {
  display: none !important;
}

ul.custom_dropdown {
  background-color: #fff;
  width: 100%;
  display: block;
  height: 48px;
  line-height: 48px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 15;
  cursor: pointer;
}
ul.custom_dropdown.open {
  z-index: 16;
}
ul.custom_dropdown.border {
  height: 50px;
  line-height: 50px;
  border: 1px solid #bfbfbf;
}
ul.custom_dropdown li {
  background-color: #fff;
  margin: 0;
  transition: background 0.3s;
  transform: translate3d(0, 0, 0);
}
ul.custom_dropdown li.selected_item {
  background-color: #fff;
  height: 48px;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  list-style: none;
  position: relative;
}
ul.custom_dropdown li.selected_item .selected_item_title {
  height: 48px;
  overflow: hidden;
  line-height: 1.1em;
  padding: 0 63px 0 15px;
  display: flex;
  align-items: center;
  position: relative;
  color: #404040;
}
ul.custom_dropdown li.selected_item .selected_item_title:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #397CA2;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
ul.custom_dropdown.open li.selected_item .selected_item_title:after {
  content: "\f00d";
}
ul.custom_dropdown ol.dropdown_items {
  background-color: #fff;
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-height: 50vh;
  overflow: auto;
  list-style: none;
  display: none;
  position: absolute;
  z-index: 15;
  left: 0;
  top: 100%;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}
ul.custom_dropdown {
  /*> li:hover ol.dropdown_items								{ display:block; }*/
}
ul.custom_dropdown ol.dropdown_items li {
  background-color: #fff;
  height: auto;
  line-height: 1;
  padding: 0;
}
ul.custom_dropdown ol.dropdown_items li .dropdown_item_title {
  color: #404040;
  padding: 8px 15px;
  display: block;
}
ul.custom_dropdown ol.dropdown_items li a.dropdown_item_title {
  color: #404040;
  transition: none;
}
ul.custom_dropdown ol.dropdown_items li:hover {
  background-color: #397CA2;
  color: #fff;
}
ul.custom_dropdown ol.dropdown_items li:hover .dropdown_item_title {
  color: inherit;
}
ul.custom_dropdown ol.dropdown_items li:hover a.dropdown_item_title {
  color: inherit;
  opacity: 1;
}

#main-content-area ul.custom_dropdown li:before {
  content: none;
}

/* Personnel search */
.filter_container {
  width: auto;
  margin-left: -20px;
}
.filter_container .filters_field {
  width: 100%;
  float: left;
  padding-left: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 480px) {
  .filter_container .filters_field {
    width: 50%;
  }
}

.search_input_container {
  background-color: #fff;
  width: 100%;
  display: block;
  padding: 0 63px 0 15px;
  margin: 0;
  position: relative;
  z-index: 10;
  height: 50px;
  line-height: 50px;
  border: 1px solid #bfbfbf;
}
.search_input_container #input_search_personnel {
  background-color: #fff;
  width: 100%;
  border: 0;
  box-shadow: 0px 0px 0px #fff;
  display: block;
  padding: 0;
  margin: 0;
  height: 48px;
  line-height: 48px;
}
.search_input_container button#do_search {
  display: block;
  position: absolute;
  z-index: 11;
  right: 0;
  top: 0;
  background-color: #397CA2;
  width: 48px;
  height: 48px;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0;
}

.tease {
  border: 0;
}

.tease-post {
  margin-bottom: 2em;
}
.tease-post h2 {
  margin-bottom: 10px;
}
.tease-post span.article-date {
  display: block;
  margin-bottom: 10px;
}

/* 2025-10 update to personnel search -form */
form#personnel-search-form .filter_container .filters_field label {
  display: block;
  font-weight: bold;
}
form#personnel-search-form .filter_container .filters_field select {
  display: block;
  width: 100%;
  height: 46px;
  padding: 5px;
}
form#personnel-search-form .filter_container .filters_field input[type=text] {
  width: 100%;
  height: 46px;
  padding: 5px;
}

/* Accessability */
button:focus, a:focus {
  text-decoration: underline;
}

button:focus:active, a:focus:active {
  text-decoration: none;
  outline: none;
}

button:active, a:active {
  text-decoration: none;
  outline: none;
}

a.element-invisible.element-focusable {
  position: absolute;
  display: inline-block;
  left: -12000px;
  z-index: 95;
  transition: all 0ms;
  transform: translate3d(0, 0, 0);
  border-radius: 0px;
  padding: 25px 30px;
  background-color: #397CA2;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}

a.element-invisible.element-focusable:focus {
  left: 20px;
  top: 20px;
  width: auto;
  height: auto;
}

button.disable-button-styles {
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 1em;
  color: #000000;
}

button.element-focusable .dropdown-icon-text {
  position: absolute;
  left: -13000px;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 5px;
}

button.element-focusable i.dropdown-icon {
  color: #ffc000;
}

button.element-focusable:focus {
  background-color: #ffc000;
  color: #fff;
  position: relative;
}

button.element-focusable:focus i.dropdown-icon {
  color: #fff;
}

button.element-focusable:focus > .dropdown-icon-text {
  left: 0;
  bottom: 100%;
  background-color: #ffc000;
  color: #fff;
  display: inline-block;
}

.tool-pagination ul.pages li span.current {
  background-color: #333333;
}

.clickable-post-teaser:hover {
  cursor: pointer;
}
.clickable-post-teaser:hover * {
  color: #397CA2;
}
.clickable-post-teaser p, .clickable-post-teaser span {
  color: #000000;
}

/* rsn plugin */
.rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button {
  background: #397CA2 !important;
}

.rns-plugin .rns-shares .rns-share-button:hover {
  opacity: 1 !important;
}

.rns-plugin .rns-reactions .reactions .rns-reaction .rns-reaction-button .rns-icon {
  color: #fff !important;
}

/* --------------------------
 *
 * Pages
 *
** ----------------------- */
article .article-image {
  margin-bottom: 1em;
}

/* --------------------------
 *
 * Hero area / lander page
 *
** ----------------------- */
body.page-template-page-lander {
  padding-top: 0;
}

.iframe-container + .services-lift-box-content {
  padding-top: 1.5em;
}

@media only screen and (max-width: 783px) {
  .logged-in.admin-bar #mobilenav,
  .logged-in.admin-bar .lgpi_cart_html_abs_container,
  .logged-in.admin-bar .header-fixed {
    border-top: 46px solid #23282d;
  }
  .logged-in.admin-bar .button.site-escape {
    top: 56px;
  }
  .logged-in.admin-bar .button.site-feedback {
    top: 26px;
  }
}
@media only screen and (min-width: 783px) {
  .logged-in.admin-bar #mobilenav,
  .logged-in.admin-bar .lgpi_cart_html_abs_container,
  .logged-in.admin-bar .header-fixed {
    border-top: 32px solid #23282d;
  }
  .logged-in.admin-bar .button.site-escape {
    top: 42px;
  }
  .logged-in.admin-bar .button.site-feedback {
    top: 42px;
  }
}
@media only screen and (min-width: 1750px) {
  .logged-in.admin-bar .button.site-feedback {
    top: 40px;
  }
}

#hero-area {
  position: relative;
}
@media only screen and (min-width: 768px) {
  #hero-area {
    min-height: 100vh;
  }
}
@media only screen and (max-width: 600px) {
  #hero-area {
    padding-top: 70px;
    background-color: #080c0d;
  }
}
#hero-area .campaign-banner-container-inner {
  width: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#hero-area .campaign-banner-container-inner.text-align-center .flex {
  justify-content: center;
}
#hero-area .campaign-banner-container-inner.text-align-left .flex {
  justify-content: flex-start;
}
#hero-area .campaign-banner-container-inner.text-align-right .flex {
  justify-content: flex-end;
}
#hero-area .campaign-banner-text-container {
  width: 100%;
}
#hero-area .campaign-banner-text {
  max-width: 75%;
  pointer-events: all;
  padding: 1.5em;
  margin: 3em 2em;
  background: var(--theme-background-color);
  color: var(--theme-color);
}
#hero-area .campaign-banner-text.white-theme {
  --theme-background-color: #ffffff;
  --theme-color: #000000;
  --theme-link-color: #000000;
  --theme-heading-color: #000000;
  --theme-heading-underline-color: #ffc000;
  --button-background: #397CA2;
  --button-color: #ffffff;
}
#hero-area .campaign-banner-text.black-theme {
  --theme-background-color: #000000;
  --theme-color: #ffffff;
  --theme-link-color: #ffffff;
  --theme-heading-color: #ffffff;
  --theme-heading-underline-color: #ffc000;
  --button-background: #397CA2;
  --button-color: #ffffff;
}
#hero-area .campaign-banner-text.blue-theme {
  --theme-background-color: #397CA2;
  --theme-color: #ffffff;
  --theme-link-color: #ffffff;
  --theme-heading-color: #ffffff;
  --theme-heading-underline-color: #ffc000;
  --button-background: #ffc000;
  --button-color: #000000;
}
#hero-area .campaign-banner-text.yellow-theme {
  --theme-background-color: #ffc000;
  --theme-color: #000000;
  --theme-link-color: #000000;
  --theme-heading-color: #000000;
  --theme-heading-underline-color: #397CA2;
  --button-background: #397CA2;
  --button-color: #ffffff;
}
#hero-area .campaign-banner-text a {
  color: var(--theme-link-color);
}
#hero-area .campaign-banner-text a.link-button {
  color: var(--button-color);
  background-color: var(--button-background);
}
#hero-area .campaign-banner-text a.link-button-alt {
  color: var(--button-color);
  background-color: var(--button-background);
}
#hero-area .campaign-banner-text .h1, #hero-area .campaign-banner-text .h2, #hero-area .campaign-banner-text .tease h1, .tease #hero-area .campaign-banner-text h1, #hero-area .campaign-banner-text .h3, #hero-area .campaign-banner-text .h4, #hero-area .campaign-banner-text .h5, #hero-area .campaign-banner-text .h6 {
  color: var(--theme-heading-color);
}
#hero-area .campaign-banner-text h1, #hero-area .campaign-banner-text h2, #hero-area .campaign-banner-text h3, #hero-area .campaign-banner-text h4, #hero-area .campaign-banner-text h5, #hero-area .campaign-banner-text h6 {
  color: var(--theme-heading-color);
}
#hero-area .campaign-banner-text h1:after, #hero-area .campaign-banner-text .h1:after {
  background-color: var(--theme-heading-underline-color);
}
#hero-area .campaign-banner-text *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #hero-area .campaign-banner-container-inner {
    padding-top: 56.25%;
    padding-top: 56.25%;
    background-size: contain;
    background-position: center top;
  }
  #hero-area .campaign-banner-text-container {
    width: 100%;
  }
  #hero-area .campaign-banner-text {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
#hero-area.campaign-banner-video {
  overflow: hidden;
}
#hero-area.campaign-banner-video video#hero-video {
  max-width: 100%;
  width: 100%;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#hero-area.campaign-banner-video .campaign-banner-container-inner {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  #hero-area.campaign-banner-video .campaign-banner-container-inner {
    width: 100%;
    position: static;
    padding: 0;
  }
}

.page-related-articles {
  border-top: 1px solid #bfbfbf;
  padding-top: 1em;
  margin-top: 1.5em;
}
.page-related-articles .section-title {
  display: block;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .page-related-articles .article-content {
    padding-left: 1em;
  }
}

/* --------------------------
 *
 * H5P contents
 *
** ----------------------- */
.h5p-personality-quiz.h5p-personality-quiz-question-text {
  margin: 1.5em 0;
}

/* --------------------------
 *
 * Accessability
 *
** ----------------------- */
.focus-visible, .site-search .search-form button:focus, .carousel-outer-nav-container.controls-enabled .carousel-play-pause button.trigger-play-pause:focus, .owl-dot:focus, .slide-content .link-button:focus, header#header .site-search .search-form button:focus,
:focus-visible {
  outline-color: #397CA2;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

button:focus, a:focus {
  text-decoration: underline;
}

button:focus:active, a:focus:active {
  text-decoration: none;
  outline: none;
}

button:active, a:active {
  text-decoration: none;
  outline: none;
}

a.move-to-content {
  position: absolute;
  display: inline-block;
  left: -12000px;
  z-index: 95;
  transition: all 0ms;
  transform: translate3d(0, 0, 0);
  border-radius: 0px;
  padding: 25px 30px;
}

a.move-to-content:focus {
  left: 20px;
  top: 20px;
  width: auto;
  height: auto;
}

button.disable-button-styles {
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 1em;
  color: #000000;
}

button.element-focusable .dropdown-icon-text {
  position: absolute;
  left: -13000px;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 5px;
}

button.element-focusable i.dropdown-icon {
  color: #397CA2;
}

button.element-focusable:focus { /*background-color: $secondary-color; color: #fff;*/
  position: relative;
}

button.element-focusable:focus i.dropdown-icon {
  color: #fff;
}

button.element-focusable:focus-visible {
  outline-color: #ffc000;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

button.element-focusable:focus > .dropdown-icon-text {
  left: 0;
  bottom: 100%;
  background-color: #397CA2;
  color: #fff;
  display: inline-block;
}

/*
*
* Goodlabs chatbot - Tunnista ja ohjaa -painike
*
*/
/*#goodlabs-chatbot {
	& {
		z-index: 9999;
		cursor: pointer;
		position: fixed;
		width: 50%;
		display: flex;
		justify-content: flex-start;
		bottom: 1rem;
		margin: 0px auto 0px 10px;
	}
	@include media-from(xl){
		& {
			width: 98%; 
			justify-content: flex-end; 
			bottom: 5rem; 
			margin: 0px auto;
		}
	}
	button {
		text-align: center;
		box-sizing: border-box;
		outline-style: none;
		user-select: none;
		width: auto;
		padding: .8em 2em;
		height: 50px;
		font-size: 18px;
		font-family: Veranda, "Gill Sans W01", Calibri, sans-serif;
		font-weight: bold;
		line-height: 16px;
		letter-spacing: 0.25px;
		color: rgb(255, 255, 255);
		border: none;
		border-radius: 50px;
		box-shadow: rgba(48, 48, 48, 0.2) 0px 0px 4px, rgba(48, 48, 48, 0.1) 0px 0px 24px !important;
	}
	@include media-to(s){
	button {
		width: auto !important;
		font-size: 16px;
		padding: .8em 1em;
	}
	}
}
.gdpr-infobar-visible div#goodlabs-chatbot {
    bottom: 9rem;
}
*/
/*
*
* ldchat widget 
*
*/
#ldchat-widget {
  display: none;
  background: #397CA2 !important;
}
@media only screen and (max-width: 479px) {
  #ldchat-widget {
    width: auto !important;
    font-size: 16px;
  }
}

/*
*
* Riku Tools - kelluva työkalubanneri
*
*/
.riku-tools {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: auto;
  margin: 0 auto;
  text-align: center;
  z-index: 999;
}
.riku-tools .tools-wrapper {
  align-items: center;
  background: #333;
  width: 100%;
  padding: 10px 10px 11px 15px;
  justify-content: space-evenly;
}
.riku-tools .tool {
  padding: 0;
}
.riku-tools .tool a, .riku-tools .tool button {
  background-color: transparent;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin: 0;
  border-radius: 10px;
}
.riku-tools .tool a:focus, .riku-tools .tool button:focus {
  background-color: #397CA2;
  text-decoration: none;
}
.riku-tools .tool a.open-riku-chat, .riku-tools .tool button.open-riku-chat {
  background-color: #397CA2;
  text-decoration: none;
}
.riku-tools .tool span.button-text {
  display: block;
  font-size: 0.7em;
  font-weight: bold;
}
@media only screen and (min-width: 360px) {
  .riku-tools .tool span.button-text {
    font-size: 0.85em;
  }
}
@media only screen and (min-width: 480px) {
  .riku-tools .tool a, .riku-tools .tool button {
    padding: 5px 15px;
  }
  .riku-tools .tool span.button-text {
    font-size: 1em;
  }
}
.riku-tools .tool span.button-text.from-m {
  display: none;
}
@media only screen and (min-width: 768px) {
  .riku-tools .tool span.button-text.from-m {
    display: block;
  }
  .riku-tools .tool span.button-text.to-m {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .riku-tools .tool span.button-text.from-m {
    display: inline-block;
  }
}
.riku-tools .tool i {
  font-size: 1.5em;
}
@media only screen and (min-width: 1024px) {
  .riku-tools .tools-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    margin: 2em auto;
    border-radius: 10px;
    box-shadow: 0 0 10px #4a4a4a;
  }
  .riku-tools .tool {
    padding: 0;
  }
  .riku-tools .tool {
    /*&:first-child a, &:first-child button {
    	padding-left: 2.5em;
    	border-top-left-radius: 10px;
    	border-bottom-left-radius: 10px;
    }
    &:last-child a, &:last-child button {
    	padding-right: 2.5em;
    	border-top-right-radius: 10px;
    	border-bottom-right-radius: 10px;
    }*/
  }
  .riku-tools .tool a, .riku-tools .tool button {
    background-color: transparent;
    padding: 10px 1em;
  }
  .riku-tools .tool a.open-riku-chat, .riku-tools .tool button.open-riku-chat {
    margin-right: 1em;
  }
  .riku-tools .tool span.button-text {
    display: inline-block;
  }
  .riku-tools .tool i {
    font-size: 1em;
    margin-left: 10px;
  }
}

/**
*
* Custom editor button styles with Font Awesome icons
*
*/
a.link-button[class*=icon-] {
  padding-left: 0.85em;
}
a.link-button[class*=icon-]:before {
  margin-right: 0.5em;
}

.icon-user-robot::before {
  font-family: "Font Awesome 6 Pro";
  content: "\e04b";
}