@charset "UTF-8";
/* turcouse example : 30D5C8 */
/* Heading-colors / defaults */
/*$narrow_wrapper: 920px;*/
/*$wide_alt_wrapper: 1800px;*/
/*$content-default-padding-xs: 15px;*/
/*$content-default-padding-s: 15px;*/
/*$content-default-padding-m: 20px;*/
/*$content-default-padding-l: 30px;*/
/*$content-default-padding-xl: 40px;*/
/**

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

@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: #004996;
  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: #004996;
  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: #004996;
  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: #004996 !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 #009098;
}
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: #004996;
}
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: #004996;
  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: #000000;
  padding: 1em 0 1em 0;
  display: inline-block;
  font-size: 0.8em;
}
nav#main ul.menu > li[class*=current] > a {
  color: #004996;
}

/* --------------------------
 *
 * 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: #000000;
  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: #004996;
}
#sidebar .sub-navigation ul.sub-menu li[class*=current] > a {
  color: #004996;
  font-weight: 700;
}
#sidebar .sub-navigation ul.sub-menu ul.sub-menu li[class*=current] > a {
  color: #004996;
}
#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: #004996;
  font-weight: bold;
}
#sidebar .sub-navigation li.level-0[class*=current] > button:before {
  color: #004996 !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: #009098 !important;
  color: #000000 !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: #004996 !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: #004996;
  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: #009098;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

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

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

#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: #004996;
}
#page-top .page-top-content-right a.link-button, #page-top .page-top-content-right footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li #page-top .page-top-content-right a, #page-top .page-top-content-right .primary-bg a.link-button-alt, .primary-bg #page-top .page-top-content-right a.link-button-alt, #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: #004996;
  margin-right: 4px;
  margin-left: 5px;
}
#page-top .page-top-content-right span[class*=icon-]:before {
  color: #004996;
  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, footer#footer .footer-menu-external-links ul li a, .primary-bg .link-button-alt, .post-tag-list-container ul.post-tag-list li a, select, textarea {
  font-family: "Poppins", 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, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .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.4444444444em;
  color: #009098;
  font-family: "Poppins", sans-serif;
}

h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1 {
  font-size: 1.2222222222em;
  color: #009098;
  font-family: "Poppins", sans-serif;
}

h3, .h3 {
  font-size: 1em;
  color: #009098;
  font-family: "Poppins", sans-serif;
}

h4, .h4 {
  font-size: 0.8888888889em;
  color: #009098;
}

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

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

h1 a, .h1 a,
h2 a, .h2 a, .section-top-content h1 a, .section-top-content h2 a, .section-top-content h3 a, .section-top-content h4 a, .section-top-content h5 a, .section-top-content h6 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: #004996;
  transition: all 0.3s;
  transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1024px) {
  /* Desktop otsikot */
  h1, .h1 {
    font-size: 1.65em;
  }
  h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1 {
    font-size: 1.2em;
  }
  h3, .h3 {
    font-size: 1em;
  }
  h4, .h4 {
    font-size: 1em;
  }
  h5, .h5 {
    font-size: 0.85em;
  }
  h6, .h6 {
    font-size: 0.85em;
  }
}
.primary-font {
  font-family: "Poppins", sans-serif;
}

.secondary-font {
  font-family: "Poppins", 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: #004996;
}

.primary-bg {
  background-color: #004996;
  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 footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .primary-bg a, .primary-bg a.link-button-alt, .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: #009098;
  color: #fff;
}
.primary-bg b, .primary-bg strong {
  color: #fff;
}

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

.secondary-bg {
  background-color: #009098;
  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 footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .secondary-bg a, .secondary-bg .primary-bg a.link-button-alt, .primary-bg .secondary-bg a.link-button-alt, .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: #004996;
  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: #004996;
  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,
footer#footer .footer-menu-external-links ul li a,
.primary-bg .link-button-alt,
.post-tag-list-container ul.post-tag-list li a {
  display: inline-block;
  padding: 0.8em 2em 0.8em 2em;
  margin: 0 10px 15px 0;
  font-weight: 700;
  border-radius: 12px;
  font-size: 1em;
  border: 0px;
  background-color: #004996;
  color: #fff;
  border-radius: 8px 8px 8px 8px;
}

input[type=button],
button, .btn, .link-button-alt {
  background-color: #009098;
  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, footer#footer .footer-menu-external-links ul li a, .primary-bg .link-button-alt, .post-tag-list-container ul.post-tag-list li a {
  background-color: #004996;
  color: #fff;
}

input[type=button].white-btn,
button.white-btn, .button.white-btn, .btn.white-btn, .link-button.white-btn, footer#footer .footer-menu-external-links ul li a.white-btn, .primary-bg .white-btn.link-button-alt, .post-tag-list-container ul.post-tag-list li a.white-btn {
  background-color: #fff;
  color: #000000;
}

/* 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: 1920px;
}

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

.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: #009098;
  border-radius: 8px;
  display: inline-block;
}

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

.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: #009098;
}
.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: #000000;
}
.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: #009098;
  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: #009098;
  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: #004996;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid !important;
}

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

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

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

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

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

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

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

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

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: #004996;
  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: #009098;
  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: #000000;
  font-weight: bold;
}
.woocommerce ul.products li.product .button {
  background-color: #004996;
  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 footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .wc-mini-cart-button a, .wc-mini-cart-button .primary-bg a.link-button-alt, .primary-bg .wc-mini-cart-button a.link-button-alt, .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: #004996;
  color: #ffffff;
}
.wc-mini-cart-button span.cart-item-counter {
  background: #009098;
  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: #004996;
  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 footer#footer .footer-menu-external-links ul li a,
footer#footer .footer-menu-external-links ul li .woocommerce #main-content-area a,
.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 footer#footer .footer-menu-external-links ul li a,
footer#footer .footer-menu-external-links ul li .woocommerce-cart #main-content-area a,
.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 2em 0.8em 2em;
  margin: 0 10px 15px 0;
  font-weight: 700;
  border-radius: 12px;
  font-size: 1em;
  border: 0px;
  background-color: #004996;
  color: #fff;
  border-radius: 8px 8px 8px 8px;
}
.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: #004996;
  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 footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .woocommerce #main-content-area a, .woocommerce #main-content-area .primary-bg .link-button-alt, .primary-bg .woocommerce #main-content-area .link-button-alt, .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 footer#footer .footer-menu-external-links ul li a,
footer#footer .footer-menu-external-links ul li .woocommerce-cart #main-content-area a,
.woocommerce-cart #main-content-area .primary-bg .link-button-alt,
.primary-bg .woocommerce-cart #main-content-area .link-button-alt,
.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: #004996;
  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;
  }
}
/* Common styles - loaded also in editor */
.content-wrapper {
  max-width: 1080px;
  margin: 0 auto;
}

.content-padding {
  padding: 40px 0 20px 0;
}
@media only screen and (min-width: 1220px) {
  .content-padding {
    padding: 60px 0 40px 0;
  }
}

/* --------------------------
 *
 * Main navigation
 *
** ----------------------- */
/* Main nav */
nav#main.dropdown li.menu-item-has-children ul.sub-menu {
  background-color: #fff;
  box-shadow: 0 4px 10px #585858;
  top: 45px;
  left: -4em;
  border: 0;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li {
  border: 0;
  text-align: left;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li a {
  font-size: 0.7em;
}
@media only screen and (min-width: 1366px) {
  nav#main.dropdown li.menu-item-has-children ul.sub-menu li a {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1440px) {
  nav#main.dropdown li.menu-item-has-children ul.sub-menu li a {
    font-size: 0.9em;
  }
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li {
  /*
  &:not(.level-0) { 
  	display: flex;
  	justify-content: space-between;

  	a {
  		width: 90%;
  	}
  	button.toggle-submenu {
  		width: 10%;
  		position: relative;
  		top: auto;
  	}
  }
  */
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu li button.toggle-submenu {
  top: 8px;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu {
  /*&.menu-level-3,*/
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu.menu-level-4, nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu.menu-level-5, nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu.menu-level-6 {
  position: relative;
  left: 0;
  margin: 0;
  width: 100%;
  background: #ebebeb;
  box-shadow: none;
  border-top: 0;
  border-bottom: 1px solid #ccc;
  padding-left: 0.5em;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu.menu-level-4 {
  background: #f2f2f2;
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu ul.sub-menu.menu-level-5 {
  background: #d9d9d9;
}
nav#main ul.menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
nav#main ul.menu > li {
  margin: 0 0.85em;
}
@media only screen and (min-width: 1600px) {
  nav#main ul.menu > li {
    margin: 0 1em;
  }
}
nav#main ul.menu > li > a {
  font-size: 0.8em;
  padding: 0;
}
@media only screen and (min-width: 1600px) {
  nav#main ul.menu > li > a {
    font-size: 1em;
  }
}
nav#main ul.menu {
  /*
  @include media-from(mxl){
  	& > li > a { 
  		font-size: em(16,$desktop_fsz); 
  		padding: .5em 0; 
  	}
  }
  @include media-from(1440px){
  	& > li > a { 
  		font-size: em(18,$desktop_fsz); 
  		padding: .5em 0; 
  	}
  }
  */
}
nav#main ul.menu > li[class*=current] > a {
  font-weight: 600;
}

/* --------------------------
 *
 * Mobilenav
 *
** ----------------------- */
#mobilenav-top-container .site-logo a {
  width: auto;
}

#mobilenav-top-container .site-logo img {
  max-height: 35px;
}

#mobilenav #mobilenav-top-container .mobilenav-close {
  padding: 0.1em;
}

#mobilenav .mobilenav-bg {
  background-color: #fff;
}
#mobilenav .mobilenav-bg #mobilenav-mid-container {
  background-color: #009098;
}
#mobilenav .mobilenav-info {
  color: #818589;
  display: flex;
}
#mobilenav .mobilenav-info .wpml-ls-legacy-list-horizontal {
  margin: 1.5em 0;
  padding-left: 0;
}
#mobilenav .mobilenav-info .wpml-ls-legacy-list-horizontal a:first-of-type {
  padding-left: 0px;
  margin-left: 0px;
}
#mobilenav .mobilenav-info .wpml-ls-legacy-list-horizontal .wpml-ls-item {
  margin-right: 1em;
}
#mobilenav .mobilenav-info .header_cart-container {
  float: left;
  margin-left: 0;
  margin-top: 8px;
}
#mobilenav .mobilenav-info .login_buttons_container {
  margin-bottom: 10px;
}
#mobilenav .mobilenav-info .login_buttons_container .link-button, #mobilenav .mobilenav-info .login_buttons_container footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li #mobilenav .mobilenav-info .login_buttons_container a, #mobilenav .mobilenav-info .login_buttons_container .primary-bg .link-button-alt, .primary-bg #mobilenav .mobilenav-info .login_buttons_container .link-button-alt, #mobilenav .mobilenav-info .login_buttons_container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li #mobilenav .mobilenav-info .login_buttons_container a {
  font-size: 14px;
}
#mobilenav .mobilenav-info .site-search {
  max-width: 100% !important;
  margin-left: 0px !important;
  width: 100%;
}
#mobilenav #mobilenav-top-container .mobilenav-close {
  margin-bottom: 0;
}
#mobilenav #mobilenav-additional .search-form {
  max-width: 100%;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > span.open-submenu {
  background-color: #fff;
}

.open-mobile-nav {
  margin-bottom: 0;
}
.open-mobile-nav span.button-text {
  text-transform: none;
  font-weight: 600;
  margin-top: 0;
}

/* Lang nav */
.language-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wpml-ls-legacy-dropdown-click {
  width: auto;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle: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-top: -3px;
  margin-left: 0.5em;
  font-size: 0.8em;
  border: 0;
}

.wpml-ls-legacy-list-horizontal {
  padding: 0 7px;
}

