@charset "UTF-8";
@import url("https://use.typekit.net/tjr8mac.css");
/**

	- 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: #00b9da;
}

@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: #00b9da;
  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: #00b9da;
  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: #00b9da;
  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(232.25, 232.25, 232.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: #00b9da !important;
}
#mobilenav .mobilenav-inner {
  /* Open submenu -button */
}
#mobilenav .mobilenav-inner li.menu-item-has-children > button.open-submenu {
  display: inline-block;
  background-color: #f5f5f5;
  border-radius: 0;
  border: 0;
}
#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: #f5f5f5;
  border-radius: 0;
  border: 0;
}
#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: #f5f5f5;
}
#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: '\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: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; height:1em; margin-left: .5em; font-size: .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 #ffb316;
}
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:.5em; top:calc(50% - .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: #00b9da;
}
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: "\f054";
  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.6em;
}
@media only screen and (min-width: 1366px) {
  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: "\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.6em;
}
@media only screen and (min-width: 1366px) {
  nav#main.dropdown li.menu-item-has-children button.open-submenu-dropdown.level-0:after {
    font-size: 0.8em;
  }
}
nav#main.dropdown button.open-submenu-dropdown.toggle-submenu:not(.level-0) {
  position: absolute;
  right: 8px;
  top: 1px;
  z-index: 11;
}
nav#main.mega-dropdown.show-submenus {
  z-index: 15;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children {
  position: relative;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children.level-0 {
  position: static;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children > ul.sub-menu {
  display: none;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children > a:after {
  content: "";
  font-family: "Font awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  speak: none;
  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;
  font-size: 0.8em;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children > ul.sub-menu {
  position: absolute;
  top: 100%;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  left: 0;
  right: 0;
  padding: 30px 10px 20px 20px;
  background-color: #00b9da;
  z-index: 10;
  border: 0;
  display: none;
  box-shadow: 0 10px 10px #00000073;
}
nav#main.mega-dropdown.show-submenus 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;
  display: none;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  padding-right: 0;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu.menu-level-1.display-block {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: left;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li {
  display: inline-block;
  padding: 0 0 0 5px;
  width: 25%;
  margin: 0 0 20px 0;
  border: 0;
  line-height: 1.15;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li:first-child {
  border-left: 0;
  padding-left: 0;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li a {
  color: #ffffff;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li.level-1 > a {
  padding: 0.5em 0.85em;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li.level-1 > a {
  font-weight: bold;
  font-size: 1em;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li.level-2 > a {
  padding: 0.5em 1.5em;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu li {
  padding: 0;
  float: none;
  width: 100%;
  border: 0;
  margin-bottom: 9px;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu {
  position: static;
  margin: 0 0 0 1em;
  padding: 5px 0 0 0;
  border: 0;
  display: block;
  width: 100%;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.168627451);
  background: transparent;
  box-shadow: none;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu:after {
  content: "";
  display: table;
  clear: both;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu li.menu-item-has-children > a:after {
  display: none;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 {
  padding: 0.5em 0 0 0.5em;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 li {
  position: relative;
  padding-left: 11px;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 li > a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c8";
  font-size: 0.4em;
  vertical-align: middle;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2.5;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li:hover {
  background-color: transparent;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children ul.sub-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
nav#main.mega-dropdown.show-submenus li.menu-item-has-children .level-1 button.toggle-submenu {
  display: none;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children > ul.sub-menu {
  display: none;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children > a:after {
  content: "";
  font-family: "Font awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  speak: none;
  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;
  font-size: 0.8em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children > ul.sub-menu {
  position: absolute;
  top: 100%;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  left: 0;
  right: 0;
  padding: 20px 20px 10px 20px;
  background-color: transparent;
  z-index: 10;
  border: 0;
  display: none;
  box-shadow: 2px 2px 8px #00000073;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f054";
  position: absolute;
  right: 0.5em;
  top: calc(50% - 0.5em);
  color: inherit;
  display: none;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  padding-right: 0;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li {
  display: block;
  padding: 0.85em 1em;
  width: 23%;
  margin: 0;
  border: 0;
  /*
  border-right: 1px solid rgba(255,255,255,.2);
  border-bottom: 1px solid rgba(255,255,255,.2);
  */
  display: 1.15;
  color: #ffffff;
  /*&:first-child {
  	border-left: 0;
  }*/
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li a:hover {
  background-color: transparent;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu.menu-level-1 > li {
  margin: 0 1% 1em 0;
  padding: 0;
  background-color: transparent;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu.menu-level-1 > li:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu.menu-level-1 li.sub-menu-open {
  padding-bottom: 1.5em;
  background-color: rgba(0, 0, 0, 0.25);
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu.menu-level-1 li.sub-menu-open ul {
  margin: 0;
  padding: 1em 1em 0 1em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li a {
  color: #ffffff;
  padding: 1em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li.level-1 button.open-submenu-dropdown.toggle-submenu {
  top: 0;
  right: 0;
  width: 53px;
  height: 69px;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li.level-1.sub-menu-open button.open-submenu-dropdown:after {
  content: "\f078";
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li.level-1 > a {
  text-transform: none;
  font-size: 1.05em;
  /*border-bottom: 1px solid;*/
  padding: 1em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu li {
  padding: 0;
  margin: 0 0 5px 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu li a {
  padding: 0.6em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu {
  position: static;
  margin-top: 0;
  padding: 20px 0 0 0;
  border: 0;
  width: 100%;
  border: 0;
  box-shadow: 0 0 0 #fff;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu:after {
  content: "";
  display: table;
  clear: both;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu li.menu-item-has-children > a:after {
  display: none;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 {
  padding: 0.5em 0 0 0.5em;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 li {
  position: relative;
  padding-left: 11px;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu ul.sub-menu ul.sub-menu.menu-level-3 li > a:before {
  -moz-osx-font-smoothing: grayscale;
  webkit-font-smoothing: antialiased;
  display: inline-block;
  ont-style: normal;
  font-variant: normal;
  ext-rendering: auto;
  ine-height: 1;
  content: "\f0c8";
  font-size: 0.4em;
  vertical-align: middle;
  font-family: "Font Awesome 6 Pro";
  ont-weight: 900;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2.5;
}
nav#main.mega-dropdown.click-open-submenus li.menu-item-has-children ul.sub-menu li a:hover {
  opacity: 1;
}
nav#main.mega-dropdown.click-open-submenus {
  /*button.open-submenu-dropdown.toggle-submenu:not(.level-0) {
  	display: none;
  }*/
}
nav#main.mega-dropdown.click-open-submenus.sub-levels-open li.menu-item-has-children ul.sub-menu ul.sub-menu {
  display: block;
}
nav#main.mega-dropdown.click-open-submenus.sub-levels-open button.open-submenu-dropdown.toggle-submenu:not(.level-0) {
  display: none;
}
nav#main ul.menu > li {
  display: inline-block;
  margin: 0 1em 0 0;
}
nav#main ul.menu > li > a {
  font-weight: 400;
  color: #444444;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 0.8888888889em;
}
nav#main ul.menu > li[class*=current] > a {
  color: #00b9da;
}

/* --------------------------
 *
 * Subpage navigation
 *
** ----------------------- */
#sidebar.content-padding {
  padding-top: 0px;
}

#sidebar .sub-navigation {
  margin-bottom: 1em;
}
#sidebar .sub-navigation {
  /*a:focus, a:focus-visible, button:focus, button:focus-visible {
  	outline: 3px solid #ffffff;
  	outline-offset: 1.5px;
  }*/
}
#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 0 0.8em 0;
}
#sidebar .sub-navigation ul li:last-child {
  margin-bottom: 0;
}
#sidebar .sub-navigation li a {
  color: #444444;
  line-height: 1.2;
  display: block;
  padding: 0;
  margin-left: 0;
  font-weight: 400;
}
#sidebar .sub-navigation li:last-child > a {
  margin-bottom: 0;
}
#sidebar .sub-navigation {
  /**
  * Click open submenus -feature / toggle submenu button 
  */
}
#sidebar .sub-navigation ul.menu li.menu-item-has-children > button.open-submenu {
  display: none;
}
#sidebar .sub-navigation.click-open-submenus {
  /* menu toggle */
}
#sidebar .sub-navigation.click-open-submenus li {
  padding: 0 1em 0 0;
}
#sidebar .sub-navigation.click-open-submenus li.level-0 {
  margin-bottom: 1em;
  padding: 0 1em 1em 0;
  line-height: 1;
}
#sidebar .sub-navigation.click-open-submenus li.level-0 > a {
  margin-left: 0;
  padding: 0px;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children {
  position: relative;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children > a {
  padding-right: 0;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children > button.open-submenu {
  position: absolute;
  cursor: pointer;
  padding: 3px;
  left: auto;
  right: 0;
  top: -3px;
  z-index: 1;
  width: auto;
  margin: 0;
  line-height: 1em;
  box-shadow: none;
  display: inline-block;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children > button.open-submenu span.dropdown-icon-text {
  display: none;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children > button.open-submenu:focus-visible span.dropdown-icon-text {
  display: block;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.level-0.menu-item-has-children > button.open-submenu {
  top: -5px;
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children > button.open-submenu:before {
  text-align: center;
  vertical-align: middle;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  height: 100%;
  font-size: 1em;
  margin-left: 0;
}
#sidebar .sub-navigation.click-open-submenus {
  /*ul.menu li.menu-item-has-children[class*="current"]>span.open-submenu:before { content:'\e809'; }*/
}
#sidebar .sub-navigation.click-open-submenus ul.menu li.menu-item-has-children.open > button.open-submenu:before {
  content: "\f068";
}
#sidebar .sub-navigation.click-open-submenus {
  /* no-js korjaus */
}
#sidebar .sub-navigation.click-open-submenus .no-js ul.menu li[class*=current] > ul.sub-menu {
  display: block;
}
#sidebar .sub-navigation.click-open-submenus .no-js ul.menu li.menu-item-has-children > button.open-submenu {
  display: none;
}
#sidebar .sub-navigation {
  /**
  * LEVELS 
  */
  /* Alatasojen aktiiviset värit */
}
#sidebar .sub-navigation ul li[class*=current] > a {
  color: #00b9da;
}
#sidebar .sub-navigation ul.sub-menu li[class*=current] > a {
  color: #00b9da;
  font-weight: 700;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu li[class*=current] > a {
  color: #00b9da;
}
#sidebar .sub-navigation {
  /* Piilota ei-aktiiviset alatasot */
}
#sidebar .sub-navigation li ul.sub-menu {
  display: none;
}
#sidebar .sub-navigation ul.menu li.level-0[class*=current] > ul.sub-menu ul.sub-menu {
  display: none;
}
#sidebar .sub-navigation {
  /* eka taso */
}
#sidebar .sub-navigation li.level-0[class*=current] > a {
  color: #00b9da;
  font-weight: bold;
}
#sidebar .sub-navigation li.level-0[class*=current] > button:before {
  color: #00b9da !important;
}
#sidebar .sub-navigation {
  /* Alatasojen sisennykset */
}
#sidebar .sub-navigation ul.menu-level-1, #sidebar .sub-navigation ul.sub-menu ul.menu-level-2, #sidebar .sub-navigation ul.sub-menu ul.menu-level-3,
#sidebar .sub-navigation ul.sub-menu ul.menu-level-4, #sidebar .sub-navigation ul.sub-menu ul.menu-level-5 {
  margin: 1em 0em 1em 0;
  padding: 0.2em 0em 0.2em 0.9em;
}
#sidebar .sub-navigation {
  /* alatasojen fonttikoot */
}
#sidebar .sub-navigation ul.sub-menu li > a {
  font-size: 1em;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-1 > li > a {
  font-size: 1em;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-2 > li > a {
  font-size: 1em;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-3 > li > a {
  font-size: 1em;
}
#sidebar .sub-navigation ul.sub-menu.menu-level-4 > li > a {
  font-size: 1em;
}
#sidebar .sub-navigation {
  /* Alatasojen ikonit */
}
#sidebar .sub-navigation li a:before {
  display: none;
}
#sidebar .sub-navigation li.level-0 > a:before {
  display: none;
}
#sidebar .sub-navigation li.level-1 > a:before {
  content: "";
}
#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: "";
}
#sidebar .sub-navigation li.level-5 > a:before {
  display: "";
}