@media only screen and (min-width: 1220px) {
  .owl-height {
    height: auto !important;
  }
  .owl-carousel .single-slide .flex {
    height: 735px;
  }
  .owl-carousel .single-slide .slider-image {
    /*border-bottom-left-radius: 50px;*/
  }
}
/* --------------------------
 *
 * Font styles
 *
** ----------------------- */
/* all headings */
h1, .h1, h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphenate-limit-chars: 12 3 4;
  -webkit-hyphenate-limit-before: 8; /* For Safari */
  -webkit-hyphenate-limit-after: 5; /* For Safari */
  -ms-hyphenate-limit-chars: 12 3 4;
  font-family: var(--wp--preset--font-family--bold);
}
h1 a, .h1 a, h2 a, .h2 a, .section-top-content h1 a, .section-top-content h2 a, .section-top-content h3 a, .section-top-content h4 a, .section-top-content h5 a, .section-top-content h6 a, .tease h1 a, .tease .h1 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  color: #004996;
}
h1, .h1, h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.15;
  color: #000000;
  overflow: hidden;
}

/* Mobile */
h1, .h1 {
  font-size: 1.7777777778em;
}

h1.has-xx-large-font-size, h2.has-xx-large-font-size, h3.has-xx-large-font-size, h4.has-xx-large-font-size, h5.has-xx-large-font-size {
  font-size: 1.7777777778em !important;
}

h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1 {
  font-size: 1.5555555556em;
  color: #004996;
}

h1.has-x-large-font-size, h2.has-x-large-font-size, h3.has-x-large-font-size, h4.has-x-large-font-size, h5.has-x-large-font-size {
  font-size: 1.5555555556em !important;
  color: #004996;
}

h3, .h3 {
  font-size: 1.3333333333em;
  color: #000000;
}

h1.has-large-font-size, h2.has-large-font-size, h3.has-large-font-size, h4.has-large-font-size, h5.has-large-font-size {
  font-size: 1.3333333333em !important;
  color: #000000;
}

h4, .h4 {
  font-size: 1.3333333333em;
  color: #009098;
}

h1.has-medium-font-size, h2.has-medium-font-size, h3.has-medium-font-size, h4.has-medium-font-size, h5.has-medium-font-size {
  font-size: 1.3333333333em !important;
  color: #009098;
}

h5, .h5 {
  font-size: 1.3333333333em;
}

h1.has-small-font-size, h2.has-small-font-size, h3.has-small-font-size, h4.has-small-font-size, h5.has-small-font-size {
  font-size: 1.3333333333em !important;
  color: #000000;
}

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

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 1.9444444444em;
  }
  h1.has-xx-large-font-size, h2.has-xx-large-font-size, h3.has-xx-large-font-size, h4.has-xx-large-font-size, h5.has-xx-large-font-size {
    font-size: 1.9444444444em !important;
  }
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 2em;
    line-height: 1.25;
  }
  h1.has-xx-large-font-size, h2.has-xx-large-font-size, h3.has-xx-large-font-size, h4.has-xx-large-font-size, h5.has-xx-large-font-size {
    font-size: 2em !important;
    line-height: 1.25;
    color: #000000;
  }
  h2, .h2, .section-top-content h1, .section-top-content h2, .section-top-content h3, .section-top-content h4, .section-top-content h5, .section-top-content h6, .tease h1, .tease .h1 {
    font-size: 1.8em;
  }
  h1.has-x-large-font-size, h2.has-x-large-font-size, h3.has-x-large-font-size, h4.has-x-large-font-size, h5.has-x-large-font-size {
    font-size: 1.8em !important;
  }
  h3, .h3 {
    font-size: 1.5em;
  }
  h1.has-large-font-size, h2.has-large-font-size, h3.has-large-font-size, h4.has-large-font-size, h5.has-large-font-size {
    font-size: 1.5em !important;
  }
  h4, .h4 {
    font-size: 1.3em;
  }
  h1.has-medium-font-size, h2.has-medium-font-size, h3.has-medium-font-size, h4.has-medium-font-size, h5.has-medium-font-size {
    font-size: 1.3em !important;
  }
  h5, .h5 {
    font-size: 1.2em;
  }
  h1.has-small-font-size, h2.has-small-font-size, h3.has-small-font-size, h4.has-small-font-size, h5.has-small-font-size {
    font-size: 1.2em !important;
  }
  h6, .h6 {
    font-size: 1.2em;
  }
}
#footer h1, #footer .h1, #footer h2, #footer .h2, #footer h3, #footer .h3, #footer h4, #footer .h4, #footer h5, #footer .h5, #footer h6, #footer .h6 {
  color: #fff;
}

/* --------------------------
 *
 * Search-form
 *
** ----------------------- */
.search-form {
  overflow: hidden;
  height: 37px;
  position: relative;
  padding: 0;
  background-color: transparent;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
}
.search-form input[type=search] {
  height: 35px;
  line-height: 34px;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0 37px 0 20px;
  box-sizing: border-box;
  font-size: 0.7em;
  background: transparent;
}
.search-form button[type=submit] {
  height: 37px;
  width: 42px;
  padding: 0 !important;
  outline: none;
  margin: 0 !important;
  border: 0;
  background-color: transparent !important;
  color: #000000 !important;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px;
}
.search-form.rounded {
  border-radius: 15px;
  z-index: 1;
}

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

.woocommerce-product-search {
  overflow: hidden;
  height: 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: #004996 !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;
}

.woocommerce #main-content-col.wrapper {
  max-width: 4200px;
  margin: 0 auto;
}
.woocommerce.archive .wc-content.wrapper {
  max-width: 1360px;
}
.woocommerce {
  /**
  *
  * Search ui before product list 
  * 
  */
}
.woocommerce .woocommerce-result-count {
  padding-left: max(0px, (100% - var(--wp--style--global--content-size)) / 2);
}
.woocommerce .woocommerce-ordering {
  padding-right: max(0px, (100% - var(--wp--style--global--content-size)) / 2);
}
.woocommerce #main-content-area .custom-product-search {
  margin-bottom: 3em;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.75rem;
  padding: 1.75rem;
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vaalean-sininen);
  border-radius: 16px;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row {
  position: relative;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .col-filter-select {
  width: 100%;
  /*
  					@media only all and (min-width: 768px) {
  						width: calc(50% - 1.4492753623%);
  					}
  */
}
@media only all and (min-width: 1024px) {
  .woocommerce #main-content-area .custom-product-search .custom-product-filters .row .col-filter-select {
    width: 18.5507246377%;
  }
}
@media only all and (min-width: 1024px) {
  .woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel {
    position: absolute;
    left: 0;
    margin-left: 1.4492753623%;
    width: 98.5507246377%;
    top: 60px;
  }
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel {
  background-color: #fff;
  color: #000;
  margin-top: -10px;
  border: 1px solid #bfbfbf;
  border-radius: 8px 8px 8px 8px;
  padding-left: 20px;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel.theme {
  border-top-left-radius: 0;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel.use-case {
  border-top-right-radius: 0;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel fieldset {
  padding: 0 0 1em 0;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin: 1em 0 0 0;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel fieldset legend {
  margin-top: 1em;
  padding: 0.5rem 2rem;
  font-size: 1rem;
  font-weight: bold;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel fieldset label {
  width: 100%;
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel fieldset label input[type=checkbox] {
  margin-top: 0.5em;
  flex-shrink: 0;
}
@media only screen and (min-width: 1024px) {
  .woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-panel fieldset label {
    width: 30%;
  }
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter {
  position: relative;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  background-color: #009098;
  margin: 0;
  padding: 8px 16px;
}
@media (max-width: 1090px) {
  .woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button {
    padding: 8px 10px;
  }
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button {
  font-size: 0.75em;
  width: 100%;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button:after {
  content: "\f054";
  font-family: "Font awesome 6 Pro";
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button[aria-expanded=true] {
  background-color: #fff;
  color: #000;
  border: 1px solid #bfbfbf;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button[aria-expanded=true]:after {
  content: "\f078";
  font-family: "Font awesome 6 Pro";
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button.close-filter-options-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  margin: 0;
  margin-left: auto;
  margin-right: 1rem;
  border: 1px solid #000;
  border-radius: 50%;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter button:focus-visible {
  /* fix focus fully visible (otherwise bottom of ring is not shown */
  position: relative;
  z-index: 2;
  border: none;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter:has(button[aria-expanded=true]):after {
  content: "";
  width: calc(100% - 2px);
  height: 25px;
  background: #fff;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter {
  /* if selected filters displayed under select-filter */
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .select-filter .selected-filters span {
  display: inline-block;
  width: 100%;
  padding: 0 2rem;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-options:has(.open) {
  margin-bottom: 2rem;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-options:has(.open) .filters {
  border: 1px solid #bfbfbf;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-options {
  display: block;
}
.woocommerce #main-content-area .custom-product-search .custom-product-filters .row .filter-options.open {
  display: block;
}
.woocommerce #main-content-area .custom-product-search {
  /* if selected filters separated from filter options above search */
}
.woocommerce #main-content-area .custom-product-search .selected-filters .selected-filters-label {
  font-weight: bold;
  display: block;
}
.woocommerce #main-content-area .custom-product-search .selected-filters .show-remove-selected-filters {
  margin-bottom: 1em;
}
.woocommerce #main-content-area .custom-product-search .selected-filters .show-remove-selected-filters button.btn-remove-filter {
  display: inline-block;
  margin: 0 1em 0.5em 0;
  width: auto;
  cursor: pointer;
  padding: 0;
  background: none;
  color: #000;
  font-weight: 400;
  text-align: left;
}
@media only all and (max-width: 1024px) {
  .woocommerce #main-content-area .custom-product-search .selected-filters .show-remove-selected-filters button.btn-remove-filter {
    display: block;
    width: 100%;
  }
}
.woocommerce #main-content-area .custom-product-search .selected-filters .show-remove-selected-filters button.btn-remove-filter span {
  /* mobile when text break multiple lines, make second.. lines same indent .. */
  display: inline-flex;
  align-items: flex-start;
}
.woocommerce #main-content-area .custom-product-search .selected-filters .show-remove-selected-filters button.btn-remove-filter span::before {
  margin-top: 0.25em;
}
.woocommerce #main-content-area .custom-product-search .search-field-container {
  display: flex;
  justify-content: space-between;
}
.woocommerce #main-content-area .custom-product-search .search-field-container input[type=search] {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #bfbfbf;
  max-width: 80%;
  padding: 0 0 0 2rem;
  margin-right: 1em;
  border-radius: 8px 8px 8px 8px;
  font-size: 1rem;
  flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .woocommerce #main-content-area .custom-product-search .search-field-container input[type=search] {
    width: 100%;
    max-width: 100%;
  }
}
.woocommerce #main-content-area .custom-product-search .search-field-container button[type=submit] {
  margin: 0;
  padding: 8px 40px;
}
@media only screen and (max-width: 767px) {
  .woocommerce #main-content-area .custom-product-search .search-field-container button[type=submit] {
    width: 100%;
  }
}
@media only all and (max-width: 578px) {
  .woocommerce #main-content-area .custom-product-search .search-field-container {
    flex-flow: row wrap;
  }
  .woocommerce #main-content-area .custom-product-search .search-field-container input[type=search] {
    min-height: 41px;
    margin-bottom: 1rem;
    margin-right: 0;
    max-width: 100%;
  }
}
.woocommerce {
  /**
  *
  * Product lists
  *
  */
}
.woocommerce ul.products {
  /*
  & {
  	max-width: $wc_content_wrapper !important;
  }
  */
}
.woocommerce ul.products li.product {
  position: relative;
  padding: 1em 1em 140px 1em;
}
.woocommerce ul.products li.product .button {
  width: 88%;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  border-radius: 8px;
  padding: 0.85em 0.6em !important;
  font-size: 0.85em !important;
}
.woocommerce ul.products li.product .button.product_type_simple, .woocommerce ul.products li.product .button.product_type_variable {
  bottom: 80px !important;
}
.woocommerce ul.products li.product .loop-image-container {
  cursor: pointer;
}
.woocommerce {
  /**
  *
  * Single product
  *
  */
}
.woocommerce.single-product .woocommerce-product-gallery__image {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.woocommerce.single-product #main-content-area .single-product-details {
  margin-top: 3em;
}
@media only screen and (min-width: 768px) {
  .woocommerce.single-product #main-content-area .single-product-details .summary {
    padding-left: 2em;
  }
}
.woocommerce.single-product #main-content-area .single-product-details .summary {
  /* Hide product category links (osastot) */
}
.woocommerce.single-product #main-content-area .single-product-details .summary .posted_in {
  display: none;
}
.woocommerce.single-product #main-content-area .single-product-details .summary .downloads {
  margin-top: 1em;
}
.woocommerce.single-product #main-content-area .single-product-details table.variations {
  width: 100%;
  text-align: left;
  margin-bottom: 1.5em;
}
.woocommerce.single-product #main-content-area .single-product-details table.variations select {
  margin: 0 1em;
}
.woocommerce.single-product #main-content-area .single-product-details .woocommerce-variation-price {
  margin-bottom: 2.5em;
}
.woocommerce.single-product #main-content-area .single-product-details .cart input.qty, .woocommerce.single-product #main-content-area .single-product-details .cart button {
  height: 45px !important;
}
.woocommerce.single-product #main-content-area .single-product-details .cart button.single_add_to_cart_button {
  font-size: 0.875em;
  height: 45px !important;
}
.woocommerce.single-product #main-content-area .single-product-details .cart .button.download-pdf {
  margin-left: 1rem !important;
}
.woocommerce {
  /*
    Product listing & single product onsale style 
  */
}
.woocommerce span.onsale {
  min-height: 4em;
  min-width: 4em;
  background-color: #009098;
  color: white;
  font-size: 0.857em;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-15deg);
  text-transform: uppercase;
}
.woocommerce {
  /*
  	Download pdf listing & single style
  */
}
.woocommerce .download-pdf {
  background-color: #009098 !important;
  color: #ffffff;
}
.woocommerce #main-content-area .single-product-details .button.download-pdf {
  font-size: 0.85em !important;
  vertical-align: top;
}

/**
*
* Order phases
*
*/
.woocommerce-cart-form,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-page .woocommerce-checkout {
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
  float: none;
}

#main-content-area .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row {
  display: inline-block;
  width: 95%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media only screen and (min-width: 480px) {
  #main-content-area .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row {
    display: inline-block;
    width: 48%;
  }
}
#main-content-area .woocommerce-checkout .invoicing-selections .radio-field-option {
  margin-bottom: 0.25em;
}
#main-content-area .woocommerce-checkout .invoicing-selections .radio-field-option input[type=radio] {
  margin-right: 0.5em;
}
#main-content-area .woocommerce-checkout .einvoicing-fields {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  gap: 0.5em;
  margin-bottom: 1em;
}
#main-content-area .woocommerce-checkout .einvoicing-fields p.form-row {
  display: inline-block;
  width: 95%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media only screen and (min-width: 480px) {
  #main-content-area .woocommerce-checkout .einvoicing-fields p.form-row {
    display: inline-block;
    width: 48%;
  }
}

/** 
	WooCommerce and custon Blocks 
**/
@media only screen and (max-width: 479px) {
  .wp-block-woocommerce-product-collection .wc-block-product-template__responsive {
    grid-template-columns: none;
  }
  .wp-block-woocommerce-product-collection .wc-block-product-template__responsive .wc-block-product {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-woocommerce-product-collection li.wc-block-product {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  padding: 1em 1em 140px 1em;
  border: 1px solid #bfbfbf;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  padding: 1em;
  margin: 0;
  border-radius: 8px;
  background-color: #fff;
}
.wp-block-woocommerce-product-collection li.wc-block-product .wp-block-post-title {
  font-size: 1em;
}
.wp-block-woocommerce-product-collection li.wc-block-product {
  /* push buttons to bottom - select first wp-block-button and set margin-top */
}
.wp-block-woocommerce-product-collection li.wc-block-product :nth-child(1 of .wp-block-button) {
  margin-top: auto;
}
.wp-block-woocommerce-product-collection li.wc-block-product .button, .wp-block-woocommerce-product-collection li.wc-block-product .wp-block-button__link {
  width: 100%;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  border-radius: 8px;
  padding: 0.5em 0.85em !important;
  font-size: 16px !important;
}
.wp-block-woocommerce-product-collection li.wc-block-product .button.product_type_simple, .wp-block-woocommerce-product-collection li.wc-block-product .button.product_type_variable, .wp-block-woocommerce-product-collection li.wc-block-product .wp-block-button__link.product_type_simple, .wp-block-woocommerce-product-collection li.wc-block-product .wp-block-button__link.product_type_variable {
  bottom: 80px !important;
}
.wp-block-woocommerce-product-collection li.wc-block-product .button.download-pdf, .wp-block-woocommerce-product-collection li.wc-block-product .wp-block-button__link.download-pdf {
  background-color: #009098 !important;
  color: #ffffff;
}
.wp-block-woocommerce-product-collection li.wc-block-product .wc-block-components-product-image img {
  -o-object-position: top;
     object-position: top;
  max-height: 200px;
}
.wp-block-woocommerce-product-collection li.wc-block-product span.onsale {
  min-height: 4em;
  min-width: 4em;
  background-color: #009098;
  color: white;
  font-size: 0.857em;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-15deg);
  text-transform: uppercase;
  padding: 0.202em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  top: 0;
  right: 0;
  left: auto;
  margin: -0.5em -0.5em 0 0;
  border-radius: 100%;
}
.wp-block-woocommerce-product-collection li.wc-block-product span.onsale.empty {
  /* placeholder for editor when there isnt badge*/
  background-color: #fff;
  opacity: 30%;
  border: 1px solid #000;
}

/*@import "_ideabank.scss";*/
#main-content-col .wp-site-blocks,
#main-content-col h1, #main-content-col h2, #main-content-col h3, #main-content-col h4, #main-content-col h5, #main-content-col h6,
.is-root-container .wp-site-blocks,
.is-root-container h1,
.is-root-container h2,
.is-root-container h3,
.is-root-container h4,
.is-root-container h5,
.is-root-container h6 {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
#main-content-col #main-content-area > h1:first-of-type,
.is-root-container #main-content-area > h1:first-of-type {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  #main-content-col #main-content-area > h1:first-of-type,
  .is-root-container #main-content-area > h1:first-of-type {
    margin-top: 40px;
  }
}
#main-content-col .alignwide,
.is-root-container .alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}
#main-content-col .alignfull,
.is-root-container .alignfull {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#main-content-col,
.is-root-container {
  /* Force all 1. level wp-block-group that has alignfull setting to full with and fix main-content-area wrapper padding with -20px margins */
}
#main-content-col .article-body > .wp-block-group.alignfull,
.is-root-container .article-body > .wp-block-group.alignfull {
  max-width: 4200px !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
#main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h1, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h2, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h3, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h4, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h5, #main-content-col .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color a,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h1,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h2,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h3,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h4,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color h5,
.is-root-container .has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color a {
  color: #fff;
}
#main-content-col .is-style-bg-wallpaper-turquoise,
.is-root-container .is-style-bg-wallpaper-turquoise {
  background-image: url("/content/themes/ikainstituuttifi/assets/img/tapettikuvio-turkoosi.png");
}
#main-content-col .is-style-bg-wallpaper-turquoise, #main-content-col .is-style-bg-wallpaper-turquoise h1, #main-content-col .is-style-bg-wallpaper-turquoise h2, #main-content-col .is-style-bg-wallpaper-turquoise h3, #main-content-col .is-style-bg-wallpaper-turquoise h4, #main-content-col .is-style-bg-wallpaper-turquoise h5, #main-content-col .is-style-bg-wallpaper-turquoise a,
.is-root-container .is-style-bg-wallpaper-turquoise,
.is-root-container .is-style-bg-wallpaper-turquoise h1,
.is-root-container .is-style-bg-wallpaper-turquoise h2,
.is-root-container .is-style-bg-wallpaper-turquoise h3,
.is-root-container .is-style-bg-wallpaper-turquoise h4,
.is-root-container .is-style-bg-wallpaper-turquoise h5,
.is-root-container .is-style-bg-wallpaper-turquoise a {
  color: #fff;
}
#main-content-col .is-style-bg-wallpaper-blue,
.is-root-container .is-style-bg-wallpaper-blue {
  background-image: url("/content/themes/ikainstituuttifi/assets/img/tapettikuvio-sininen.png");
}
#main-content-col .is-style-bg-wallpaper-blue, #main-content-col .is-style-bg-wallpaper-blue h1, #main-content-col .is-style-bg-wallpaper-blue h2, #main-content-col .is-style-bg-wallpaper-blue h3, #main-content-col .is-style-bg-wallpaper-blue h4, #main-content-col .is-style-bg-wallpaper-blue h5, #main-content-col .is-style-bg-wallpaper-blue a,
.is-root-container .is-style-bg-wallpaper-blue,
.is-root-container .is-style-bg-wallpaper-blue h1,
.is-root-container .is-style-bg-wallpaper-blue h2,
.is-root-container .is-style-bg-wallpaper-blue h3,
.is-root-container .is-style-bg-wallpaper-blue h4,
.is-root-container .is-style-bg-wallpaper-blue h5,
.is-root-container .is-style-bg-wallpaper-blue a {
  color: #fff;
}
#main-content-col .section-padding,
.is-root-container .section-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 20px;
  padding-right: 20px;
}
#main-content-col.is-root-container .section-padding,
.is-root-container.is-root-container .section-padding {
  margin-top: 1rem;
}
#main-content-col .section-with-wallpaper > h1:first-child, #main-content-col .section-with-wallpaper > h2:first-child, #main-content-col .section-with-wallpaper > h3:first-child, #main-content-col .section-with-wallpaper > h4:first-child,
#main-content-col .section-with-links > h1:first-child,
#main-content-col .section-with-links > h2:first-child,
#main-content-col .section-with-links > h3:first-child,
#main-content-col .section-with-links > h4:first-child,
.is-root-container .section-with-wallpaper > h1:first-child,
.is-root-container .section-with-wallpaper > h2:first-child,
.is-root-container .section-with-wallpaper > h3:first-child,
.is-root-container .section-with-wallpaper > h4:first-child,
.is-root-container .section-with-links > h1:first-child,
.is-root-container .section-with-links > h2:first-child,
.is-root-container .section-with-links > h3:first-child,
.is-root-container .section-with-links > h4:first-child {
  margin: 0;
  padding-bottom: 3rem;
}
#main-content-col .section-with-wallpaper .wp-block-button .wp-block-button__link,
.is-root-container .section-with-wallpaper .wp-block-button .wp-block-button__link {
  margin-bottom: 0;
}
#main-content-col .section-with-two-columns .right-col h1:first-child, #main-content-col .section-with-two-columns .right-col h2:first-child, #main-content-col .section-with-two-columns .right-col h3:first-child, #main-content-col .section-with-two-columns .right-col h4:first-child,
.is-root-container .section-with-two-columns .right-col h1:first-child,
.is-root-container .section-with-two-columns .right-col h2:first-child,
.is-root-container .section-with-two-columns .right-col h3:first-child,
.is-root-container .section-with-two-columns .right-col h4:first-child {
  color: #000;
}
#main-content-col .section-with-links .wp-block-buttons,
.is-root-container .section-with-links .wp-block-buttons {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: start;
  max-width: calc(var(--wp--style--global--content-size) - 10em);
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 600px) {
  #main-content-col .section-with-links .wp-block-buttons,
  .is-root-container .section-with-links .wp-block-buttons {
    grid-template-columns: 1fr;
  }
}
#main-content-col .section-with-links .wp-block-buttons .wp-block-button .wp-block-button__link,
.is-root-container .section-with-links .wp-block-buttons .wp-block-button .wp-block-button__link {
  color: #004996;
  text-align: left;
  background-color: transparent;
  border: 3px solid #004996;
  font-size: 1.3em;
  padding: 0.85em 1.5em;
}
#main-content-col .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link,
.is-root-container .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link {
  margin-right: 3rem;
  margin-bottom: 0;
  align-items: start;
  display: flex;
}
#main-content-col .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after,
.is-root-container .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after {
  position: absolute;
  right: 0;
  padding-right: 1.5rem;
}
@media (max-width: 900px) {
  #main-content-col .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after,
  .is-root-container .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after {
    padding-right: 1rem;
  }
}
@media (max-width: 600px) {
  #main-content-col .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link,
  .is-root-container .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link {
    margin-right: 0;
  }
  #main-content-col .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after,
  .is-root-container .section-with-links .wp-block-buttons .wp-block-button[class*=has-icon-][class$=-after] .wp-block-button__link::after {
    padding-right: 1rem;
  }
}
#main-content-col .wp-block-button,
.is-root-container .wp-block-button {
  /* Alternative button color*/
}
#main-content-col .wp-block-button.is-style-custom-alternative .wp-block-button__link,
.is-root-container .wp-block-button.is-style-custom-alternative .wp-block-button__link {
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-turkoosi);
}
#main-content-col .wp-block-button,
.is-root-container .wp-block-button {
  /* Default button styles */
}
#main-content-col .wp-block-button .wp-block-button__link,
.is-root-container .wp-block-button .wp-block-button__link {
  background-color: #004996;
  color: #ffffff;
  padding: 0.6em 1.5em 0.6em 1.5em;
  margin: 0 10px 15px 0;
  font-weight: 700;
  border-radius: 12px;
  font-size: 1em;
  border: 0px;
  border-radius: 8px 8px 8px 8px;
}
#main-content-col .wp-block-button,
.is-root-container .wp-block-button {
  /* Button icon styles */
}
#main-content-col .wp-block-button.has-icon-right-open .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-right-open .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-right-open-after .wp-block-button__link::after,
.is-root-container .wp-block-button.has-icon-right-open-after .wp-block-button__link::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  font-weight: 700;
  display: inline-block;
  margin-left: 6px;
}
#main-content-col .wp-block-button.has-icon-location .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-location .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3c5";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-mobile .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-mobile .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f3cd";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-phone .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-phone .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f095";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-mail .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-mail .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0e0";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-external .wp-block-button__link::before,
.is-root-container .wp-block-button.has-icon-external .wp-block-button__link::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f35d";
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
}
#main-content-col .wp-block-button.has-icon-external-after .wp-block-button__link::after,
.is-root-container .wp-block-button.has-icon-external-after .wp-block-button__link::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f35d";
  font-weight: 700;
  display: inline-block;
  margin-left: 6px;
}
#main-content-col .hero,
.is-root-container .hero {
  padding: 4em 0 3em 0;
  margin-bottom: 2em;
}
#main-content-col .hero .wrapper,
.is-root-container .hero .wrapper {
  padding: 0 20px;
  margin: 0 auto;
  max-width: var(--wp--style--global--content-size);
  width: 100%;
}
#main-content-col .hero .wrapper.wp-site-blocks,
.is-root-container .hero .wrapper.wp-site-blocks {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
#main-content-col .hero .wrapper.alignwide,
.is-root-container .hero .wrapper.alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}
#main-content-col .hero .wrapper.alignfull,
.is-root-container .hero .wrapper.alignfull {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#main-content-col .hero .wp-block-heading,
.is-root-container .hero .wp-block-heading {
  font-size: 2.2em;
}
#main-content-col .hero .hero-image figure,
.is-root-container .hero .hero-image figure {
  margin: 0;
}
#main-content-col .hero .hero-image .default-border-radius img,
.is-root-container .hero .hero-image .default-border-radius img {
  border-radius: 8px 8px 8px 8px;
}
#main-content-col .two-columns-w-image .wp-block-columns,
.is-root-container .two-columns-w-image .wp-block-columns {
  max-width: 100%;
  gap: 0;
  margin-bottom: 0;
}
#main-content-col .two-columns-w-image .column-content,
.is-root-container .two-columns-w-image .column-content {
  padding: 3em 2em 2em 2em;
  max-width: 700px;
  margin: 0 0 0 auto;
}
#main-content-col .two-columns-w-image .wp-block-cover,
.is-root-container .two-columns-w-image .wp-block-cover {
  height: 100%;
}
#main-content-col .two-columns-w-image.two-columns-w-image-left .column-content,
.is-root-container .two-columns-w-image.two-columns-w-image-left .column-content {
  margin-right: auto;
}
#main-content-col .two-columns-w-image.two-columns-w-image-right .column-content,
.is-root-container .two-columns-w-image.two-columns-w-image-right .column-content {
  margin-left: auto;
}
#main-content-col .section-top-content,
.is-root-container .section-top-content {
  padding-bottom: 1em;
}
#main-content-col .icon-boxes-section .content-wrapper,
.is-root-container .icon-boxes-section .content-wrapper {
  max-width: 1300px;
}
#main-content-col .icon-boxes-section .icon-boxes a,
.is-root-container .icon-boxes-section .icon-boxes a {
  color: #ffffff;
}
#main-content-col .icon-box-section .icon-boxes,
.is-root-container .icon-box-section .icon-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#main-content-col .icon-box-section .icon-boxes .icon-box,
.is-root-container .icon-box-section .icon-boxes .icon-box {
  font-weight: normal;
}
#main-content-col .icon-box-section .icon-boxes .icon-box:focus, #main-content-col .icon-box-section .icon-boxes .icon-box:active,
.is-root-container .icon-box-section .icon-boxes .icon-box:focus,
.is-root-container .icon-box-section .icon-boxes .icon-box:active {
  text-decoration: none;
}
#main-content-col .icon-box-section .icon-boxes .icon-box,
.is-root-container .icon-box-section .icon-boxes .icon-box {
  border-radius: 8px 8px 8px 8px;
  flex: 0 0 calc(100% - 10px);
}
@media only screen and (min-width: 768px) {
  #main-content-col .icon-box-section .icon-boxes .icon-box,
  .is-root-container .icon-box-section .icon-boxes .icon-box {
    flex: 0 0 calc(50% - 10px);
  }
}
#main-content-col .icon-box-section .icon-boxes .icon-box.block-editor-block-list__block,
.is-root-container .icon-box-section .icon-boxes .icon-box.block-editor-block-list__block {
  flex: 0 0 calc(50% - (12px + 1rem));
}
#main-content-col .wp-block-ikainstituuttifi-iconbox,
.is-root-container .wp-block-ikainstituuttifi-iconbox {
  display: inline-flex;
}
#main-content-col .wp-block-ikainstituuttifi-iconbox a,
.is-root-container .wp-block-ikainstituuttifi-iconbox a {
  display: inline-flex;
  color: #fff;
}
#main-content-col .wp-block-ikainstituuttifi-iconbox,
.is-root-container .wp-block-ikainstituuttifi-iconbox {
  padding: 0.8em 0.5em;
  font-size: 0.9em;
}
@media only screen and (min-width: 768px) {
  #main-content-col .wp-block-ikainstituuttifi-iconbox,
  .is-root-container .wp-block-ikainstituuttifi-iconbox {
    padding: 1em 0.5em;
  }
}
#main-content-col .wp-block-ikainstituuttifi-iconbox .ib-icon,
.is-root-container .wp-block-ikainstituuttifi-iconbox .ib-icon {
  align-content: center;
  width: 25%;
  padding-right: 10px;
  text-align: center;
  font-size: 2rem;
}
@media only screen and (min-width: 1024px) {
  #main-content-col .wp-block-ikainstituuttifi-iconbox .ib-icon,
  .is-root-container .wp-block-ikainstituuttifi-iconbox .ib-icon {
    width: 20%;
    font-size: 2.5rem;
  }
}
#main-content-col .wp-block-ikainstituuttifi-iconbox .ib-content,
.is-root-container .wp-block-ikainstituuttifi-iconbox .ib-content {
  align-content: center;
  width: 75%;
}
@media only screen and (min-width: 1024px) {
  #main-content-col .wp-block-ikainstituuttifi-iconbox .ib-content,
  .is-root-container .wp-block-ikainstituuttifi-iconbox .ib-content {
    width: 80%;
  }
}
#main-content-col .wp-block-ikainstituuttifi-iconbox .ib-content .heading,
.is-root-container .wp-block-ikainstituuttifi-iconbox .ib-content .heading {
  font-size: 1.2222222222em;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #main-content-col .wp-block-ikainstituuttifi-iconbox .ib-content .heading,
  .is-root-container .wp-block-ikainstituuttifi-iconbox .ib-content .heading {
    font-size: 1.3em;
  }
}
#main-content-col .wp-block-ikainstituuttifi-iconbox .ib-content .sh-text,
.is-root-container .wp-block-ikainstituuttifi-iconbox .ib-content .sh-text {
  font-weight: 400;
  line-height: 1.25;
  display: block;
  margin-top: 5px;
}
#main-content-col .yoast-breadcrumbs,
.is-root-container .yoast-breadcrumbs {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
#main-content-col .ajankohtaista-column-list,
.is-root-container .ajankohtaista-column-list {
  padding-bottom: 3rem;
  /*
      & {
          justify-content: center;
          align-items: normal;
      }
      .wp-block-post {
          width: 100%;
      }
      @include media-from(s){
          .wp-block-post {
              width: 48%;
          }
      }
      @include media-from(m){
          .wp-block-post {
              width: 30%;
          }
      }
      @include media-from(l){
          .wp-block-post {
              width: 24%;
          }
      }
  */
}
#main-content-col .ajankohtaista-column-list .teaser,
.is-root-container .ajankohtaista-column-list .teaser {
  cursor: pointer;
  height: 100%;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
  padding-bottom: 20px;
  color: #000;
}
#main-content-col .ajankohtaista-column-list .teaser a,
.is-root-container .ajankohtaista-column-list .teaser a {
  color: #004996;
}
#main-content-col .ajankohtaista-column-list .teaser figure,
.is-root-container .ajankohtaista-column-list .teaser figure {
  margin-top: 0;
  border-radius: 8px 8px 0px 0px;
}
#main-content-col .ajankohtaista-column-list .teaser figure img,
.is-root-container .ajankohtaista-column-list .teaser figure img {
  border-radius: 8px 8px 0px 0px;
}
#main-content-col .ajankohtaista-column-list .teaser .wp-block-post-title,
.is-root-container .ajankohtaista-column-list .teaser .wp-block-post-title {
  font-size: 1em;
  font-weight: bold;
  word-wrap: break-word;
  hyphens: auto;
}
#main-content-col .ajankohtaista-column-list .teaser .wp-block-post-excerpt,
.is-root-container .ajankohtaista-column-list .teaser .wp-block-post-excerpt {
  font-size: 0.9em;
  word-wrap: break-word;
}
#main-content-col .ajankohtaista-column-list .teaser .wp-block-post-title, #main-content-col .ajankohtaista-column-list .teaser .wp-block-post-excerpt,
.is-root-container .ajankohtaista-column-list .teaser .wp-block-post-title,
.is-root-container .ajankohtaista-column-list .teaser .wp-block-post-excerpt {
  padding-left: 20px;
  padding-right: 20px;
}
#main-content-col section.event-list,
#main-content-col .event-list-block,
.is-root-container section.event-list,
.is-root-container .event-list-block { /* block */
  /* styles that do not apply to search result page */
  /* There is atleast one teaser image in event-list so 
     set some top margin for those which are missing event image 
  */
}
#main-content-col section.event-list:has(figure) .teaser:not(:has(figure.teaser-image)) .teaser-content, #main-content-col section.event-list:has(figure) .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
#main-content-col .event-list-block:has(figure) .teaser:not(:has(figure.teaser-image)) .teaser-content,
#main-content-col .event-list-block:has(figure) .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
.is-root-container section.event-list:has(figure) .teaser:not(:has(figure.teaser-image)) .teaser-content,
.is-root-container section.event-list:has(figure) .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
.is-root-container .event-list-block:has(figure) .teaser:not(:has(figure.teaser-image)) .teaser-content,
.is-root-container .event-list-block:has(figure) .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content {
  margin-top: 180px;
}
#main-content-col section.event-list,
#main-content-col .search-results-section,
#main-content-col .event-list-block,
.is-root-container section.event-list,
.is-root-container .search-results-section,
.is-root-container .event-list-block { /* block */ }
#main-content-col section.event-list,
#main-content-col .search-results-section,
#main-content-col .event-list-block,
.is-root-container section.event-list,
.is-root-container .search-results-section,
.is-root-container .event-list-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  gap: 1em;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  #main-content-col section.event-list,
  #main-content-col .search-results-section,
  #main-content-col .event-list-block,
  .is-root-container section.event-list,
  .is-root-container .search-results-section,
  .is-root-container .event-list-block {
    padding-left: 0;
  }
}
#main-content-col section.event-list .wp-block-post,
#main-content-col .search-results-section .wp-block-post,
#main-content-col .event-list-block .wp-block-post,
.is-root-container section.event-list .wp-block-post,
.is-root-container .search-results-section .wp-block-post,
.is-root-container .event-list-block .wp-block-post {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  #main-content-col section.event-list .wp-block-post,
  #main-content-col .search-results-section .wp-block-post,
  #main-content-col .event-list-block .wp-block-post,
  .is-root-container section.event-list .wp-block-post,
  .is-root-container .search-results-section .wp-block-post,
  .is-root-container .event-list-block .wp-block-post {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) {
  #main-content-col section.event-list .wp-block-post,
  #main-content-col .search-results-section .wp-block-post,
  #main-content-col .event-list-block .wp-block-post,
  .is-root-container section.event-list .wp-block-post,
  .is-root-container .search-results-section .wp-block-post,
  .is-root-container .event-list-block .wp-block-post {
    width: 30%;
  }
}
@media only screen and (min-width: 1024px) {
  #main-content-col section.event-list .wp-block-post,
  #main-content-col .search-results-section .wp-block-post,
  #main-content-col .event-list-block .wp-block-post,
  .is-root-container section.event-list .wp-block-post,
  .is-root-container .search-results-section .wp-block-post,
  .is-root-container .event-list-block .wp-block-post {
    width: 23%;
  }
}
#main-content-col section.event-list,
#main-content-col .search-results-section,
#main-content-col .event-list-block,
.is-root-container section.event-list,
.is-root-container .search-results-section,
.is-root-container .event-list-block {
  /*
  &.columns-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  @media (max-width: 900px) {
      &.columns-4 {
          grid-template-columns: repeat(2, minmax(0, 1fr));

      }        
  }
  */
  /* If there is no event image but there is event-execution-type, set default margin top
      so that execution-type badge do not cover title 
  */
}
#main-content-col section.event-list .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
#main-content-col .search-results-section .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
#main-content-col .event-list-block .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
.is-root-container section.event-list .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
.is-root-container .search-results-section .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content,
.is-root-container .event-list-block .teaser:not(:has(figure.teaser-image)):has(.event-execution-type) .teaser-content {
  margin-top: 2rem;
}
#main-content-col section.event-list .teaser,
#main-content-col .search-results-section .teaser,
#main-content-col .event-list-block .teaser,
.is-root-container section.event-list .teaser,
.is-root-container .search-results-section .teaser,
.is-root-container .event-list-block .teaser {
  cursor: pointer;
  height: 100%;
  background-color: #fff;
  border-radius: 8px 8px 8px 8px;
  padding-bottom: 20px;
  color: #000;
  border: 1px solid #D9D9D9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  position: relative;
}
#main-content-col section.event-list .teaser .event-execution-type,
#main-content-col .search-results-section .teaser .event-execution-type,
#main-content-col .event-list-block .teaser .event-execution-type,
.is-root-container section.event-list .teaser .event-execution-type,
.is-root-container .search-results-section .teaser .event-execution-type,
.is-root-container .event-list-block .teaser .event-execution-type {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 0.9375rem;
  display: inline-block;
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-sininen);
  color: #fff;
  padding: 0.5em 1em;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#main-content-col section.event-list .teaser figure,
#main-content-col .search-results-section .teaser figure,
#main-content-col .event-list-block .teaser figure,
.is-root-container section.event-list .teaser figure,
.is-root-container .search-results-section .teaser figure,
.is-root-container .event-list-block .teaser figure {
  background-color: #D9D9D9;
  margin: 0;
  border-radius: 8px 8px 0px 0px;
  aspect-ratio: auto;
  overflow: hidden;
  width: 100%;
  height: 180px;
}
@media only screen and (max-width: 767px) {
  #main-content-col section.event-list .teaser figure,
  #main-content-col .search-results-section .teaser figure,
  #main-content-col .event-list-block .teaser figure,
  .is-root-container section.event-list .teaser figure,
  .is-root-container .search-results-section .teaser figure,
  .is-root-container .event-list-block .teaser figure {
    aspect-ratio: initial;
    height: auto;
  }
  #main-content-col section.event-list .teaser figure img,
  #main-content-col .search-results-section .teaser figure img,
  #main-content-col .event-list-block .teaser figure img,
  .is-root-container section.event-list .teaser figure img,
  .is-root-container .search-results-section .teaser figure img,
  .is-root-container .event-list-block .teaser figure img {
    max-height: none !important;
    width: 100% !important;
  }
}
#main-content-col section.event-list .teaser figure img,
#main-content-col .search-results-section .teaser figure img,
#main-content-col .event-list-block .teaser figure img,
.is-root-container section.event-list .teaser figure img,
.is-root-container .search-results-section .teaser figure img,
.is-root-container .event-list-block .teaser figure img {
  border-radius: 8px 8px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  max-width: none;
  max-height: 180px;
  width: auto;
}
#main-content-col section.event-list .teaser .teaser-content,
#main-content-col .search-results-section .teaser .teaser-content,
#main-content-col .event-list-block .teaser .teaser-content,
.is-root-container section.event-list .teaser .teaser-content,
.is-root-container .search-results-section .teaser .teaser-content,
.is-root-container .event-list-block .teaser .teaser-content {
  padding: 20px 10px 10px 20px;
  font-size: 1em;
  align-items: flex-start;
}
#main-content-col section.event-list .teaser .teaser-content .wp-block-post-excerpt,
#main-content-col .search-results-section .teaser .teaser-content .wp-block-post-excerpt,
#main-content-col .event-list-block .teaser .teaser-content .wp-block-post-excerpt,
.is-root-container section.event-list .teaser .teaser-content .wp-block-post-excerpt,
.is-root-container .search-results-section .teaser .teaser-content .wp-block-post-excerpt,
.is-root-container .event-list-block .teaser .teaser-content .wp-block-post-excerpt {
  font-size: 1rem;
  word-wrap: break-word;
}
#main-content-col section.event-list .teaser .teaser-content .wp-block-post-title,
#main-content-col .search-results-section .teaser .teaser-content .wp-block-post-title,
#main-content-col .event-list-block .teaser .teaser-content .wp-block-post-title,
.is-root-container section.event-list .teaser .teaser-content .wp-block-post-title,
.is-root-container .search-results-section .teaser .teaser-content .wp-block-post-title,
.is-root-container .event-list-block .teaser .teaser-content .wp-block-post-title {
  font-size: 1em;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
}
#main-content-col section.event-list .teaser .teaser-content .event-short-desc,
#main-content-col section.event-list .teaser .teaser-content .article-location-and-date,
#main-content-col .search-results-section .teaser .teaser-content .event-short-desc,
#main-content-col .search-results-section .teaser .teaser-content .article-location-and-date,
#main-content-col .event-list-block .teaser .teaser-content .event-short-desc,
#main-content-col .event-list-block .teaser .teaser-content .article-location-and-date,
.is-root-container section.event-list .teaser .teaser-content .event-short-desc,
.is-root-container section.event-list .teaser .teaser-content .article-location-and-date,
.is-root-container .search-results-section .teaser .teaser-content .event-short-desc,
.is-root-container .search-results-section .teaser .teaser-content .article-location-and-date,
.is-root-container .event-list-block .teaser .teaser-content .event-short-desc,
.is-root-container .event-list-block .teaser .teaser-content .article-location-and-date {
  font-size: 0.8em;
}
#main-content-col #event-search .event-search-form-container,
.is-root-container #event-search .event-search-form-container {
  max-width: var(--wp--style--global--content-size);
  margin-bottom: 2rem;
}
#main-content-col #event-search .event-search-form-container .event-search-form .submit-btn-container,
.is-root-container #event-search .event-search-form-container .event-search-form .submit-btn-container {
  display: flex;
  margin-bottom: 0;
}
#main-content-col #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit],
.is-root-container #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit] {
  margin-left: auto;
  margin-bottom: 0;
  max-height: 3rem;
  padding: 0.5rem 1rem;
}
#main-content-col #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit] span,
.is-root-container #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit] span {
  padding-right: 1rem;
}
@media only screen and (max-width: 767px) {
  #main-content-col #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit],
  .is-root-container #event-search .event-search-form-container .event-search-form .submit-btn-container button[type=submit] {
    width: 100%;
  }
}
#main-content-col #event-search .event-search-form-container .event-search-form #event-list-filters,
.is-root-container #event-search .event-search-form-container .event-search-form #event-list-filters {
  display: none;
  padding: 2em;
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vaalean-sininen);
  border-radius: 16px;
}
#main-content-col #event-search .event-search-form-container .event-search-form.open button.open-search-form,
.is-root-container #event-search .event-search-form-container .event-search-form.open button.open-search-form {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#main-content-col #event-search .event-search-form-container .event-search-form.open button.open-search-form span::after,
.is-root-container #event-search .event-search-form-container .event-search-form.open button.open-search-form span::after {
  content: "\f078";
}
#main-content-col #event-search .event-search-form-container .event-search-form.open #event-list-filters,
.is-root-container #event-search .event-search-form-container .event-search-form.open #event-list-filters {
  display: block;
}
#main-content-col #event-search .event-search-form-container fieldset,
.is-root-container #event-search .event-search-form-container fieldset {
  padding: 0;
  border: 0;
}
#main-content-col #event-search .event-search-form-container fieldset legend,
.is-root-container #event-search .event-search-form-container fieldset legend {
  font-weight: bold;
}
#main-content-col #event-search .event-search-form-container .open .selected-filters-as-text,
.is-root-container #event-search .event-search-form-container .open .selected-filters-as-text {
  display: none;
}
#main-content-col #event-search .event-search-form-container .open .filter,
.is-root-container #event-search .event-search-form-container .open .filter {
  display: flex;
}
#main-content-col #event-search .event-search-form-container .filter,
.is-root-container #event-search .event-search-form-container .filter {
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
#main-content-col #event-search .event-search-form-container .filter input,
.is-root-container #event-search .event-search-form-container .filter input {
  flex: 0 0 auto;
  margin-top: 0.4em;
}
#main-content-col #event-search .event-search-form-container .filter label,
.is-root-container #event-search .event-search-form-container .filter label {
  flex: 1;
}
#main-content-col,
.is-root-container {
  /* Tapahtumakalenteri (event-list) */
  /*section.event-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;

      .tease-event {
          width: 100%;
      }
  }*/
}
#main-content-col section.event-list .tease-event,
.is-root-container section.event-list .tease-event {
  width: 100%;
  min-height: 100%;
  height: auto;
  display: block;
}
@media only screen and (min-width: 480px) {
  #main-content-col section.event-list .tease-event,
  .is-root-container section.event-list .tease-event {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) {
  #main-content-col section.event-list .tease-event,
  .is-root-container section.event-list .tease-event {
    width: 30%;
  }
}
@media only screen and (min-width: 1024px) {
  #main-content-col section.event-list .tease-event,
  .is-root-container section.event-list .tease-event {
    width: 23%;
  }
}
#main-content-col .post-type-event .event-info,
.is-root-container .post-type-event .event-info {
  padding: 2em;
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vaalean-sininen);
  border-radius: 16px;
  margin-bottom: 2em;
}
#main-content-col .post-type-event .article-image .post-thumbnail-container,
.is-root-container .post-type-event .article-image .post-thumbnail-container {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #main-content-col .post-type-event .article-image,
  .is-root-container .post-type-event .article-image {
    max-width: 100% !important;
    margin-top: 0;
  }
  #main-content-col .post-type-event .article-image.alignright .post-thumbnail-container,
  .is-root-container .post-type-event .article-image.alignright .post-thumbnail-container {
    margin-left: 0 !important;
    margin-top: 0;
  }
}
#main-content-col .post-type-event .article-image.alignright img,
.is-root-container .post-type-event .article-image.alignright img {
  margin-left: 0 !important;
}
#main-content-col .article-list-with-highlight,
.is-root-container .article-list-with-highlight {
  padding-bottom: 3rem;
}
#main-content-col .article-list-with-highlight .teaser,
.is-root-container .article-list-with-highlight .teaser {
  cursor: pointer;
}
#main-content-col .article-list-with-highlight a,
.is-root-container .article-list-with-highlight a {
  color: #000;
}
#main-content-col .article-list-with-highlight .post-list__featured,
.is-root-container .article-list-with-highlight .post-list__featured {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
}
@media (max-width: 600px) {
  #main-content-col .article-list-with-highlight .post-list__featured,
  .is-root-container .article-list-with-highlight .post-list__featured {
    grid-template-columns: 1fr;
  }
}
#main-content-col .article-list-with-highlight .post-list__featured,
.is-root-container .article-list-with-highlight .post-list__featured {
  gap: 4rem;
  margin-bottom: 3rem;
}
#main-content-col .article-list-with-highlight .post-list__featured-content,
.is-root-container .article-list-with-highlight .post-list__featured-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#main-content-col .article-list-with-highlight .post-list__featured-content h3,
.is-root-container .article-list-with-highlight .post-list__featured-content h3 {
  font-size: 1.8rem;
  margin-left: 0;
  margin-right: 0;
}
#main-content-col .article-list-with-highlight .post-list__featured img,
.is-root-container .article-list-with-highlight .post-list__featured img {
  width: 100%;
  height: auto;
  display: block;
}
#main-content-col .article-list-with-highlight .post-list__grid,
.is-root-container .article-list-with-highlight .post-list__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 600px) {
  #main-content-col .article-list-with-highlight .post-list__grid,
  .is-root-container .article-list-with-highlight .post-list__grid {
    grid-template-columns: 1fr;
  }
}
#main-content-col .article-list-with-highlight .post-list__grid,
.is-root-container .article-list-with-highlight .post-list__grid {
  gap: 2rem;
}
#main-content-col .article-list-with-highlight .post-card img,
.is-root-container .article-list-with-highlight .post-card img {
  width: 100%;
  display: block;
  /*
  aspect-ratio: 16 / 9;
  object-fit: cover;
  */
  aspect-ratio: 16/13;
  -o-object-fit: cover;
  -o-object-position: top;
     object-position: top;
  object-fit: cover;
}
#main-content-col .article-list-with-highlight .post-card h3,
.is-root-container .article-list-with-highlight .post-card h3 {
  font-size: 1.2rem;
  margin-top: 1rem;
}
#main-content-col .content-banner-with-image,
.is-root-container .content-banner-with-image {
  border-radius: 8px 8px 8px 8px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#main-content-col .content-banner-with-image .wp-block-columns,
.is-root-container .content-banner-with-image .wp-block-columns {
  max-width: 100%;
  gap: 0;
  margin-bottom: 0;
}
#main-content-col .content-banner-with-image .column-content,
.is-root-container .content-banner-with-image .column-content {
  padding: 3em 2em 2em 2em;
  max-width: 700px;
  margin: 0 0 0 auto;
}
#main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color .wp-block-button .wp-block-button__link,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-sininen-background-color .wp-block-button .wp-block-button__link {
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-turkoosi);
}
#main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color, #main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h1, #main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h2, #main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h3, #main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h4, #main-content-col .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h5,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h1,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h2,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h3,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h4,
.is-root-container .content-banner-with-image.has-theme-ikainstituuttifi-ikainstituutti-vaalean-sininen-background-color h5 {
  color: #000;
}
#main-content-col .content-banner-with-image .wp-block-cover,
.is-root-container .content-banner-with-image .wp-block-cover {
  height: 100%;
}
#main-content-col .content-banner-with-image .column-content,
.is-root-container .content-banner-with-image .column-content {
  margin-left: auto;
}
#main-content-col .content-banner-with-image .column-image img,
.is-root-container .content-banner-with-image .column-image img {
  border-radius: 8px 8px 8px 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#main-content-col .content-banner-with-angled-image,
.is-root-container .content-banner-with-angled-image {
  overflow: hidden;
}
#main-content-col .content-banner-with-angled-image .wp-block-columns,
.is-root-container .content-banner-with-angled-image .wp-block-columns {
  gap: 0;
}
#main-content-col .content-banner-with-angled-image .wp-block-column:first-child,
.is-root-container .content-banner-with-angled-image .wp-block-column:first-child {
  width: 50%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #main-content-col .content-banner-with-angled-image .column-image,
  .is-root-container .content-banner-with-angled-image .column-image {
    width: 60%;
    margin-left: -10%;
    position: relative;
    z-index: 1;
    clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
  }
}
@media only screen and (max-width: 767px) {
  #main-content-col .content-banner-with-angled-image .column-image:not(:has(img)),
  .is-root-container .content-banner-with-angled-image .column-image:not(:has(img)) {
    display: none;
  }
}
#main-content-col .nf-form-cont,
.is-root-container .nf-form-cont {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
#main-content-col .nf-form-cont .nf-before-form-content,
.is-root-container .nf-form-cont .nf-before-form-content {
  float: none;
}
#main-content-col .wp-block-accordion,
.is-root-container .wp-block-accordion {
  margin: 20px 0;
}
#main-content-col .wp-block-accordion .wp-block-accordion-item,
.is-root-container .wp-block-accordion .wp-block-accordion-item {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  border: 0;
  border-radius: 8px 8px 8px 8px;
  background-color: var(--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vaalean-sininen) !important;
}
#main-content-col .wp-block-accordion .wp-block-accordion-heading,
.is-root-container .wp-block-accordion .wp-block-accordion-heading {
  background-color: transparent !important;
}
#main-content-col .wp-block-accordion .wp-block-accordion-heading .wp-block-accordion-heading__toggle,
.is-root-container .wp-block-accordion .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
  padding: 0.5em 0 0em 1em;
}
#main-content-col .wp-block-accordion .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon,
.is-root-container .wp-block-accordion .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  font-size: 1.25em;
  padding: 0.5em;
  margin: 0 0.25em 0 0;
}
#main-content-col .wp-block-accordion .wp-block-accordion-heading button:focus, #main-content-col .wp-block-accordion .wp-block-accordion-heading button:hover,
.is-root-container .wp-block-accordion .wp-block-accordion-heading button:focus,
.is-root-container .wp-block-accordion .wp-block-accordion-heading button:hover {
  text-decoration: none !important;
}
#main-content-col .wp-block-accordion .wp-block-accordion-panel,
.is-root-container .wp-block-accordion .wp-block-accordion-panel {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 1em 1.5em 1.5em;
  margin-top: -1em;
  margin-bottom: 2em;
}
#main-content-col,
.is-root-container {
  /* Common styles for article lists with teaser */
}
#main-content-col .teaser h1, #main-content-col .teaser h2, #main-content-col .teaser h3, #main-content-col .teaser h4, #main-content-col .teaser h5, #main-content-col .teaser h6,
.is-root-container .teaser h1,
.is-root-container .teaser h2,
.is-root-container .teaser h3,
.is-root-container .teaser h4,
.is-root-container .teaser h5,
.is-root-container .teaser h6 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphenate-limit-chars: 12 3 4;
  -webkit-hyphenate-limit-before: 8; /* For Safari */
  -webkit-hyphenate-limit-after: 5; /* For Safari */
  -ms-hyphenate-limit-chars: 12 3 4;
}