/* --------------------------
 *
 * Subpage navigation
 *
** ----------------------- */
/* 2026-06 : Vanha versio talteen
	#sidebar 													{
		.sub-navigation {
			& {
				border-top: 5px solid $secondary-color;
				border-bottom: 5px solid $secondary-color;
			}
			#subnav 												{ padding: 0;  }
			ul 														{ list-style: none; padding: 0; margin: 0; }

			li 														{ padding: 0; margin: 0 0 .8em 0; }

			li a 													{ font-family: $secondary-font; font-weight: 500; color: $default-text-color; display: block; padding: 0; font-size: 1em; margin-left: 1.2em; }

			ul.menu li.level-0.menu-item-has-children						{ position: relative; }
			ul.menu li.level-0.menu-item-has-children>a						{ padding-right: 0; }
			ul.menu li.level-0.menu-item-has-children>button.open-submenu		{ position: absolute; cursor:pointer; right:-30px; left:auto; top:1px; z-index: 1; width: 2.5em; padding:8px 0 7px 0; line-height:1.3em; }
			ul.menu li.level-0.menu-item-has-children>button.open-submenu:before	{ text-align: center; vertical-align: middle; content: "\e808"; font-family: "Font awesome 6 Pro"; 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; }
			ul.menu li.level-0.menu-item-has-children.open>button.open-submenu:before	{ content:'\e809'; }

			.no-js ul.menu li.level-0[class*="current"] > ul.sub-menu			{ display: block; }
			.no-js ul.menu li.level-0.menu-item-has-children > button.open-submenu { display: none; }

			ul li[class*="current"]>a								{ color: $primary-color; }
			ul.sub-menu li[class*="current"]>a						{ color: #000; font-weight: 700; }
			ul.sub-menu ul.sub-menu li[class*="current"]>a			{ color: $primary-color; }

			ul.sub-menu												{ display: none; padding: 0 0 20px 20px; background-color: #fff; }
			ul.sub-menu ul.sub-menu									{ padding: 10px 0 10px 10px; }
			ul li[class*="current"]>.sub-menu						{ display: block; }
			ul.menu li.level-0[class*="current"] > ul.sub-menu ul.sub-menu { display: block; }

			li.level-0									 			{ border-top: 1px solid $default-border-color; }
			li.level-0:first-child						 			{ border-top: 0; }
			li.level-0:last-child						 			{  }
			li.level-0 > a									 		{ margin-left: 0; padding: .85em 0; color: $default-text-color; font-weight: 600; font-size: 1.1em; }
			li.level-0[class*="open"] > a							{ color: $default-text-color; }
			li.level-0[class*="current"] > a						{ color: $default-text-color; }

			ul.menu-level-1, ul.menu-level-2, ul.menu-level-3,
			ul.menu-level-4, ul.menu-level-5 						{ margin: 0; }

			ul.sub-menu li>a										{ padding: 0; margin-bottom: 0; }
			ul.sub-menu.menu-level-1>li>a							{  }

			li a:before 											{ text-align: center; vertical-align: middle; content: "\f054"; font-family: "Font awesome 6 Pro"; font-style: normal; font-weight: normal; speak: none; display:inline-block; width: 1em; height:1em; margin-left: -26px; margin-right: 10px; line-height: 1; font-size: .8em; color: inherit; }
			li.level-0>a:before 									{ display: none; }
			li.level-1>a:before 									{ content: "\f054"; }
			li.level-2>a:before 									{ content: "-"; }
			li.level-3>a:before 									{ content: "-"; }
			li.level-4>a:before 									{ display: none; }
			li.level-5>a:before 									{ display: none; }

		}

	}
*/
/* --------------------------
 *
 * Search-form
 *
** ----------------------- */
.search-form {
  overflow: visible;
  height: 37px;
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.search-form input[type=search] {
  height: 37px;
  line-height: 37px;
  outline: none;
  width: 100%;
  padding: 0 37px 0 20px;
  box-sizing: border-box;
  font-size: 0.7em;
  background: transparent;
  border: 1px solid #bfbfbf;
  background-color: #fff;
}
.search-form button[type=submit] {
  height: 37px;
  width: 37px;
  padding: 0 !important;
  outline: none;
  margin: 0 0 -38px !important;
  border: 0;
  background-color: #ffb316 !important;
  color: #444444 !important;
  position: absolute;
  top: 0;
  right: 0;
}

.site-search.rounded input[type=search], .search-form.rounded input[type=search] {
  border-radius: 10px;
}
.site-search.rounded button[type=submit], .search-form.rounded button[type=submit] {
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.woocommerce-product-search {
  overflow: hidden;
  height: 37px;
  position: relative;
  padding: 0 37px 0 0;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.woocommerce-product-search input[type=search] {
  height: 35px;
  line-height: 34px;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 13px;
}
.woocommerce-product-search button[type=submit] {
  height: 37px;
  width: 37px;
  padding: 0 !important;
  outline: none;
  margin: 0 !important;
  border: 0;
  background-color: #00b9da !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;
}

/*@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: #00b9da;
  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: #ffb316;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

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

.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: 14px;
  background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  body {
    font-size: 18px;
  }
}

#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: #00b9da;
}
#page-top .page-top-content-right a.link-button, #page-top .page-top-content-right .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li #page-top .page-top-content-right a {
  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: #00b9da;
  margin-right: 4px;
  margin-left: 5px;
}
#page-top .page-top-content-right span[class*=icon-]:before {
  color: #00b9da;
  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, .post-tag-list-container ul.post-tag-list li a, select, textarea {
  font-family: neusa-next-std, 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.8571428571em;
  color: #00b9da;
  font-family: neusa-next-std, sans-serif;
}

h2, .h2, .tease h1, .tease .h1 {
  font-size: 1.5714285714em;
  color: #ffb316;
  font-family: neusa-next-std, sans-serif;
}

h3, .h3 {
  font-size: 1.2857142857em;
  color: #00b9da;
  font-family: neusa-next-std, sans-serif;
}

h4, .h4 {
  font-size: 1.1428571429em;
  color: #ffb316;
}

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

h6, .h6 {
  font-size: 1em;
  color: #444444;
  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: #00b9da;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
  /* Desktop otsikot */
  h1, .h1 {
    font-size: 1.8333333333em;
  }
  h2, .h2, .tease h1, .tease .h1 {
    font-size: 1.3333333333em;
  }
  h3, .h3 {
    font-size: 1.1111111111em;
  }
  h4, .h4 {
    font-size: 1.1111111111em;
  }
  h5, .h5 {
    font-size: 0.9444444444em;
  }
  h6, .h6 {
    font-size: 0.9444444444em;
  }
}
.primary-font {
  font-family: neusa-next-std, sans-serif;
}

.secondary-font {
  font-family: neusa-next-std, 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: #00b9da;
}

.primary-bg {
  background-color: #00b9da;
  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, .primary-bg .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .primary-bg a {
  background-color: #ffb316;
  color: #fff;
}
.primary-bg b, .primary-bg strong {
  color: #fff;
}

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

.secondary-bg {
  background-color: #ffb316;
  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, .secondary-bg .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .secondary-bg a {
  background-color: #00b9da;
  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 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* with top border
  border-top: 1px solid $default-border-color;
  padding-top: 1em;
  */
  margin-top: 1em;
}
.tool-pagination ul.pages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tool-pagination ul.pages li {
  padding: 0;
  display: inline-block;
  margin: 0 5px 0 0;
}
.tool-pagination ul.pages li span.current {
  font-weight: bold;
}
.tool-pagination a.pagination_arrow.prev,
.tool-pagination a.pagination_arrow.next {
  margin: 0 10px;
  font-size: 0.8em;
}
.tool-pagination a.pagination_arrow,
.tool-pagination ul.pages li span,
.tool-pagination ul.pages li a {
  padding: 0px 10px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

nav.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* with top border
  border-top: 1px solid $default-border-color;
  padding-top: 1em;
  */
  margin: 1em 0;
}
nav.pagination .nav-links span, nav.pagination .nav-links a {
  padding: 0;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0px 10px;
  height: 35px;
  line-height: 35px;
}
nav.pagination .nav-links span.page-numbers.current span {
  background: #00b9da;
  color: #fff;
}

.woocommerce nav.woocommerce-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
  padding: 0;
  display: block;
  margin: 0 5px 0 0;
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination a.page-numbers.prev,
.woocommerce nav.woocommerce-pagination a.page-numbers.next {
  margin: 0 10px;
  font-size: 0.8em;
}
.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: 0px 10px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

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

input[type=button],
button, .btn, .link-button-alt {
  background-color: #ffb316;
  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, .post-tag-list-container ul.post-tag-list li a {
  background-color: #00b9da;
  color: #fff;
}

input[type=button].white-btn,
button.white-btn, .button.white-btn, .btn.white-btn, .link-button.white-btn, .post-tag-list-container ul.post-tag-list li a.white-btn {
  background-color: #fff;
  color: #444444;
}

/* 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;
  }
}
.no-content-padding-top {
  padding-top: 0 !important;
}

.no-content-padding-bottom {
  padding-bottom: 0 !important;
}

.no-content-padding-left {
  padding-left: 0 !important;
}

.no-content-padding-right {
  padding-right: 0 !important;
}

.margin-top {
  margin-top: 20px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.margin-left {
  margin-left: 20px;
}

.margin-right {
  margin-right: 20px;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.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-space-between {
  justify-content: space-between;
}

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

.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: 1380px;
}

.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: 1800px;
}

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

/* --------------------------
 *
 * 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: #ffb316;
  border-radius: 8px;
  display: inline-block;
}

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

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

.tease-search h1 a, .tease-search p a {
  display: block;
  color: #444444;
}
.tease-search p a {
  font-weight: 400 !important;
}
.tease-search h1.search-title {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1024px) {
  .tease-search h1 {
    font-size: 1.5em;
  }
}
.tease-search .post-tag-list-container {
  margin-bottom: 0.5em;
}
.tease-search p.excerpt {
  font-weight: 400;
  margin-bottom: 1em;
}

/* --------------------------
 *
 * Tag lists
 *
** ----------------------- */
.post-tag-list-container .post-tag-list-title {
  margin-right: 0.5em;
  padding-bottom: 10px;
}
.post-tag-list-container ul.post-tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-tag-list-container ul.post-tag-list li {
  display: inline-block;
  padding-bottom: 10px;
}
.post-tag-list-container ul.post-tag-list li a {
  padding: 0.25em 0.85em;
  margin: 0 0.25em 0 0;
  font-size: 0.85em;
}

/* --------------------------
 *
 * 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: #ffb316;
  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: #ffb316;
  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,
:focus-visible {
  outline-color: #00b9da;
  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: #444444;
}

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

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: #00b9da;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

button.element-focusable:focus-visible > .dropdown-icon-text {
  left: 0;
  bottom: 100%;
  background-color: #ffb316;
  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;
}

.sr-only, .sreenreader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* --------------------------
 *
 * Woocommerce
 *
** ----------------------- */
/* --------------------------
 *
 * _woocommerce.scss
 *
** ----------------------- */
.woocommerce {
  /**
  *
  * Product lists
  *
  */
}
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
}
.woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce ul.products::after {
  display: none;
}
@media only screen and (min-width: 768px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 23.5%;
  }
}
.woocommerce ul.products li.product {
  float: none;
  border: 1px solid #bfbfbf;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  padding: 1em;
  margin: 0;
  border-radius: 8px;
}
@media only screen and (max-width: 479px) {
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 0 1em !important;
  }
}
.woocommerce ul.products li.product .loop-image-container {
  display: flex;
  align-items: end;
  height: 200px;
  margin-bottom: 1em;
}
.woocommerce ul.products li.product .loop-image-container img {
  max-height: 200px;
  width: auto;
  margin: auto;
}
.woocommerce ul.products li.product .product-loop-prod-cat {
  display: none; /* product categories hidden as default */
}
.woocommerce ul.products li.product .product-loop-prod-cat a {
  font-size: 0.85em;
  font-weight: 400;
}
.woocommerce ul.products li.product .price {
  color: #444444;
  font-weight: bold;
}
.woocommerce ul.products li.product .button {
  background-color: #00b9da;
  color: #fff;
}
.woocommerce ul.products li.product .button {
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 1599px) {
  .woocommerce ul.products li.product .button {
    font-size: 0.85em !important;
    display: block;
  }
}
.woocommerce ul.products li.product .button {
  /*&.add_to_cart_button {
  	background-color: $primary-color;
  	color: #ffffff;
  }*/
}
.woocommerce {
  /**
  *
  * Single product view
  *
  */
}
.woocommerce.single-product .single-product-details .summary .product_meta {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* .woocommerce */
/**
*
* Mini cart
*
*/
.wc-mini-cart-button {
  position: relative;
  z-index: 101;
}
.wc-mini-cart-button.items-in {
  margin-right: 1em;
}
.wc-mini-cart-button a.link-button, .wc-mini-cart-button .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .wc-mini-cart-button a {
  background-color: #00b9da;
  color: #ffffff;
}
.wc-mini-cart-button span.cart-item-counter {
  background: #ffb316;
  color: #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  transform: translateX(80%);
  z-index: 102;
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 16px;
}
.wc-mini-cart-button .widget_shopping_cart_content {
  display: none !important;
}

/**
*
* Order phases 
*
*/
.woocommerce-cart-form,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  float: none;
}

.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout,
#add_payment_method .wc-proceed-to-checkout {
  text-align: center;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  font-size: 1.25em !important;
}

/* checkout */
.woocommerce .woocommerce-checkout .col2-set .col-1, .woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2, .woocommerce .woocommerce-checkout .col2-set .col-2 {
  width: 100%;
  float: none;
}
.woocommerce .woocommerce-checkout .woocommerce-billing-fields,
.woocommerce .woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce .woocommerce-checkout .woocommerce-additional-fields {
  border: 1px solid #bfbfbf;
  padding: 1em;
  margin: 0 0 1.5em 0;
  border-radius: 0.5em;
}
.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  gap: 0.5em;
}
.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row,
.woocommerce .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p.form-row {
  display: inline-block;
  width: 95%;
}
@media only screen and (min-width: 480px) {
  .woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row,
  .woocommerce .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p.form-row {
    width: 48%;
  }
}
.woocommerce .woocommerce-checkout .form-row label.radio, .woocommerce .woocommerce-checkout .form-row input.input-radio {
  display: inline-block;
}
.woocommerce .woocommerce-checkout .form-row input.input-radio {
  margin-right: 0.5em;
}
.woocommerce .woocommerce-checkout .form-row label.radio {
  margin-right: 1em;
}
.woocommerce .woocommerce-checkout ul#shipping_method li {
  margin: 0 0 0.5em;
  line-height: 1.5em;
  list-style: none outside;
  background: #eee;
  padding: 1em;
  border-radius: 8px;
}
.woocommerce .woocommerce-checkout {
  /* Shop table to more "responsive" */
}
@media screen and (max-width: 768px) {
  .woocommerce .woocommerce-checkout table.shop_table td, .woocommerce .woocommerce-checkout table.shop_table tr {
    text-align: left !important;
    padding: 10px;
  }
  .woocommerce .woocommerce-checkout table.shop_table thead {
    display: none;
  }
  .woocommerce .woocommerce-checkout table.shop_table th {
    display: block;
    border: 0 !important;
  }
  .woocommerce .woocommerce-checkout table.shop_table tr {
    display: block;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
  }
  .woocommerce .woocommerce-checkout table.shop_table td {
    display: block;
    border: none;
  }
  .woocommerce .woocommerce-checkout table.shop_table td.product-thumbnail,
  .woocommerce .woocommerce-checkout table.shop_table td.product-remove {
    text-align: left !important;
  }
  .woocommerce .woocommerce-checkout table.shop_table td.product-thumbnail::before,
  .woocommerce .woocommerce-checkout table.shop_table td.product-remove::before {
    display: none;
  }
  .woocommerce .woocommerce-checkout table.shop_table td.product-name,
  .woocommerce .woocommerce-checkout table.shop_table td.product-total {
    border: 0;
  }
  .woocommerce .woocommerce-checkout table.shop_table tfoot td,
  .woocommerce .woocommerce-checkout table.shop_table tfoot th,
  .woocommerce .woocommerce-checkout table.shop_table tbody th {
    border: 0 !important;
  }
  .woocommerce .woocommerce-checkout table.shop_table tr.order-total {
    border-bottom: 0;
  }
}