/* Defaults/reset for content with */
#main-content-col p,
#main-content-col p + h1, #main-content-col p + h2, #main-content-col p + h3, #main-content-col p + h4, #main-content-col p + h5, #main-content-col p + h6,
#main-content-col ul,
#main-content-col ol,
#main-content-col .wp-block-heading,
#main-content-col .wp-block-buttons,
#main-content-col .wp-block-gallery,
#main-content-col .yoast-breadcrumbs,
#main-content-col .wp-block-separator {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
#main-content-col {
  /* External link */
}
#main-content-col a[target=_blank]::after {
  content: "\f35d"; /* fa-arrow-up-right-from-square */
  font-family: "Font Awesome 6 Pro";
  font-weight: 900; /* solid-ikonit */
  margin-left: 0.3em;
  display: inline-block;
}
#main-content-col figure.wp-block-image {
  max-width: var(--wp--style--global--content-size);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto !important;
  margin-right: auto !important;
}
#main-content-col figure.wp-block-image.alignleft, #main-content-col img.alignleft {
  margin-left: 0;
}
#main-content-col .wp-block-media-text {
  max-width: var(--wp--style--global--content-size);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 4rem;
}
#main-content-col .wp-block-media-text .wp-block-media-text__content {
  padding: 2em 3em;
}
@media (max-width: 600px) {
  #main-content-col .wp-block-media-text .wp-block-media-text__content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 479px) {
  #main-content-col .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  #main-content-col .wp-block-media-text.has-background .wp-block-media-text__content {
    padding: 2em 2em;
    padding-top: 0;
  }
}
#main-content-col .logo-grid {
  padding-top: 40px;
  padding-bottom: 40px;
}
#main-content-col .logo-grid .wp-block-columns {
  margin-bottom: 0;
}
#main-content-col .logo-grid .wp-block-columns a[target=_blank]::after {
  content: "";
}
#main-content-col .logo-grid .wp-block-columns a {
  display: flex;
  justify-content: center;
}
#main-content-col .logo-grid .wp-block-columns figure {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #main-content-col .logo-grid .wp-block-columns {
    gap: 1em;
  }
  #main-content-col .logo-grid .wp-block-columns img {
    max-height: 70px;
    width: auto;
    margin-left: 1em;
  }
}