/**
*
* button resets
*
*/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt {
  background-color: #00b9da;
  color: #fff;
}

.woocommerce #main-content-area button.button-alt.disabled,
.woocommerce #main-content-area button.button.alt.disabled,
.woocommerce #main-content-area button.button.alt:disabled,
.woocommerce #main-content-area button.button.alt[disabled],
.woocommerce #main-content-area button.button-alt:disabled,
.woocommerce #main-content-area button.button-alt[disabled],
.woocommerce #main-content-area button.alt:disabled,
.woocommerce #main-content-area button.alt[disabled],
.woocommerce #main-content-area button:disabled,
.woocommerce #main-content-area button[disabled],
.woocommerce #main-content-area button[type=submit]:disabled,
.woocommerce #main-content-area button[type=submit][disabled],
.woocommerce #main-content-area a.button-alt,
.woocommerce #main-content-area button.alt,
.woocommerce #main-content-area button.button.alt,
.woocommerce #main-content-area input.button-alt,
.woocommerce #main-content-area input.button,
.woocommerce #main-content-area #respond input#submit,
.woocommerce #main-content-area #respond input#submit.alt,
.woocommerce #main-content-area a.button,
.woocommerce #main-content-area a.button.alt.checkout-button,
.woocommerce #main-content-area button.single_add_to_cart_button.button.alt,
.woocommerce #main-content-area button.button,
.woocommerce #main-content-area button,
.woocommerce #main-content-area .btn,
.woocommerce #main-content-area .link-button-alt,
.woocommerce #main-content-area input[type=submit],
.woocommerce #main-content-area button[type=submit],
.woocommerce #main-content-area input[type=button],
.woocommerce #main-content-area .link-button,
.woocommerce #main-content-area .post-tag-list-container ul.post-tag-list li a,
.post-tag-list-container ul.post-tag-list li .woocommerce #main-content-area a,
.woocommerce-cart #main-content-area button.button-alt.disabled,
.woocommerce-cart #main-content-area button.button.alt.disabled,
.woocommerce-cart #main-content-area button.button.alt:disabled,
.woocommerce-cart #main-content-area button.button.alt[disabled],
.woocommerce-cart #main-content-area button.button-alt:disabled,
.woocommerce-cart #main-content-area button.button-alt[disabled],
.woocommerce-cart #main-content-area button.alt:disabled,
.woocommerce-cart #main-content-area button.alt[disabled],
.woocommerce-cart #main-content-area button:disabled,
.woocommerce-cart #main-content-area button[disabled],
.woocommerce-cart #main-content-area button[type=submit]:disabled,
.woocommerce-cart #main-content-area button[type=submit][disabled],
.woocommerce-cart #main-content-area a.button-alt,
.woocommerce-cart #main-content-area button.alt,
.woocommerce-cart #main-content-area button.button.alt,
.woocommerce-cart #main-content-area input.button-alt,
.woocommerce-cart #main-content-area input.button,
.woocommerce-cart #main-content-area #respond input#submit,
.woocommerce-cart #main-content-area #respond input#submit.alt,
.woocommerce-cart #main-content-area a.button,
.woocommerce-cart #main-content-area a.button.alt.checkout-button,
.woocommerce-cart #main-content-area button.single_add_to_cart_button.button.alt,
.woocommerce-cart #main-content-area button.button,
.woocommerce-cart #main-content-area button,
.woocommerce-cart #main-content-area .btn,
.woocommerce-cart #main-content-area .link-button-alt,
.woocommerce-cart #main-content-area input[type=submit],
.woocommerce-cart #main-content-area button[type=submit],
.woocommerce-cart #main-content-area input[type=button],
.woocommerce-cart #main-content-area .link-button,
.woocommerce-cart #main-content-area .post-tag-list-container ul.post-tag-list li a,
.post-tag-list-container ul.post-tag-list li .woocommerce-cart #main-content-area a {
  display: inline-block;
  padding: 0.8em 1.3em;
  font-size: 1em;
  margin: 0 3px 3px 0;
  border-radius: 0;
  border: 0px;
  background-color: #ffb316;
  color: #fff;
}
.woocommerce #main-content-area button.single_add_to_cart_button.button.alt:hover,
.woocommerce #main-content-area a.button:hover,
.woocommerce #main-content-area a.button-alt:hover,
.woocommerce #main-content-area a.button.alt.checkout-button:hover,
.woocommerce #main-content-area input.button:hover,
.woocommerce #main-content-area #respond input#submit.alt:hover,
.woocommerce #main-content-area button.button:hover,
.woocommerce #main-content-area button.alt:hover,
.woocommerce #main-content-area input[type=button]:hover,
.woocommerce #main-content-area input.button-alt:hover,
.woocommerce #main-content-area a.button-alt:hover,
.woocommerce #main-content-area button.button.alt:hover,
.woocommerce-cart #main-content-area button.single_add_to_cart_button.button.alt:hover,
.woocommerce-cart #main-content-area a.button:hover,
.woocommerce-cart #main-content-area a.button-alt:hover,
.woocommerce-cart #main-content-area a.button.alt.checkout-button:hover,
.woocommerce-cart #main-content-area input.button:hover,
.woocommerce-cart #main-content-area #respond input#submit.alt:hover,
.woocommerce-cart #main-content-area button.button:hover,
.woocommerce-cart #main-content-area button.alt:hover,
.woocommerce-cart #main-content-area input[type=button]:hover,
.woocommerce-cart #main-content-area input.button-alt:hover,
.woocommerce-cart #main-content-area a.button-alt:hover,
.woocommerce-cart #main-content-area button.button.alt:hover {
  background-color: #00b9da;
  color: #fff;
}
.woocommerce #main-content-area button.single_add_to_cart_button.button,
.woocommerce #main-content-area button.single_add_to_cart_button.button:hover,
.woocommerce #main-content-area #respond input#submit,
.woocommerce #main-content-area #respond input#submit:hover,
.woocommerce #main-content-area .submit-container input[type=button],
.woocommerce #main-content-area input[type=submit], .woocommerce #main-content-area button[type=submit], .woocommerce #main-content-area input[type=button].cta,
.woocommerce #main-content-area button.cta, .woocommerce #main-content-area .button.cta, .woocommerce #main-content-area .btn.cta, .woocommerce #main-content-area .link-button, .woocommerce #main-content-area .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .woocommerce #main-content-area a,
.woocommerce-cart #main-content-area button.single_add_to_cart_button.button,
.woocommerce-cart #main-content-area button.single_add_to_cart_button.button:hover,
.woocommerce-cart #main-content-area #respond input#submit,
.woocommerce-cart #main-content-area #respond input#submit:hover,
.woocommerce-cart #main-content-area .submit-container input[type=button],
.woocommerce-cart #main-content-area input[type=submit],
.woocommerce-cart #main-content-area button[type=submit],
.woocommerce-cart #main-content-area input[type=button].cta,
.woocommerce-cart #main-content-area button.cta,
.woocommerce-cart #main-content-area .button.cta,
.woocommerce-cart #main-content-area .btn.cta,
.woocommerce-cart #main-content-area .link-button,
.woocommerce-cart #main-content-area .post-tag-list-container ul.post-tag-list li a,
.post-tag-list-container ul.post-tag-list li .woocommerce-cart #main-content-area a {
  background-color: #00b9da;
  color: #fff;
}
.woocommerce #main-content-area,
.woocommerce-cart #main-content-area {
  /* wc-buttons :disabled :hover colors */
}
.woocommerce #main-content-area button.button-alt.disabled,
.woocommerce #main-content-area button.button.alt:disabled,
.woocommerce #main-content-area button.button.alt[disabled],
.woocommerce #main-content-area button.button-alt:disabled,
.woocommerce #main-content-area button.button-alt[disabled],
.woocommerce #main-content-area button.alt:disabled,
.woocommerce #main-content-area button.alt[disabled],
.woocommerce #main-content-area button:disabled,
.woocommerce #main-content-area button[disabled],
.woocommerce #main-content-area button[type=submit]:disabled,
.woocommerce #main-content-area button[type=submit][disabled],
.woocommerce-cart #main-content-area button.button-alt.disabled,
.woocommerce-cart #main-content-area button.button.alt:disabled,
.woocommerce-cart #main-content-area button.button.alt[disabled],
.woocommerce-cart #main-content-area button.button-alt:disabled,
.woocommerce-cart #main-content-area button.button-alt[disabled],
.woocommerce-cart #main-content-area button.alt:disabled,
.woocommerce-cart #main-content-area button.alt[disabled],
.woocommerce-cart #main-content-area button:disabled,
.woocommerce-cart #main-content-area button[disabled],
.woocommerce-cart #main-content-area button[type=submit]:disabled,
.woocommerce-cart #main-content-area button[type=submit][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
.woocommerce #main-content-area button.button-alt.disabled:hover,
.woocommerce #main-content-area button.button.alt:disabled:hover,
.woocommerce #main-content-area button.button.alt[disabled]:hover,
.woocommerce #main-content-area button.button-alt:disabled:hover,
.woocommerce #main-content-area button.button-alt[disabled]:hover,
.woocommerce #main-content-area button[type=submit]:disabled:hover,
.woocommerce #main-content-area button[type=submit][disabled]:hover,
.woocommerce-cart #main-content-area button.button-alt.disabled:hover,
.woocommerce-cart #main-content-area button.button.alt:disabled:hover,
.woocommerce-cart #main-content-area button.button.alt[disabled]:hover,
.woocommerce-cart #main-content-area button.button-alt:disabled:hover,
.woocommerce-cart #main-content-area button.button-alt[disabled]:hover,
.woocommerce-cart #main-content-area button[type=submit]:disabled:hover,
.woocommerce-cart #main-content-area button[type=submit][disabled]:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
@media only screen and (min-width: 1024px) {
  .woocommerce #main-content-area button.button-alt:hover,
  .woocommerce #main-content-area .button:hover, .woocommerce #main-content-area .button-alt:hover,
  .woocommerce-cart #main-content-area button.button-alt:hover,
  .woocommerce-cart #main-content-area .button:hover,
  .woocommerce-cart #main-content-area .button-alt:hover {
    opacity: 0.8;
  }
  .woocommerce #main-content-area .button[disabled]:hover, .woocommerce #main-content-area .button-alt[disabled]:hover,
  .woocommerce-cart #main-content-area .button[disabled]:hover,
  .woocommerce-cart #main-content-area .button-alt[disabled]:hover {
    opacity: 0.5;
  }
  .woocommerce #main-content-area .button:disabled:hover, .woocommerce #main-content-area .button-alt:disabled:hover,
  .woocommerce-cart #main-content-area .button:disabled:hover,
  .woocommerce-cart #main-content-area .button-alt:disabled:hover {
    opacity: 0.5;
  }
}

/* --------------------------
 *
 *	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;
  }
}
/* owl-carousel */
.owl-carousel {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 1680px;
  position: relative;
}
.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;
}
.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(29, $mobile_fsz); */ }
.owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content .h2, .owl-carousel .single-slide .slider-content-container .slider-content .tease h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content .tease .h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content .h1 {
  font-weight: 500;
  color: #00b9da;
}
@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 .flex {
    height: 450px;
  }
  .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: 100%;
    background-color: transparent;
    text-align: left;
  }
  .owl-carousel .owl-dots {
    top: 410px;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content { /*color: #fff; font-size: em(21, $desktop_fsz);*/
    background-color: transparent;
    width: 580px;
    margin: 0 auto;
    position: absolute;
    left: 0px;
    top: 25px;
    bottom: auto;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content .h2, .owl-carousel .single-slide .slider-content-container .slider-content .tease h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content .tease .h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content .h1 {
    font-size: 2.3333333333em;
    line-height: 1;
    margin-bottom: 30px;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content p {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1220px) {
  .owl-carousel .single-slide .flex {
    height: 845px;
  }
  .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: 100%;
    background-color: transparent;
    text-align: left;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content {
    top: 100px;
  }
  .owl-carousel .single-slide .slider-content-container .slider-content h2, .owl-carousel .single-slide .slider-content-container .slider-content .h2, .owl-carousel .single-slide .slider-content-container .slider-content .tease h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content h1, .owl-carousel .single-slide .slider-content-container .slider-content .tease .h1, .tease .owl-carousel .single-slide .slider-content-container .slider-content .h1 {
    font-size: 3.3333333333em;
    line-height: 1;
    margin-bottom: 30px;
  }
  .owl-carousel .owl-dots {
    top: auto;
    bottom: 40px;
  }
}

.testimonial-carousel {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  position: relative;
  color: #ffffff;
}
.testimonial-carousel .single-testimonial {
  padding: 20px;
}
.testimonial-carousel .single-testimonial h2 {
  color: #ffffff;
  margin-bottom: 18px;
}
@media only screen and (min-width: 1024px) {
  .testimonial-carousel .testimonial-content {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1220px) {
  .testimonial-carousel .single-testimonial {
    min-height: 625px;
    padding: 100px;
  }
  .testimonial-carousel .single-testimonial h2 {
    font-size: 2.9444444444em;
  }
}

/* OWL navigation */
.owl-nav .owl-next,
.owl-nav .owl-prev {
  position: static;
  z-index: 10;
  bottom: 0;
  height: auto;
  width: auto;
  color: #00b9da;
  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;
}

.testimonial-carousel .owl-dots {
  top: auto;
  bottom: 25px;
}

.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: #ffb316;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

.testimonial-carousel .owl-dots .owl-dot span {
  background: #ffffff;
}

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

.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;
  }
  .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;
  }
}
/* --------------------------
 *
 * 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: #00b9da;
}

@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: #ffb316;
  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: #00b9da;
  color: #fff;
  font-size: 16px;
}

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

#mobilenav-mid-container a {
  color: #00b9da;
}

#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: #00b9da;
  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: #444444;
  background-color: transparent;
  font-weight: 300;
}
#mobilenav .mobilenav-inner li[class*=current] > a {
  color: #00b9da !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
 *
** ----------------------- */
/* Main nav */
nav#main {
  display: none;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid;
  border-right-color: rgba(255, 255, 255, 0.4);
}
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-top: 5px solid #ffb316;
  border-bottom: none;
}
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;
  font-weight: 300;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li[class*=current] > a {
  color: #00b9da;
  font-weight: 400;
}
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#main-menu-item-464:after {
  content: "\f30d";
  font-family: "Font Awesome 6 Pro";
  margin-left: 5px;
  font-weight: 400;
  margin-left: 5px;
  color: #ffffff;
}
nav#main ul.menu > li#main-menu-item-464 a:after {
  display: none;
}
nav#main ul.menu > li > a {
  font-weight: 500;
  color: #ffffff;
  padding: 1.5em 0 1.5em 0;
  display: inline-block;
  font-size: 1em;
}
nav#main ul.menu > li[class*=current] > a {
  color: #ffb316;
  font-weight: 400;
}
nav#main button.toggle-submenu {
  display: none;
}