/* 
  These styles seems to be missing from version contol and from compiled styles.css 
  Maybe related to master theme "missing commit" ?
*/
.flex.flex-space-between {
  justify-content: space-between;
}

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

/*
	colors etc vars defined in theme.json (just to give a hint to a autocomplete) 
	--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-sininen
	--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vaalean-sininen
	--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-turkoosi
	--wp--preset--color--theme-ikainstituuttifi-ikainstituutti-vihrea

*/
.wp-site-blocks {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

.alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* override stupid yith-auctions bg-color ... */
body {
  background-color: #ffffff !important;
  line-height: 1.65;
  color: #000000;
}

.fas {
  font-family: inherit !important;
  font-weight: inherit !important;
}

.default-border-radius {
  border-radius: 8px 8px 8px 8px;
}

/*Mobile nav*/
.open-mobile-nav {
  width: 37px;
  height: 37px;
  margin: 0 0 0 1em;
  padding: 0;
  background-color: #009098;
  border-radius: 8px 8px 8px 8px;
  float: none;
}
.open-mobile-nav span.mobile-nav-button-html {
  position: relative;
  width: 1.2em;
  height: 1em;
  display: block;
  float: none;
  font-size: 16px;
  margin: 0 auto;
}

body.fixed-header {
  padding-top: 75px;
}
body.fixed-header.admin-bar {
  padding-top: 100px;
}
body.fixed-header.admin-bar header#header {
  top: 30px;
}
@media only screen and (min-width: 1220px) {
  body.fixed-header {
    padding-top: 100px;
  }
  body.fixed-header.admin-bar {
    padding-top: 100px;
  }
  body.fixed-header.admin-bar header#header {
    top: 30px;
  }
}