@media only screen and (min-width: 1220px) {
  nav#main {
    display: inline-block;
  }
}
/* --------------------------
 *
 * Footer navigation
 *
** ----------------------- */
/* Footer nav */
nav#footer {
  position: relative;
  z-index: 5;
}
nav#footer li.menu-item-has-children {
  position: relative;
}
nav#footer li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  padding-right: 2em;
}
nav#footer li.menu-item-has-children ul.sub-menu li {
  display: block;
}
nav#footer li.menu-item-has-children ul.sub-menu li a {
  color: #444444;
  font-weight: 300;
}
nav#footer ul.menu > li {
  display: inline-block;
  margin: 0 1em 0 0;
  vertical-align: top;
}
nav#footer ul.menu > li > a {
  font-weight: 600;
  color: #444444;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 0.8888888889em;
  text-transform: uppercase;
}
nav#footer ul.menu > li[class*=current] > a {
  color: #00b9da;
}

/* --------------------------
 *
 * Subpage navigation
 *
** ----------------------- */
#sidebar .sub-navigation #subnav {
  padding: 0;
}
#sidebar .sub-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 15px;
}
#sidebar .sub-navigation li {
  padding: 0;
  margin: 0;
}
#sidebar .sub-navigation li a {
  font-family: neusa-next-std, sans-serif;
  font-weight: 500;
  color: #444444;
  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: #00b9da;
}
#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: #00b9da;
}
#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;
  margin-left: 15px;
}
#sidebar .sub-navigation li.level-0 > a {
  margin-left: 0;
  padding: 0 15px;
  color: #444444;
  font-size: 18px;
  background-color: transparent;
  font-weight: 300;
}
#sidebar .sub-navigation li.level-0[class*=open] > a {
  color: #00b9da;
  background-color: transparent;
  font-weight: 500;
}
#sidebar .sub-navigation li.level-0[class*=current] > a {
  color: #00b9da;
  background-color: transparent;
  font-weight: 500;
}
#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: inline-block;
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
}
#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: #00b9da;
}
#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: neusa-next-std, sans-serif;
  font-weight: 400;
  color: #444444;
  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: #00b9da;
  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: #ffb316;
  color: #fff;
}
#sidebar .widget_product_categories ul.product-categories > li[class*=current] > a {
  background-color: #ffb316;
  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: #00b9da;
}
#sidebar .widget_product_categories ul.children li[class*=current] > a {
  color: #00b9da;
}
#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: "-";
}