/* 
#main-content-col.wrapper {
	max-width: 1420px;
	margin: 2em auto;
}
*/
.archive.category #main-content-col.wrapper, .archive.tag #main-content-col.wrapper {
  max-width: var(--wp--style--global--content-size);
  margin: 2em auto;
}

.page #main-content-col.wrapper {
  max-width: 4200px;
  margin: 0 auto;
}

.single #main-content-col {
  margin-top: 2em;
}

.wrapper {
  max-width: 1920px;
}

@media only screen and (min-width: 1220px) {
  .wrapper {
    padding: 0 20px;
  }
}
.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained, .content-wrap-glob {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

header#header {
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  transition: 0.4s all ease;
  height: 75px;
}
header#header .content-container {
  height: 75px;
}
@media only screen and (min-width: 1220px) {
  header#header {
    height: 100px;
  }
  header#header .content-container {
    height: 100px;
  }
}
header#header.fixed {
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
  /*@include media-from(xl){
  	& {
  		height: $header_height_desktop_small;
  	}
  }*/
}
header#header .header-left {
  margin: 0;
  float: none;
  width: auto;
  max-width: 200px;
}
header#header .header-left .header-logo img {
  margin-top: -5px;
}
@media only screen and (min-width: 768px) {
  header#header .header-left {
    width: 225px;
    max-width: none;
    margin: 0;
  }
}
@media only screen and (min-width: 1220px) {
  header#header .header-left {
    width: 15%;
    transition: 0.4s all ease;
  }
}
header#header .header-middle {
  width: auto;
  float: none;
  margin: 0;
}
header#header .header-right {
  float: none;
  margin: 0;
}
@media only screen and (min-width: md) {
  header#header .header-right {
    margin: 1.5em 0 1.5em 0;
  }
}
header#header .header-right .site-search {
  margin: 0 0 0 0.5em;
  max-width: 37px;
}
@media only screen and (max-width: 1365px) {
  header#header .header-right .site-search form.search-form button.search-submit {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
}
@media only screen and (min-width: 1366px) {
  header#header .header-right .site-search {
    margin: 0 0 0 1em;
    max-width: 210px;
  }
}
header#header .header-right .site-search .link-button, header#header .header-right .site-search footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li header#header .header-right .site-search a, header#header .header-right .site-search .primary-bg .link-button-alt, .primary-bg header#header .header-right .site-search .link-button-alt, header#header .header-right .site-search .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li header#header .header-right .site-search a {
  padding: 5px;
  margin: 0;
}
header#header .header-right .shop-actions {
  margin: 0 0 0 0.5em;
}
header#header .header-right .shop-actions .link-button, header#header .header-right .shop-actions footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li header#header .header-right .shop-actions a, header#header .header-right .shop-actions .primary-bg .link-button-alt, .primary-bg header#header .header-right .shop-actions .link-button-alt, header#header .header-right .shop-actions .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li header#header .header-right .shop-actions a {
  background-color: #004996;
}
@media only screen and (min-width: 1600px) {
  header#header .header-right .shop-actions {
    margin: 0 0 0 1em;
  }
}
header#header .header-right .language-nav {
  margin: 0 0 0 0.5em;
}
@media only screen and (min-width: 1600px) {
  header#header .header-right .language-nav {
    margin: 0 0 0 1em;
  }
}
header#header .header-right .link-button, header#header .header-right footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li header#header .header-right a, header#header .header-right .primary-bg .link-button-alt, .primary-bg header#header .header-right .link-button-alt, header#header .header-right .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li header#header .header-right a {
  padding: 0 0.75em;
  height: 37px;
  line-height: 37px;
  margin: 0;
}
header#header .header-bottom.tertiary-bg {
  background-color: rgba(201, 236, 244, 0.5);
}
header#header .header-bottom.tertiary-bg nav#main.dropdown ul.menu > li ul.sub-menu {
  background-color: #e5f5f9;
}
@media only screen and (min-width: 1220px) {
  header#header.minimize .content-container {
    height: 72px;
  }
  header#header.minimize .header-left {
    width: 15%;
  }
  header#header.minimize .header-left .ikiliikkuja-logo img, header#header.minimize .header-left .vv-logo img {
    height: 35px;
    max-width: none;
  }
  header#header.minimize {
    height: 80px;
  }
  header#header.minimize .header-bottom nav#main.dropdown ul.menu > li > a {
    padding: 0.5em 0;
  }
  header#header.minimize .header-bottom nav#main.dropdown ul.menu > li > ul.sub-menu {
    margin-top: -1px;
  }
}

@media only screen and (min-width: 1200px) {
  #main-content-col .hero .wrapper {
    padding: 0;
  }
}

.breadcrumb-wrapper {
  background-color: #f4f4f4;
  padding: 1em 0;
}
.breadcrumb-wrapper .site_breadcrumbs span > span {
  margin: 0 5px;
}
.breadcrumb-wrapper .site_breadcrumbs span > span a {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

.page-template-page-front .breadcrumb-wrapper {
  display: none;
}
.page-template-page-front #outer-content-area-container #main-content-area {
  border-top: 0;
}
.page-template-page-front #outer-content-area-container #main-content-area .content-wrapper {
  max-width: 900px;
  margin: 0 auto;
}

#main-content-area {
  margin-bottom: 2em;
}

.page #main-content-area {
  /* 
  	Apply only pages - not archive pages (for instance Materiaalit) 

  	Article body last element has background. In that case we don't want
  	white are between element background and footer 


  */
}
.page #main-content-area:has(> article > .article-body > .wp-block-group.has-background:last-child) {
  margin-bottom: 0;
}
.page #main-content-area {
  /* front page there is no article-body */
}
.page #main-content-area:has(> article > .wp-block-group.has-background:last-child) {
  margin-bottom: 0;
}

a strong {
  color: inherit !important;
}

.wrapper.lt-padding.vert {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .wrapper.lt-padding.vert {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

#main-image-container {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1220px) {
  #main-image-container {
    height: 450px;
  }
}
@media only screen and (min-width: 1600px) {
  #main-image-container {
    height: 600px;
  }
}

#outer-content-area-container {
  padding: 0;
  position: relative;
}
#outer-content-area-container a {
  font-weight: 700;
}
#outer-content-area-container a.fab, #outer-content-area-container a.fa, #outer-content-area-container a.fas, #outer-content-area-container a.far, #outer-content-area-container a.fal, #outer-content-area-container a.fad {
  font-weight: 700 !important;
}
#outer-content-area-container #main-content-area {
  /*border-top: 5px solid $secondary-color;*/
  /*margin-bottom: $gutter_px * 2;*/
  /*padding: $gutter_px 0 0 0;*/
  padding: 0;
}
#outer-content-area-container #main-content-area .article-body h1, #outer-content-area-container #main-content-area .article-body .h1 {
  overflow-wrap: break-word;
  hyphens: auto;
}
#outer-content-area-container #main-content-area .article-body > [class*=wp-block]:first-child:not(.hero) {
  margin-top: 2em;
}
#outer-content-area-container #main-content-area {
  /*article.article-content {
  	margin-top: 2em;
  	.hero {
  		margin-top: -2em;
  	}
  }*/
}
@media only screen and (min-width: 1220px) {
  #outer-content-area-container {
    padding: 0;
  }
  #outer-content-area-container #main-content-area {
    /*margin-bottom: $gutter_px * 2;*/
    /*padding: $gutter_px * 2 0 0 0;*/
    padding: 0;
  }
}

aside#sidebar.content-padding {
  padding: 0;
}
aside#sidebar .sub-navigation h2 {
  font-size: 1.5em;
}

/* secondary-bg */
.primary-bg h1, .primary-bg .h1, .primary-bg h2, .primary-bg .h2, .primary-bg .section-top-content h1, .section-top-content .primary-bg h1, .primary-bg .section-top-content h2, .section-top-content .primary-bg h2, .primary-bg .section-top-content h3, .section-top-content .primary-bg h3, .primary-bg .section-top-content h4, .section-top-content .primary-bg h4, .primary-bg .section-top-content h5, .section-top-content .primary-bg h5, .primary-bg .section-top-content h6, .section-top-content .primary-bg h6, .primary-bg .tease h1, .tease .primary-bg h1, .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: #ffffff;
}

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

/* tertiary-bg */
.tertiary-color {
  color: #deeaf8;
}

.tertiary-bg {
  background-color: #deeaf8;
  color: #000000;
}
.tertiary-bg h1, .tertiary-bg .h1,
.tertiary-bg h2, .tertiary-bg .h2,
.tertiary-bg h3, .tertiary-bg .h3,
.tertiary-bg h4, .tertiary-bg .h4,
.tertiary-bg h5, .tertiary-bg .h5,
.tertiary-bg h6, .tertiary-bg .h6 {
  color: #000000;
}
.tertiary-bg a {
  color: #004996;
}
.tertiary-bg a.link-button, .tertiary-bg footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .tertiary-bg a, .tertiary-bg .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .tertiary-bg a, .tertiary-bg .primary-bg a.link-button-alt, .primary-bg .tertiary-bg a.link-button-alt {
  background-color: #009098;
  color: #ffffff;
}
.tertiary-bg b, .tertiary-bg strong {
  color: #000000;
}
.tertiary-bg a.link-button-alt {
  color: #fff;
}

/**
* Back to top button
*/
button.back-to-top {
  display: none;
  position: fixed;
  bottom: 0;
  right: -100px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border-radius: 25px;
  padding: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  transition: 0.4s all ease;
  z-index: 2;
}
button.back-to-top span {
  display: none;
}
button.back-to-top.display {
  display: inline-block;
  right: 10px;
}

@media only screen and (min-width: 1220px) {
  button.back-to-top {
    width: 40px;
    height: 40px;
    font-size: 1.2em;
  }
}
footer#footer {
  background-color: #004996;
  color: #fff;
}
footer#footer .widget-container {
  margin-bottom: 40px;
}
footer#footer .content-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1220px) {
  footer#footer .content-padding {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
footer#footer a {
  color: #fff;
}
footer#footer img.logo {
  max-height: 100px;
  width: auto;
}
footer#footer .footer-logo img {
  width: auto;
  height: 55px;
  margin: 0 0.5em 0.5em 0;
}
footer#footer .footer-content {
  padding-right: 2em;
}
footer#footer .footer-menu ul, footer#footer .footer-menu-external-links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
footer#footer .footer-menu ul li, footer#footer .footer-menu-external-links ul li {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  footer#footer .footer-menu ul li, footer#footer .footer-menu-external-links ul li {
    width: 50%;
  }
}
footer#footer .social-links {
  font-size: 1.5em;
}
footer#footer .social-links a {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
}
@media only screen and (max-width: 767px) {
  footer#footer .footer-menu-external-links {
    margin-top: 1em;
  }
}
footer#footer .footer-menu-external-links ul li a {
  padding: 0.6em 2em 0.7em 2em;
  border: 1px solid #fff;
}
@media only screen and (min-width: 1220px) {
  footer#footer .footer-menu-external-links ul li a {
    display: block;
    text-align: center;
  }
}
footer#footer #copyright {
  margin-top: 30px;
}
footer#footer #copyright a {
  color: #fff;
}
footer#footer #copyright .right {
  margin-top: 10px;
}
footer#footer #copyright .right p {
  margin-bottom: 0;
}
footer#footer #copyright {
  text-align: center;
}
@media only screen and (min-width: 1220px) {
  footer#footer #copyright {
    text-align: left;
  }
  footer#footer #copyright .left {
    float: left;
  }
  footer#footer #copyright .right {
    margin-top: 0;
    float: right;
  }
}

/*
* Metaboxes
*/
.section.admin-edit {
  position: relative;
}
.section.admin-edit .edit-section-admin-link {
  display: none;
}
.section.admin-edit .edit-section-admin-link span {
  display: none;
}

.section.admin-edit:hover .edit-section-admin-link {
  display: block;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  background-color: #000000;
  padding: 8px 20px;
  border-radius: 10px;
  opacity: 0.2;
}
.section.admin-edit:hover .edit-section-admin-link:hover {
  opacity: 1;
}
.section.admin-edit:hover .edit-section-admin-link:hover span {
  display: inline-block;
}
.section.admin-edit:hover .edit-section-admin-link a {
  color: #ffffff;
}

/* Icon-boxes */
.section-top-content {
  padding-bottom: 1em;
}
.icon-boxes-section .content-wrapper {
  max-width: 1300px;
}
.icon-boxes-section .icon-boxes a {
  color: #ffffff;
}
.icon-boxes-section .icon-boxes .icon-box {
  padding: 0.5em;
  font-size: 0.9em;
  background-color: #004996;
  min-height: 100px;
}
@media only screen and (min-width: 1220px) {
  .icon-boxes-section .icon-boxes .icon-box {
    padding: 1em 0.5em;
    min-height: 120px;
  }
}
.icon-boxes-section .icon-boxes .icon-box .ib-icon {
  width: 25%;
  padding-right: 10px;
  text-align: center;
  font-size: 2rem;
}
@media only screen and (min-width: 1024px) {
  .icon-boxes-section .icon-boxes .icon-box .ib-icon {
    width: 20%;
    font-size: 2.5rem;
  }
}
.icon-boxes-section .icon-boxes .icon-box .ib-content {
  width: 75%;
}
@media only screen and (min-width: 1024px) {
  .icon-boxes-section .icon-boxes .icon-box .ib-content {
    width: 80%;
  }
}
.icon-boxes-section .icon-boxes .icon-box .ib-content span {
  display: block;
  margin: 0;
}
.icon-boxes-section .icon-boxes .icon-box .ib-content span.heading {
  font-size: 1.2222222222em;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .icon-boxes-section .icon-boxes .icon-box .ib-content span.heading {
    font-size: 1.3em;
  }
}
.icon-boxes-section .icon-boxes .icon-box .ib-content span.sh-text {
  font-weight: 400;
  line-height: 1.25;
  display: block;
  margin-top: 5px;
}
.icon-boxes-section.primary-bg .icon-boxes a {
  color: #004996;
}
.icon-boxes-section.primary-bg .icon-boxes .icon-box {
  background-color: #ffffff;
  color: #004996;
}