/* --------------------------
 *
 * Custom language dropdown styles
 *
** ----------------------- */
.header-lang-buttons-container {
  margin: 0;
}

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

ul.custom_dropdown.languages {
  background-color: transparent;
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 15;
  cursor: pointer;
  display: inline-block;
}
ul.custom_dropdown.languages li {
  background-color: #ededed;
  margin: 0;
  transition: background 0.3s;
  transform: translate3d(0, 0, 0);
  text-align: center;
}
ul.custom_dropdown.languages li img {
  height: 20px;
  width: auto;
  line-height: 60px;
}
ul.custom_dropdown.languages li.selected_item {
  background-color: #00b9da;
  height: 60px;
  min-width: 60px;
  max-width: 90px;
  padding: 0;
  list-style: none;
  position: relative;
}
ul.custom_dropdown.languages li.selected_item .selected_item_title {
  height: 60px;
  line-height: 58px;
  padding: 0 25px 0 15px;
  display: block;
  position: relative;
  color: #404040;
}
ul.custom_dropdown.languages li.selected_item .selected_item_title:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  width: 25px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 1em;
  -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.languages.open li.selected_item .selected_item_title:after {
  content: "\f00d";
}
ul.custom_dropdown.languages ol.dropdown_items {
  background-color: #00b9da;
  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.languages {
  /*> li:hover ol.dropdown_items								{ display:block; }*/
}
ul.custom_dropdown.languages ol.dropdown_items li {
  background-color: #00b9da;
  height: auto;
  line-height: 1;
  padding: 0;
}
ul.custom_dropdown.languages ol.dropdown_items li .dropdown_item_title {
  padding: 8px 15px;
  display: block;
}
ul.custom_dropdown.languages ol.dropdown_items li a.dropdown_item_title {
  transition: none;
}
ul.custom_dropdown.languages ol.dropdown_items li:hover {
  background-color: #ffb316;
}

.widget-container.widget_icl_lang_sel_widget {
  height: 40px;
}
.widget-container.widget_icl_lang_sel_widget ul {
  display: inline-block;
  text-align: center;
  overflow: visible;
  height: 40px;
  position: relative;
  padding: 0;
  border: 0;
  z-index: 1;
  color: #7d7d7d;
}
.widget-container.widget_icl_lang_sel_widget ul li {
  height: 40px;
}
.widget-container.widget_icl_lang_sel_widget ul > li a {
  height: 40px;
  padding: 0 10px 1px 10px;
  line-height: 38px;
  background-color: #00b9da;
  border: 0;
}
.widget-container.widget_icl_lang_sel_widget ul li a {
  height: 40px;
  background-color: #00b9da;
  border: 0;
  color: #7d7d7d;
}
.widget-container.widget_icl_lang_sel_widget ul li ul { /*background-color: #ededed;*/
  min-width: 100%;
}
.widget-container.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click,
.widget-container.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown {
  width: auto;
  max-width: 100%;
}
.widget-container.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle,
.widget-container.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  position: relative;
  padding-right: calc(10px + 0.7em + 0.7em);
}