.fw-site-search {
  padding-bottom: 1em;
}
.fw-site-search .form-wrapper {
  max-width: 620px;
  margin: 0 auto;
}
.fw-site-search .form-wrapper input[type=search], .fw-site-search .form-wrapper input[type=text] {
  height: 48px;
  line-height: 48px;
  border: 1px solid #bfbfbf;
  outline: none;
  width: 75%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  font-size: 1em;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
}
.fw-site-search .form-wrapper input[type=search]::-moz-placeholder, .fw-site-search .form-wrapper input[type=text]::-moz-placeholder {
  color: #000000;
}
.fw-site-search .form-wrapper input[type=search]::placeholder, .fw-site-search .form-wrapper input[type=text]::placeholder {
  color: #000000;
}
.fw-site-search .form-wrapper input[type=search], .fw-site-search .form-wrapper input[type=text] {
  width: 70%;
}
@media only screen and (min-width: 1024px) {
  .fw-site-search .form-wrapper input[type=search], .fw-site-search .form-wrapper input[type=text] {
    width: 75%;
  }
}
.fw-site-search .form-wrapper button[type=submit], .fw-site-search .form-wrapper input[type=submit] {
  color: #fff;
  background-color: #009098;
  position: relative;
  height: 48px;
  line-height: 48px;
  margin: 0 0 0 1em;
  padding: 0 1em;
  width: 20%;
}
@media only screen and (min-width: 1024px) {
  .fw-site-search .form-wrapper button[type=submit], .fw-site-search .form-wrapper input[type=submit] {
    width: auto;
  }
}

.search-results #outer-content-area-container {
  padding: 0;
  /*#main-content-area {
  	margin: 0 0 2em 0;
  	padding:0;
  }*/
}
.search-results .searchform {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}
.search-results {
  /*.form-wrapper {
  	& {
  		margin: 0 auto;
  	}
  	input[type=search],input[type=text] {
  		max-width: 585px;
  		height: 52px;
  		margin: 0 1em 0 0;
  	}
  	button[type=submit]{
  		color: #fff;
  		background-color: $secondary-color;
  		position: relative;
  		height: 48px;
  		line-height: 48px;
  		margin: 0 0 0 1em;
  		padding: 0 1em;
  	}
  }*/
}
.search-results #main-content-col .search-section-title {
  margin-top: 1em;
  text-align: center;
  padding: 1em;
  max-width: 100%;
}
.search-results .search-results-section {
  max-width: var(--wp--style--global--wide-size);
  margin-bottom: 1em;
  padding-top: 1em;
}
.search-results .tease-search {
  text-align: left;
  height: auto;
}

.tease {
  margin-bottom: 0;
  border: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
  height: 100%;
  background-color: #ffffff;
  color: #000000;
  font-size: 1em;
}
@media only screen and (min-width: 1024px) {
  .tease {
    font-size: 0.9em;
  }
}
.tease .article-image .thumbnail-container {
  min-height: none;
  background-size: cover;
}
.tease .article-image .thumbnail-container a {
  display: block;
  width: 100%;
  height: none;
}
.tease .article-image .thumbnail-container figure {
  padding-bottom: 0;
  margin-bottom: 0;
  aspect-ratio: 16/14;
  width: 100%;
  margin: 0;
}
.tease .article-image .thumbnail-container figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  contain: size;
  border-radius: 8px 8px 0 0;
}
.tease .article-content {
  padding: 1.5em 1em 1em 1em;
}
.tease .article-content .article-meta {
  font-size: 0.9em;
  line-height: 1;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.tease .article-content .article-meta time {
  display: inline-block;
}
.tease .article-content h1 {
  font-size: 1.3em;
  margin: 0 0 20px 0;
  overflow-wrap: break-word;
  hyphens: auto;
}
.tease .article-content h1 a {
  color: #004996;
}

.other-sites a.site-link-box {
  border: 4px solid #004996;
  padding: 0.75em 1em;
  font-size: 1em;
  font-family: "Poppins", sans-serif;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  .other-sites a.site-link-box {
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1024px) {
  .other-sites a.site-link-box {
    font-size: 1.6em;
  }
}
.two-columns-w-image-section {
  overflow: hidden;
}

.two-columns-w-image .content-image {
  order: 1;
  background-size: cover;
  background-position: center;
  min-height: 300px !important;
}
@media only screen and (min-width: 1024px) {
  .two-columns-w-image .content-image {
    min-height: 500px !important;
  }
}
.two-columns-w-image .content-image .col-content {
  order: 0;
  height: 100%;
  margin: 0 !important;
}
.two-columns-w-image .content-text .col-content {
  padding: 2em 1em 1em 1em;
}
.two-columns-w-image .content-text .col-content h1, .two-columns-w-image .content-text .col-content h2, .two-columns-w-image .content-text .col-content h3, .two-columns-w-image .content-text .col-content h4, .two-columns-w-image .content-text .col-content h5, .two-columns-w-image .content-text .col-content h6 {
  font-size: 1.8em;
}
@media only screen and (min-width: 1024px) {
  .two-columns-w-image .content-text .col-content {
    padding: 3em 2em 2em 2em;
    max-width: 700px;
    margin: 0 0 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .two-columns-w-image.row:nth-child(odd) .content-image {
    order: 0;
  }
  .two-columns-w-image.row:nth-child(odd) .content-text {
    order: 1;
  }
  .two-columns-w-image.row:nth-child(odd) .content-text .col-content {
    margin: 0 auto 0 0;
  }
}

section#ajankohtaista .news article .article-meta {
  margin-bottom: 10px;
}
section#ajankohtaista .news article h1 {
  font-size: 1.1111111111em;
}
@media only screen and (min-width: 768px) {
  section#ajankohtaista .news article h1 {
    font-size: 1.3333333333em;
  }
}
@media only screen and (min-width: 1024px) {
  section#ajankohtaista .news article h1 {
    font-size: 1.2em;
  }
}
section#ajankohtaista .news article h1 a {
  color: inherit;
}

/*Search*/
.site-search form.search-form {
  overflow: visible;
  border-radius: 8px 8px 8px 8px;
  margin: 0;
}
.site-search form.search-form input[type=search] {
  color: #000000;
}
.site-search form.search-form button.search-submit {
  margin: -1px -1px -1px -1px !important;
  /*@include border-radius($default_border_radius);*/
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #004996 !important;
  color: #ffffff !important;
}

img.circle {
  border-radius: 50%;
}

/* --------------------------
 *
 * COMMON
 *
** ----------------------- */
.light-blue-bg {
  background-color: #deeaf8;
}

.focus-animation {
  outline: 2px solid transparent;
  transition: outline-color 1200ms ease-out;
  border-radius: 5px;
}

.flash-focus {
  outline: 2px solid #004996;
}

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

@media only screen and (min-width: 768px) {
  .alignright {
    margin: 0 0 2em 2em;
  }
  .alignleft {
    margin: 0 2em 0 2em;
  }
}
.page #main-content-area .article-image img,
.single-idea #main-content-area .article-image img {
  border-radius: 8px 8px 8px 8px;
  margin: 0 0 0.5em 0;
}

@media only screen and (min-width: 1024px) {
  .page #main-content-area .article-image,
  .single-idea #main-content-area .article-image {
    float: right;
    max-width: 500px;
    margin: 0.5em 0 2em 2em;
  }
}
.article-body:after, .section:after {
  content: "";
  clear: both;
  display: table;
}

.previous-page-link-container {
  display: block;
  text-align: left;
  margin-top: 2em;
}

hr {
  margin: 2em 0;
}

/* --------------------------
 *
 * Events & ikainstituutti.fi events
 *
** ----------------------- */
.ikainstituutti-event-list .tease-event {
  position: relative;
}
.ikainstituutti-event-list .tease-event .event-execution-type {
  position: absolute;
  top: 0;
  left: -1px;
  background-color: #004996;
  font-size: 0.85em;
  color: #fff;
  padding: 0.5em 1em;
  border-top-left-radius: 0;
  border-bottom-right-radius: 8px;
}
.ikainstituutti-event-list .tease-event .article-image .thumbnail-container {
  min-height: 220px;
  background-size: cover;
  background-position: center;
  border-radius: 0 15px 0 0;
}
.ikainstituutti-event-list .tease-event .article-content h1 a i.fas {
  font-size: 0.6em;
  margin-bottom: -1px;
}

/* --------------------------
 *
 * Single post / article -view
 *
** ----------------------- */
.single #main-content-col.wrapper {
  max-width: var(--wp--style--global--content-size);
}
.single #main-content-col .article-image, .single #main-content-col .article-heading, .single #main-content-col .article-meta, .single #main-content-col .article-post-tags {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.single #main-content-col .article-image img {
  max-height: 550px;
  border-radius: 8px 8px 8px 8px;
}
.single #main-content-col .article-image.alignright {
  max-width: 40%;
}
.single #main-content-col .article-image.alignright .post-thumbnail-container {
  margin-left: 2em;
}
.single #main-content-col .article-image.alignright img {
  max-height: 450px;
}
.single #main-content-col .article-meta {
  font-size: 0.8em;
}
.single #main-content-col .article-meta .post-category-list {
  display: block;
  margin: 1em 0 2em 0;
}
.single #main-content-col .article-post-tags {
  margin: 1em 0 2em 0;
  background-color: #eee;
  padding: 2em;
  border-radius: 8px 8px 8px 8px;
}
.single #main-content-col .article-post-tags .read-more-heading {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 0 0 1em 0;
  clip: auto;
  overflow: auto;
}

/* --------------------------
 *
 * Post category lists
 *
** ----------------------- */
#main-content-col .post-category-list {
  /*border-left: 2px solid #000000;*/
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#main-content-col .post-category-list li {
  display: inline-block;
  border-right: 2px solid #000000;
  margin: 0 0.25em 0.25em 0;
  padding: 0 0.5em 0 0;
}
#main-content-col .post-category-list li:last-child {
  border-right: 0;
  margin: 0;
  padding: 0;
}
#main-content-col .post-category-list li a {
  color: #000000;
}

/* --------------------------
 *
 * Tag lists
 *
** ----------------------- */
#main-content-col .post-tag-list-container ul.post-tag-list {
  margin: 0 !important;
  padding: 0 !important;
}
#main-content-col .post-tag-list-container ul.post-tag-list li a {
  background-color: #004996;
}

/* --------------------------
 *
 * Taeggie
 *
** ----------------------- */
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .post {
  padding: 20px;
  margin: 4px;
  border-radius: 8px 8px 8px 8px;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .font-icon {
  color: #004996;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget div.post-type-overlay {
  right: 27px;
  top: 78px;
  font-size: 16px;
  color: #fff !important;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .post-image {
  margin: 1em 0;
  background-color: #f4f4f4;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .post-type {
  border-bottom: 1px solid #bfbfbf;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  font-style: italic;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .post-type a {
  color: #004996;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .text a,
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .text span {
  color: #004996;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .text p {
  font-size: 15px;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .taeggie-load-more-button {
  background-color: #009098;
  font-size: 15px;
  color: #fff;
  padding: 15px 25px;
  border-radius: 8px 8px 8px 8px;
}

/* --------------------------
 *
 * WPML
 *
** ----------------------- */
.otgs-development-site-front-end {
  display: none;
}

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