#lang_select_mobilenav {
  margin-top: 5px;
}
#lang_select_mobilenav li.selected_item {
  background-color: #00b9da;
}
#lang_select_mobilenav ol.dropdown_items li {
  background-color: #00b9da;
}

body {
  font-weight: 300;
  color: #444444;
}

/* Mobiili otsikot */
h1, .h1 {
  font-size: 2.1428571429em;
  color: #313131;
  font-family: neusa-next-std, sans-serif;
  font-weight: 500;
}

h2, .h2, .tease h1, .tease .h1 {
  font-size: 1.7142857143em;
  color: #313131;
  font-family: neusa-next-std, sans-serif;
  font-weight: 400;
}

h3, .h3 {
  font-size: 1.7142857143em;
  color: #00b9da;
  font-family: neusa-next-std, sans-serif;
  font-weight: 400;
}

h4, .h4 {
  font-size: 1.4285714286em;
  color: #444444;
  font-weight: 400;
}

h5, .h5 {
  font-size: 1.4285714286em;
  color: #000;
  font-weight: 400;
  color: #ffb316;
}

h6, .h6 {
  font-size: 1em;
  color: #000;
  font-weight: 400;
  color: #00b9da;
  text-transform: uppercase;
}

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: #00b9da;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
  /* Desktop otsikot */
  h1, .h1 {
    font-size: 2.1111111111em;
  }
  h2, .h2, .tease h1, .tease .h1 {
    font-size: 1.8333333333em;
  }
  h3, .h3 {
    font-size: 1.3888888889em;
  }
  h4, .h4 {
    font-size: 1.3888888889em;
  }
  h5, .h5 {
    font-size: 1.3888888889em;
  }
  h6, .h6 {
    font-size: 1em;
  }
  a:hover {
    opacity: 0.8;
  }
}
.icon-right-open-after:after {
  content: "\e82b";
  font-size: 18px;
}

a {
  color: #ffb316;
  font-weight: 700;
}

@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 2.5em;
  }
  .lift-title h2 {
    font-size: 3.2222222222em;
  }
}
.link-button, .post-tag-list-container ul.post-tag-list li a, .link-button-alt {
  text-transform: uppercase;
}

.link-button:after, .post-tag-list-container ul.post-tag-list li a:after, .link-button-alt:after {
  content: "\f101";
  font-family: "Font Awesome 6 Pro";
  margin-left: 8px;
}

.previous-page-link.link-button:after, .post-tag-list-container ul.post-tag-list li a.previous-page-link:after {
  display: none;
}

header#header {
  background-color: #00b9da;
}
header#header .header-left {
  margin: 0;
  padding: 10px 40px;
  background-color: #ffffff;
}
header#header .header-left #logo img {
  width: 164px;
  height: auto;
}
header#header .header-right {
  margin: 0 0 0 auto;
}
header#header .header-content {
  display: inline-block;
  margin-right: 15px;
}
header#header .widget-container {
  display: inline-block;
}
header#header .widget-container a {
  color: #ffffff;
  font-weight: 300;
}
header#header .widget-container a i {
  font-weight: 300;
}
header#header .widget-container.widget_icl_lang_sel_widget {
  display: block;
}
header#header .widget-container.widget_icl_lang_sel_widget .wpml-ls-link {
  padding: 0px;
  padding-right: 8px;
}

.header-lang-buttons-container {
  display: none;
}

footer#footer {
  background-color: #f7f7f7;
}
footer#footer .footer-content .footer-some-area {
  margin-left: auto;
  margin-right: 0px;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
footer#footer .footer-content p {
  margin-bottom: 0px;
}
footer#footer .footer-content .footer-contact {
  text-align: center;
  width: 100%;
}
footer#footer .footer-content .footer-contact ul {
  margin: 0;
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}
footer#footer .footer-content .footer-contact ul li a {
  color: #444444;
  font-weight: 300;
}
footer#footer #copyright {
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
}
footer#footer #copyright a {
  color: #444444;
  font-weight: 300;
}

@media only screen and (min-width: 1220px) {
  .header-lang-buttons-container {
    display: inline-block;
  }
  header#header .header-left {
    padding: 14px 40px;
    width: 244px;
  }
  header#header .header-right {
    margin: 0 0 0 auto;
  }
  header#header .header-content {
    margin-right: 0px;
  }
  footer#footer .footer-content .footer-some-area {
    width: auto;
    text-align: left;
    margin-bottom: 0px;
  }
  footer#footer .footer-content .footer-contact {
    text-align: left;
    width: auto;
  }
  footer#footer .footer-content .footer-contact ul {
    margin-bottom: 0px;
  }
  footer#footer .footer-content .footer-contact ul li {
    display: inline-block;
    font-weight: 300;
  }
  footer#footer .footer-content .footer-contact ul li strong {
    text-transform: uppercase;
  }
  footer#footer .footer-content .footer-contact ul li:after {
    content: "/";
    color: #ffb316;
    margin-right: 5px;
    margin-left: 10px;
  }
  footer#footer .footer-content .footer-contact ul li:last-child:after {
    content: none;
    margin: 0;
  }
  footer#footer #copyright {
    text-align: left;
  }
}
@media only screen and (min-width: 480px) {
  .jyrki-blog-container {
    background-color: #f7f7f7;
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .jyrki-blog-container {
    padding: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .jyrki-blog-container {
    padding: 50px;
  }
  .iframe-container {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 1220px) {
  .jyrki-blog-container {
    padding: 100px;
  }
}
.main-content-container {
  background-color: #00b9da;
}
.main-content-container #main-content-area {
  padding: 20px;
}
.main-content-container #main-content-area h1 {
  font-weight: 500;
  color: #ffffff;
}
.main-content-container #main-content-area .link-button, .main-content-container #main-content-area .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .main-content-container #main-content-area a {
  background-color: #ffb316;
}
.main-content-container #main-content-area p {
  color: #ffffff;
}
.main-content-container .main-background-image {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.testimonials-content-container {
  background-color: #ffb316;
}
.testimonials-content-container #main-content-area {
  padding: 20px;
}
.testimonials-content-container #main-content-area h1 {
  font-weight: 500;
  color: #ffffff;
}
.testimonials-content-container #main-content-area .link-button, .testimonials-content-container #main-content-area .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .testimonials-content-container #main-content-area a {
  background-color: #ffb316;
}
.testimonials-content-container #main-content-area p {
  color: #ffffff;
}
.testimonials-content-container .testimonials-background-image {
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (min-width: 1024px) {
  .main-content-container #main-content-area {
    padding: 40px;
  }
  .main-content-container #main-content-area h1 {
    font-size: 2.9444444444em;
  }
  .main-content-container .main-background-image {
    height: 300px;
    min-height: 300px;
  }
  .testimonials-content-container #main-content-area {
    padding: 100px;
  }
  .testimonials-content-container #main-content-area h1 {
    font-size: 2.9444444444em;
  }
  .testimonials-content-container .testimonials-background-image {
    height: 300px;
  }
}
@media only screen and (max-width: 1219px) {
  .main-content-container .image-col {
    order: 1;
  }
  .main-content-container .content-col {
    order: 2;
  }
  .main-content-container .main-background-image {
    height: 100%;
    height: 200px;
  }
}
@media only screen and (min-width: 1220px) {
  .main-content-container #main-content-area {
    padding: 100px;
  }
  .main-content-container .main-background-image {
    height: 100%;
  }
  .testimonials-content-container .testimonials-background-image {
    height: 100%;
  }
}
.article-date {
  color: #6b6b6b;
}

.recent-articles-title h3 {
  color: #444444;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 2.1428571429em;
}

.tease {
  margin-bottom: 0px;
  border: 0;
}
.tease p {
  margin-bottom: 18px;
}
.tease .article-category {
  color: #00b9da;
  font-size: 18px;
  text-transform: uppercase;
}
.tease h4 {
  font-size: 27px;
  color: #444444;
  position: relative;
  margin-bottom: 18;
  margin-top: 18px;
  padding-bottom: 18px;
  font-weight: 400;
}
.tease h4 a {
  font-weight: 400;
}
.tease h4:after {
  background-color: #ffb316;
  position: absolute;
  height: 3px;
  width: 80px;
  content: "";
  bottom: -2px;
  left: 0;
}
.tease .read-more-link {
  margin-top: 18px;
}
.tease .read-more-link a {
  color: #ffb316;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
.tease .read-more-link a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f101";
  margin-left: 5px;
}

.service-boxes img {
  margin-bottom: 2em;
  width: 150px;
}
.service-boxes h2 {
  font-weight: 400;
  color: #444444;
}
.service-boxes a {
  color: #ffb316;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.login-content-container h2 {
  color: #444444;
  font-weight: 500;
  font-size: 2.1428571429em;
}

.login-container {
  position: relative;
  padding-bottom: 60px;
  height: 100%;
}
.login-container img {
  margin-bottom: 25px;
  width: 150px;
}
.login-container h3 {
  color: #444444;
  font-weight: 400;
  font-size: 1.8571428571em;
}
.login-container .login-link-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.login-container .login-link-container .link-button, .login-container .login-link-container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .login-container .login-link-container a {
  background-color: #ffb316;
  text-transform: uppercase;
}
.login-container .login-link-container .link-button:after, .login-container .login-link-container .post-tag-list-container ul.post-tag-list li a:after, .post-tag-list-container ul.post-tag-list li .login-container .login-link-container a:after {
  content: "\f30d";
  font-family: "Font Awesome 6 Pro";
  margin-left: 5px;
  font-weight: 400;
}

blockquote {
  font-size: 1em;
  opacity: 1;
  margin: 0;
  margin-right: 0;
  font-style: initial;
  position: relative;
  padding-left: 2.4em;
  border-left: 5px solid #ffb316;
}

blockquote:before {
  display: none;
}

@media only screen and (min-width: 1024px) {
  blockquote {
    font-size: 1em;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .recent-articles-title h3 {
    font-size: 3.2222222222em;
  }
  .service-boxes h2 {
    font-size: 1.5em;
  }
  .login-content-container h2 {
    font-size: 3.2222222222em;
  }
  .login-content-container .login-centered-content h3 {
    font-size: 2.1666666667em;
  }
}
#comment {
  width: 100%;
}

input[type=submit] {
  background-color: #ffb316;
}

.tease-history {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.tease-history .tease-image {
  min-height: 300px;
  margin-top: 0;
  text-align: center;
  display: none;
}
.tease-history .tease-content {
  min-height: 300px;
}
.tease-history .content-padding {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
}

.timeline-container {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
.timeline-container:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  border-left: 4px solid #ffb316;
  left: 0;
  margin-left: -2px;
  top: 0;
}
.timeline-container article.tease-history .tease-image {
  display: block;
}
.timeline-container article.tease-history .content-padding {
  position: relative;
  padding-left: 40px;
}
.timeline-container article.tease-history .content-padding .inner-container {
  color: #fff;
  padding: 20px;
  background-color: #ffb316;
  border-radius: 15px;
}
.timeline-container article.tease-history .content-padding .inner-container h1, .timeline-container article.tease-history .content-padding .inner-container h2, .timeline-container article.tease-history .content-padding .inner-container h3 {
  color: #fff;
}
.timeline-container article.tease-history .content-padding .inner-container a {
  color: #fff;
  text-decoration: underline;
}
.timeline-container article.tease-history .content-padding .inner-container .link-button, .timeline-container article.tease-history .content-padding .inner-container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .timeline-container article.tease-history .content-padding .inner-container a {
  color: #ffb316;
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.timeline-container article.tease-history .content-padding:before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  left: 0;
  right: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #ffb316;
}

@media only screen and (min-width: 768px) {
  .timeline-container:before {
    border-left: 8px solid #ffb316;
    left: 50%;
    margin-left: -4px;
  }
  .timeline-container article.tease-history .content-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .timeline-container article.tease-history .content-padding *:last-child {
    margin-bottom: 0;
  }
  .timeline-container article.tease-history:nth-child(even) .tease-image {
    order: 2;
    text-align: center;
    float: right;
  }
  .timeline-container article.tease-history:nth-child(even) .content-padding {
    padding-left: 0;
  }
  .timeline-container article.tease-history:nth-child(odd) .content-padding {
    padding-right: 0;
  }
  .timeline-container article.tease-history:nth-child(even) .content-padding:before {
    left: auto;
    right: 0;
    border-width: 20px 30px 20px 0;
    border-color: transparent #ffb316 transparent transparent;
  }
}
/* 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: 1380px;
}

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

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

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

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

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

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

.sidebanner {
  margin-bottom: 1em;
}

.sidebanner .banner-text {
  margin-right: 5px;
}

.sidebanner a, .sidebanner span.no-link {
  padding: 15px 20px;
  font-size: 23px;
  min-height: 90px;
  font-weight: 500;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.sidebanner .banner-icon {
  float: right;
  margin-left: auto;
  font-size: 1.5em;
}

#sidebar .widget-container.widget_sidebannerwidget div {
  padding: 0;
}

#sidebar .sidebar-border {
  border-right: 1px solid #d4d4d4;
}
#sidebar .sidebar-heading {
  background-color: #00b9da;
  padding: 0.5em 0.8em;
  min-height: 65px;
  line-height: 0.9;
  margin-right: -1px;
}
#sidebar h2 {
  color: #fff;
  font-size: 1.2777777778em;
  margin-bottom: 0;
  font-weight: 500;
}

#main-image-container {
  text-align: center;
  position: relative;
  z-index: -1;
}

.widget_archive .hide {
  background-color: #00b9da;
  padding: 0.5em 0.8em;
  min-height: 65px;
  line-height: 0.9;
  margin-right: -1px;
  color: #ffffff;
  font-size: 1.2777777778em;
  font-weight: 700;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
}

.widget_archive ul {
  list-style: none;
  padding-left: 15px;
}