@charset "UTF-8";
/* OLD (not accessible) : EC008C */
/* 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: #0052B4;
}

@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: #0052B4;
  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: #0052B4;
  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: #0052B4;
  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: #0052B4 !important;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > span.open-submenu {
  background-color: #f5f5f5;
}
#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 > span.open-submenu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu {
  background-color: #e7e7e7;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu li > a {
  color: #000;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu span.open-submenu {
  background-color: rgb(238.65, 238.65, 238.65);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu span.open-submenu {
  background-color: rgb(246.3, 246.3, 246.3);
}
#mobilenav .mobilenav-inner li.menu-item-has-children > ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li > a:before {
  display: inline-block;
  content: "-";
  margin-right: 8px;
}

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

/* --------------------------
 *
 * Main navigation
 *
** ----------------------- */
/* Main nav */
nav#main ul.sub-menu {
  display: none;
}
nav#main.dropdown {
  position: relative;
  z-index: 5;
}
nav#main.dropdown li.menu-item-has-children {
  /*& > a:after 										{ content: '\e841'; font-family: "skeletor-fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; height:1em; margin-left: .5em; font-size: .8em; }*/
  /*ul.sub-menu li.menu-item-has-children > a:after 	{ content: '\e843'; position: absolute; right:.5em; top:calc(50% - .5em); color: inherit; }*/
  /* Buttons to control submenus - replaces a:after */
}
nav#main.dropdown li.menu-item-has-children {
  position: relative;
}
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 #e20086;
}
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 {
  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: #0052B4;
}
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 button.open-submenu-dropdown:after {
  content: "\e843";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.6em;
}
@media only screen and (min-width: 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: "\e841";
  font-family: "skeletor-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  height: 1em;
  margin-left: 0.5em;
  font-size: 0.6em;
}
@media only screen and (min-width: 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.level-1.toggle-submenu {
  position: absolute;
  right: 8px;
  top: 9px;
  z-index: 11;
}
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: #0052B4;
}

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

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

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

.woocommerce-product-search {
  overflow: hidden;
  height: 40px;
  position: relative;
  padding: 0 40px 0 0;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.woocommerce-product-search input[type=search] {
  height: 38px;
  line-height: 37px;
  border: 0;
  outline: none;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 13px;
}
.woocommerce-product-search button[type=submit] {
  height: 40px;
  width: 40px;
  padding: 0 !important;
  outline: none;
  margin: 0 !important;
  border: 0;
  background-color: #0052B4 !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: #0052B4;
  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: #e20086;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}

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

.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: #0052B4;
}
#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 .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li #page-top .page-top-content-right a, #page-top .page-top-content-right .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li #page-top .page-top-content-right a, #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: #0052B4;
  margin-right: 4px;
  margin-left: 5px;
}
#page-top .page-top-content-right span[class*=icon-]:before {
  color: #0052B4;
  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 1.5em 1.5em 0;
  max-width: 40%;
  width: 200px; /* Leveys puolet @2x logon leveydestä */
}
header#header .header-middle {
  float: left; /* float fallback */
  margin: 1.5em 0 1.5em 0;
}
header#header .header-middle p:last-child {
  margin-bottom: 0;
}
header#header .header-right {
  float: right; /* float fallback */
  margin: 1.5em 0 1.5em 0;
}
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, .tease.idea ul.post-category-list li a, .single-idea ul.post-category-list li a, .post-tag-list-container ul.post-tag-list li a, .link-button-alt, select, textarea {
  font-family: "aptos", sans-serif;
  line-height: 1.5em !important;
}

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: #e20086;
  font-family: "cambria", 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: #e20086;
  font-family: "cambria", sans-serif;
}

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

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

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

h6, .h6 {
  font-size: 1em;
  color: #e20086;
  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: #0052B4;
  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;
  }
  a:hover {
    opacity: 1;
  }
}
.primary-font {
  font-family: "aptos", sans-serif;
}

.secondary-font {
  font-family: "cambria", 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: #0052B4;
}

.primary-bg {
  background-color: #0052B4;
  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 .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li .primary-bg a, .primary-bg .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li .primary-bg a, .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: #e20086;
  color: #fff;
}
.primary-bg b, .primary-bg strong {
  color: #fff;
}

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

.secondary-bg {
  background-color: #e20086;
  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 .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li .secondary-bg a, .secondary-bg .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li .secondary-bg a, .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: #0052B4;
  color: #fff;
}
.secondary-bg b, .secondary-bg strong {
  color: #fff;
}

/* --------------------------
 *
 * Front
 *
** ----------------------- */
/* --------------------------
 *
 * 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 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.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;
}

.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,
.tease.idea ul.post-category-list li a,
.single-idea ul.post-category-list li a,
.post-tag-list-container ul.post-tag-list li a {
  display: inline-block;
  padding: 0.6em 2em 0.8em 2em;
  margin: 0 10px 15px 0;
  font-weight: 700;
  border-radius: 12px;
  font-size: 0.9em;
  border: 0px;
  background-color: #e20086;
  color: #fff;
  border-radius: 0 15px 0 15px;
}

input[type=button],
button, .btn, .link-button-alt {
  background-color: #0052B4;
  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, .tease.idea ul.post-category-list li a, .single-idea ul.post-category-list li a, .post-tag-list-container ul.post-tag-list li a {
  background-color: #e20086;
  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, .tease.idea ul.post-category-list li a.white-btn, .single-idea ul.post-category-list li a.white-btn, .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;
}

.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 !important;
  float: none !important;
}

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

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

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

/* --------------------------
 *
 * Search
 *
** ----------------------- */
body.search #main-content-area .site-search {
  width: 250px;
  max-width: 100%;
  margin: 1em auto 1em 0;
}

.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: #e20086;
  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: #e20086;
  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 {
  outline-color: #0052B4;
  outline-offset: 1.5px;
  outline-width: 3px;
  outline-style: solid;
}

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

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

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

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

/* --------------------------
 *
 *	Media Queries 
 *
 *	 - Oletus on 320px
 *
** ----------------------- */
/* 480 */
/* 568 */
/* 640 */
/* 768 */
/* 1024 */
/* 1220 */
/* 1366 */
/* 1440 */
/* 1600 */
/* 1920 */
/* 2560 */
/* --------------------------
 *
 * Woocommerce
 * Importataan myöhemmin, koska priority+
 *
** ----------------------- */
/* --------------------------
 *
 * Woocommerce
 *
** ----------------------- */
#page-top .login_buttons_container .link-button, #page-top .login_buttons_container footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li #page-top .login_buttons_container a, #page-top .login_buttons_container .primary-bg .link-button-alt, .primary-bg #page-top .login_buttons_container .link-button-alt, #page-top .login_buttons_container .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li #page-top .login_buttons_container a, #page-top .login_buttons_container .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li #page-top .login_buttons_container a, #page-top .login_buttons_container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li #page-top .login_buttons_container a {
  margin: 0 0 0 0.5em;
  font-size: 0.8em;
}
#page-top .login_buttons_container .link-button .icon:before, #page-top .login_buttons_container footer#footer .footer-menu-external-links ul li a .icon:before, footer#footer .footer-menu-external-links ul li #page-top .login_buttons_container a .icon:before, #page-top .login_buttons_container .primary-bg .link-button-alt .icon:before, .primary-bg #page-top .login_buttons_container .link-button-alt .icon:before, #page-top .login_buttons_container .tease.idea ul.post-category-list li a .icon:before, .tease.idea ul.post-category-list li #page-top .login_buttons_container a .icon:before, #page-top .login_buttons_container .single-idea ul.post-category-list li a .icon:before, .single-idea ul.post-category-list li #page-top .login_buttons_container a .icon:before, #page-top .login_buttons_container .post-tag-list-container ul.post-tag-list li a .icon:before, .post-tag-list-container ul.post-tag-list li #page-top .login_buttons_container a .icon:before {
  margin: 0 0.5em 0 0;
}

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

.woocommerce .woocommerce-breadcrumb a {
  color: #0052B4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* --------------------------
 *
 * button reset / button styles
 * pitää olla tosi tarkkana kun näitä muuttelee
 *
** ----------------------- */
.woocommerce {
  /* wc-buttons :disabled :hover colors */
}
.woocommerce button.button-alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt[disabled],
.woocommerce button.button-alt:disabled,
.woocommerce button.button-alt[disabled],
.woocommerce button.alt:disabled,
.woocommerce button.alt[disabled],
.woocommerce button:disabled,
.woocommerce button[disabled],
.woocommerce button[type=submit]:disabled,
.woocommerce button[type=submit][disabled],
.woocommerce a.button-alt,
.woocommerce button.alt,
.woocommerce button.button.alt,
.woocommerce input.button-alt,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt.checkout-button,
.woocommerce button.single_add_to_cart_button.button.alt,
.woocommerce button.button,
.woocommerce button,
.woocommerce .btn,
.woocommerce .link-button-alt,
.woocommerce input[type=submit],
.woocommerce button[type=submit],
.woocommerce input[type=button],
.woocommerce .link-button,
.woocommerce footer#footer .footer-menu-external-links ul li a,
footer#footer .footer-menu-external-links ul li .woocommerce a,
.woocommerce .tease.idea ul.post-category-list li a,
.tease.idea ul.post-category-list li .woocommerce a,
.woocommerce .single-idea ul.post-category-list li a,
.single-idea ul.post-category-list li .woocommerce a,
.woocommerce .post-tag-list-container ul.post-tag-list li a,
.post-tag-list-container ul.post-tag-list li .woocommerce a {
  display: inline-block;
  padding: 0.6em 2em 0.8em 2em;
  margin: 0 10px 15px 0;
  font-weight: 700;
  border-radius: 12px;
  font-size: 0.9em;
  border: 0px;
  background-color: #e20086;
  color: #fff;
  border-radius: 0 15px 0 15px;
}
.woocommerce button.single_add_to_cart_button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button-alt:hover,
.woocommerce a.button.alt.checkout-button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.alt:hover,
.woocommerce input[type=button]:hover,
.woocommerce input.button-alt:hover,
.woocommerce a.button-alt:hover,
.woocommerce button.button.alt:hover {
  background-color: #0052B4;
  color: #fff;
}
.woocommerce button.single_add_to_cart_button.button,
.woocommerce button.single_add_to_cart_button.button:hover,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit:hover,
.woocommerce .submit-container input[type=button],
.woocommerce input[type=submit], .woocommerce button[type=submit], .woocommerce input[type=button].cta,
.woocommerce button.cta, .woocommerce .button.cta, .woocommerce .btn.cta, .woocommerce .link-button, .woocommerce footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .woocommerce a, .woocommerce .primary-bg .link-button-alt, .primary-bg .woocommerce .link-button-alt, .woocommerce .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li .woocommerce a, .woocommerce .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li .woocommerce a, .woocommerce .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .woocommerce a {
  background-color: #e20086;
  color: #fff;
}
.woocommerce button.button-alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt[disabled],
.woocommerce button.button-alt:disabled,
.woocommerce button.button-alt[disabled],
.woocommerce button.alt:disabled,
.woocommerce button.alt[disabled],
.woocommerce button:disabled,
.woocommerce button[disabled],
.woocommerce button[type=submit]:disabled,
.woocommerce button[type=submit][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
.woocommerce button.button-alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:hover,
.woocommerce button.button-alt:disabled:hover,
.woocommerce button.button-alt[disabled]:hover,
.woocommerce button[type=submit]:disabled:hover,
.woocommerce button[type=submit][disabled]:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: inherit;
  color: inherit;
}
@media only screen and (min-width: 1024px) {
  .woocommerce button.button-alt:hover,
  .woocommerce .button:hover, .woocommerce .button-alt:hover {
    opacity: 0.8;
  }
  .woocommerce .button[disabled]:hover, .woocommerce .button-alt[disabled]:hover {
    opacity: 0.5;
  }
  .woocommerce .button:disabled:hover, .woocommerce .button-alt:disabled:hover {
    opacity: 0.5;
  }
}

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

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

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

@media print {
  html {
    margin: 0;
    padding: 0;
  }
  body {
    margin: 0;
    padding: 0;
  }
  .wrapper {
    margin: 0;
    padding: 0;
  }
  @page {
    margin: 1cm;
  }
  * {
    background: none !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
    float: none !important;
    text-align: left;
    border: 0 !important;
    border-radius: 0;
  }
  ol {
    width: 100% !important;
  }
  ul {
    width: 100% !important;
  }
  li {
    width: 100% !important;
  }
  div {
    width: 100% !important;
  }
  .no-print {
    display: none !important;
  }
  .only-print {
    display: block !important;
  }
  #logo {
    display: block;
    max-width: 40%;
    margin-bottom: 1em;
  }
  #logo img {
    display: block;
    max-width: 100%;
  }
  .show-print {
    display: block !important;
  }
  .content-padding {
    padding: 0 !important;
  }
  .equal {
    height: auto !important;
  }
  .parallax-mirror,
  aside,
  nav,
  footer img,
  footer nav,
  .cf:after,
  .open-mobile-nav,
  .quick-links,
  .slider,
  .owl-carousel,
  .search-form,
  .site-search,
  #mobilenav-loader,
  #mobilenav,
  #mobilenav-dimmer,
  .addthis_sharing_toolbox,
  .fb_iframe_widget,
  .fixed-menu,
  #colorbox {
    display: none !important;
  }
  a, a:visited { /*text-decoration: underline;*/ }
  footer a[href*=sitefactory], footer a[href*=verkkolasnaolo] {
    display: none;
  }
  /*.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/
  pre, blockquote {
    border: 0;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    display: block;
    max-width: 40%;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  /*
        p a[href^="http://"]:after  								,
        li a[href^="http://"]:after  								,
        p a[href^="https://"]:after  								,
        li a[href^="https://"]:after  								{ content: " (" attr(href) ")" !important; font-size: 80%; font-family: inherit; }
  */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    page-break-before: avoid;
  }
}
/* --------------------------
 *
 * Main navigation
 *
** ----------------------- */
/* Main nav */
nav#main.dropdown li.menu-item-has-children {
  /*& > a:after 										{ 
  	content:'';
  	height:0;
  	width: 0;
  	margin:0;
  	padding:0;
  }
  button.open-submenu-dropdown {
  	&:after {
  		content: '\e843';
  		font-family: "skeletor-fontello";
  		font-style: normal;
  		font-weight: normal;
  		speak: none;
  		display: inline-block;
  		text-decoration: inherit;
  		width: 1em;
  		margin-right: .2em;
  		text-align: center;
  		font-variant: normal;
  		text-transform: none;
  		line-height: 1em;
  		height:1em;
  		margin-left: .5em;
  		font-size: .6em;
  		@include media-from(mxl){
  			& {
  				font-size: .8em;
  			}
  		}
  	}
  }
  button.open-submenu-dropdown.level-0 {
  	&:after {
  		content: '\e841';
  		font-family: "skeletor-fontello";
  		font-style: normal;
  		font-weight: normal;
  		speak: none;
  		display: inline-block;
  		text-decoration: inherit;
  		width: 1em;
  		margin-right: .2em;
  		text-align: center;
  		font-variant: normal;
  		text-transform: none;
  		line-height: 1em;
  		height:1em;
  		margin-left: .5em;
  		font-size: .6em;
  		@include media-from(mxl){
  			& {
  				font-size: .8em;
  			}
  		}
  	}
  }*/
}
nav#main.dropdown li.menu-item-has-children ul.sub-menu {
  background-color: #C9ECF4;
}
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 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 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
nav#main ul.menu > li {
  margin: 0 0.5em;
}
nav#main ul.menu > li > a {
  font-size: 1em;
}
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: #e20086;
}
#mobilenav .mobilenav-info {
  color: #818589;
  display: flex;
}
#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 .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li #mobilenav .mobilenav-info .login_buttons_container a, #mobilenav .mobilenav-info .login_buttons_container .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li #mobilenav .mobilenav-info .login_buttons_container a, #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 {
  margin-left: 0px !important;
}
#mobilenav #mobilenav-top-container .mobilenav-close {
  margin-bottom: 0;
}
#mobilenav #mobilenav-additional .search-form {
  max-width: 230px;
}
#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 {
  font-family: "cambria", sans-serif;
  line-height: 1.15;
  color: #000000;
  overflow: hidden;
}
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: #0052B4;
}

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

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

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

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

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

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

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 1.9444444444em;
  }
}
@media only screen and (min-width: 1024px) {
  h1, .h1 {
    font-size: 2.2em;
  }
  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;
  }
  h3, .h3 {
    font-size: 1.5em;
  }
  h4, .h4 {
    font-size: 1.3em;
  }
  h5, .h5 {
    font-size: 1.2em;
  }
  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 37px 0 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 0 0 20px;
  box-sizing: border-box;
  font-size: 0.7em;
  background: transparent;
}
.search-form button[type=submit] {
  height: 37px;
  width: 50px;
  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: #0052B4 !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;
}

.header_cart-trigger .header_cart-link {
  overflow: visible;
}
.header_cart-trigger .header_cart-link::before {
  content: "Ostoskori:";
  font-family: "aptos", sans-serif;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  color: #23282f;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  margin-right: 4px;
}
.header_cart-trigger .header_cart-link::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 18px;
  margin: -1px -1px -1px -1px;
  content: "\f291";
}

.login_buttons_container .link-button, .login_buttons_container footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li .login_buttons_container a, .login_buttons_container .primary-bg .link-button-alt, .primary-bg .login_buttons_container .link-button-alt, .login_buttons_container .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li .login_buttons_container a, .login_buttons_container .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li .login_buttons_container a, .login_buttons_container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li .login_buttons_container a {
  border-radius: 0;
  padding: 0.9em 1em;
}

#page-top .login_buttons_container .link-button, #page-top .login_buttons_container footer#footer .footer-menu-external-links ul li a, footer#footer .footer-menu-external-links ul li #page-top .login_buttons_container a, #page-top .login_buttons_container .primary-bg .link-button-alt, .primary-bg #page-top .login_buttons_container .link-button-alt, #page-top .login_buttons_container .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li #page-top .login_buttons_container a, #page-top .login_buttons_container .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li #page-top .login_buttons_container a, #page-top .login_buttons_container .post-tag-list-container ul.post-tag-list li a, .post-tag-list-container ul.post-tag-list li #page-top .login_buttons_container a {
  font-weight: 300;
  font-size: 0.7777777778em;
}

form.woocommerce-product-search button[type=submit] {
  border-radius: 0px;
}

/* --------------------------
 *
 * Shop loop
 *
** ----------------------- */
.loop-sort-search-container form.woocommerce-product-search {
  margin: 0 auto 1em auto;
}

/* --------------------------
 *
 * YITH auctions widget styles
 *
** ----------------------- */
ul.yith-auction-list-widget {
  padding: 0;
  margin: 1em 0;
}

/*ul.yith-auction-list-widget li 									{  }*/
/* --------------------------
 *
 * YITH auctions, frontpage cols
 *
** ----------------------- */
#huutokauppa {
  /* List-items */
}
#huutokauppa .woocommerce ul.products li.product {
  background-color: transparent;
  border: 0;
  text-align: left;
}
#huutokauppa .woocommerce ul.products li.product:hover {
  box-shadow: 11px 8px 8px rgba(155, 155, 155, 0.2);
}
#huutokauppa .woocommerce ul.products li.product .date_auction {
  font-weight: 700;
}
#huutokauppa .woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 5px 0 10px 0;
}

/* --------------------------
 *
 * Shop-single / product-type-auction
 *
** ----------------------- */
.product-type-auction p.price {
  font-size: 1.2em;
}

.single-product-auction-container {
  /* force max-bidder area to be white-bg. A little dirty, but easier than modifying the plugin */
}
.single-product-auction-container {
  padding: 1.5em;
}
.single-product-auction-container input[type=button].bid {
  border-radius: 0px;
  padding: 0.32em 0.5em;
  margin: 0;
}
.single-product-auction-container button#yith-wcact-auction-add-to-cart-button {
  margin-left: 0;
}
.single-product-auction-container div#yith-wcact-max-bidder {
  background: #fff;
  padding: 0 0 1em 0;
  margin: -1.5em -1.5em 1.5em -1.5em;
}
.single-product-auction-container p#current_max_bid {
  color: #0052B4;
}

.page-template-page-ideabank-search #outer-content-area-container {
  padding: 0;
}
.page-template-page-ideabank-search .idea-bank-search-wrapper {
  margin-bottom: 2em;
  border-bottom: 1px solid #bfbfbf;
}

.form-wrapper input[type=text],
.form-wrapper input[type=email],
.form-wrapper input[type=tel],
.form-wrapper input[type=url],
.form-wrapper textarea {
  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;
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
.form-wrapper input[type=text]::-moz-placeholder, .form-wrapper input[type=email]::-moz-placeholder, .form-wrapper input[type=tel]::-moz-placeholder, .form-wrapper input[type=url]::-moz-placeholder, .form-wrapper textarea::-moz-placeholder {
  color: #000000;
}
.form-wrapper input[type=text]::placeholder,
.form-wrapper input[type=email]::placeholder,
.form-wrapper input[type=tel]::placeholder,
.form-wrapper input[type=url]::placeholder,
.form-wrapper textarea::placeholder {
  color: #000000;
}
.form-wrapper textarea {
  height: auto;
  line-height: normal;
  padding: 0.75em 1em;
}
.form-wrapper label.dp {
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
}
.form-wrapper i.label-info {
  font-weight: 400;
}
.form-wrapper input.hnpt {
  width: 1px;
  height: 1px;
  border: 0;
  max-width: 1px;
  min-width: 1px;
  float: right;
}
.form-wrapper .form-section-title {
  display: block;
  margin: 1em 0;
}
.form-wrapper .form-consent {
  margin-bottom: 1em;
}
.form-wrapper fieldset {
  padding: 0.625em 0.75em;
  border-radius: 10px;
}
.form-wrapper fieldset input[type=checkbox] {
  margin-right: 0.5em;
}
.form-wrapper .file-input {
  border: 1px solid #bfbfbf;
  padding: 1em;
  margin: 0 1em 1em 0;
  width: 100%;
  border-radius: 10px;
}

#ideabank-send-form fieldset.topics {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (min-width: 1024px) {
  #ideabank-send-form fieldset.topics .topic-checkbox {
    width: 33%;
  }
}
#ideabank-send-form .materials {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
}
@media only screen and (min-width: 1024px) {
  #ideabank-send-form .materials .material-file-input {
    width: 32%;
    margin-right: 1%;
  }
}

#ideabank-search-form .search-form-vs {
  transition: 0.4s height ease;
  height: 0;
  overflow: hidden;
}
#ideabank-search-form .search-form-vs.open {
  height: -moz-max-content;
  height: max-content;
}
#ideabank-search-form button.ideabank-toggle-search span.b-text-hide {
  display: block;
}
#ideabank-search-form button.ideabank-toggle-search span.b-text-show {
  display: none;
}
#ideabank-search-form button.ideabank-toggle-search.s-hidden span.b-text-hide {
  display: none;
}
#ideabank-search-form button.ideabank-toggle-search.s-hidden span.b-text-show {
  display: block;
}
#ideabank-search-form[class*=bg] {
  padding: 1em 1.2em;
  border-radius: 0 15px 0 15px;
}
#ideabank-search-form input#needle {
  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;
  width: 90%;
}
#ideabank-search-form input#needle::-moz-placeholder {
  color: #000000;
}
#ideabank-search-form input#needle::placeholder {
  color: #000000;
}
#ideabank-search-form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#ideabank-search-form fieldset.topics {
  display: flex;
  flex-wrap: wrap;
}
#ideabank-search-form fieldset.topics .topic-checkbox {
  width: auto;
  margin: 0 1% 1% 0;
  padding: 0;
  background: #eee;
  color: #000000;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}
#ideabank-search-form fieldset.topics .topic-checkbox input {
  width: 0;
  height: 0;
  position: absolute;
}
#ideabank-search-form fieldset.topics .topic-checkbox label.chbox {
  padding: 0.35em 1em;
  display: block;
  cursor: pointer;
}
#ideabank-search-form fieldset.topics .topic-checkbox.active {
  background-color: #e20086;
  color: #fff;
}
#ideabank-search-form .ideabank-toggle-search span i {
  margin-right: 0.5em;
}
@media only screen and (min-width: 1220px) {
  #ideabank-search-form .ideabank-toggle-search {
    float: right;
    margin-top: -3em;
  }
}

#ideabank-search-results {
  margin-top: 1.5em;
}

.tease.idea ul.post-category-list, .single-idea ul.post-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tease.idea ul.post-category-list li, .single-idea ul.post-category-list li {
  display: inline-block;
}
.tease.idea ul.post-category-list li a, .single-idea ul.post-category-list li a {
  color: #000000;
  padding: 0.25em 0.85em;
  margin: 0 0.5em 0.5em 0;
  font-size: 0.85em;
  color: #fff;
}

.single-idea ul.post-category-list {
  margin-bottom: 1em;
}
.single-idea .idea-video-section, .single-idea .idea-material-download-section {
  margin: 1.5em 0;
  padding: 1.5em 1em 1em 1.5em;
  border-radius: 0 15px 0 15px;
}
/* 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: 0 15px 0 15px;
}

/*Mobile nav*/
.open-mobile-nav {
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  background-color: #e20086;
  border-radius: 0 15px 0 15px;
  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 {
  /*@include media-from(xl){
  	& {
  		padding-top: $header_height_desktop_small;
  	}
  	&.admin-bar {
  		padding-top: $header_height_desktop_small;

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

@media only screen and (min-width: 1220px) {
  .wrapper {
    padding: 0 20px;
  }
}
header#header.fixed {
  height: 75px;
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
  background-color: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  transition: 0.4s all ease;
  /*@include media-from(xl){
  	& {
  		height: $header_height_desktop_small;
  	}
  }*/
}
@media only screen and (min-width: 1220px) {
  header#header.fixed {
    height: 174px;
  }
}
header#header .header-left {
  margin: 0.85em 0.85em 0.85em 0;
  float: none;
  width: auto;
  max-width: none;
}
@media only screen and (min-width: md) {
  header#header .header-left {
    width: 225px;
    margin: 1.5em 0 1.5em 0;
  }
}
header#header .header-left .ikiliikkuja-logo {
  margin-right: 1em;
}
header#header .header-left .ikiliikkuja-logo img, header#header .header-left .vv-logo img {
  height: 25px;
  max-width: none;
  transition: 0.4s all ease;
}
@media only screen and (min-width: 480px) {
  header#header .header-left .ikiliikkuja-logo img, header#header .header-left .vv-logo img {
    height: 35px;
  }
}
@media only screen and (min-width: 1220px) {
  header#header .header-left .ikiliikkuja-logo img, header#header .header-left .vv-logo img {
    height: 70px;
    max-width: none;
  }
}
header#header .header-middle {
  width: auto;
  float: none;
  margin: 1em 0;
}
header#header .header-right {
  float: none;
  margin: 0.85em 0 0.85em 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 1em;
}
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, header#header .header-right .site-search .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li header#header .header-right .site-search a, header#header .header-right .site-search .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li header#header .header-right .site-search a {
  padding: 5px;
  margin: 0;
}
header#header .header-right .language-nav {
  margin: 0 0 0 1em;
}
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 .header-left .ikiliikkuja-logo img, header#header.minimize .header-left .vv-logo img {
    height: 35px;
    max-width: none;
  }
  header#header.minimize {
    height: 120px;
  }
  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;
  }
}

.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 2em 0 0 0;
  /*margin-top: -12px;*/
}
@media only screen and (min-width: 1024px) {
  .hero {
    padding: 2em 0 1em 0;
  }
}
.hero .hero-content {
  order: 1;
}
.hero .hero-content h1, .hero .hero-content .h1, .hero .hero-content h2, .hero .hero-content .h2, .hero .hero-content h3, .hero .hero-content .h3, .hero .hero-content h4, .hero .hero-content .h4, .hero .hero-content h5, .hero .hero-content .h5, .hero .hero-content h6, .hero .hero-content .h6 {
  font-size: 2em;
  color: #000000;
  margin-bottom: 0.5em;
}
.hero.primary-bg .hero-content h1, .hero.primary-bg .hero-content .h1, .hero.primary-bg .hero-content h2, .hero.primary-bg .hero-content .h2, .hero.primary-bg .hero-content h3, .hero.primary-bg .hero-content .h3, .hero.primary-bg .hero-content h4, .hero.primary-bg .hero-content .h4, .hero.primary-bg .hero-content h5, .hero.primary-bg .hero-content .h5, .hero.primary-bg .hero-content h6, .hero.primary-bg .hero-content .h6, .hero.secondary-bg .hero-content h1, .hero.secondary-bg .hero-content .h1, .hero.secondary-bg .hero-content h2, .hero.secondary-bg .hero-content .h2, .hero.secondary-bg .hero-content h3, .hero.secondary-bg .hero-content .h3, .hero.secondary-bg .hero-content h4, .hero.secondary-bg .hero-content .h4, .hero.secondary-bg .hero-content h5, .hero.secondary-bg .hero-content .h5, .hero.secondary-bg .hero-content h6, .hero.secondary-bg .hero-content .h6 {
  color: #ffffff;
}
.hero .hero-image {
  order: 0;
}
@media only screen and (min-width: 480px) {
  .hero .hero-image img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .hero .hero-image img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .hero .hero-image {
    order: 1;
  }
}
@media only screen and (min-width: 1220px) {
  .hero {
    padding: 85px 0 40px 0;
  }
  .hero.no-bg {
    padding: 85px 0 0px 0;
  }
  .hero .hero-content {
    order: 0;
    padding-right: 1.5em;
  }
  .hero .hero-content h1, .hero .hero-content .h1, .hero .hero-content h2, .hero .hero-content .h2, .hero .hero-content h3, .hero .hero-content .h3, .hero .hero-content h4, .hero .hero-content .h4, .hero .hero-content h5, .hero .hero-content .h5, .hero .hero-content h6, .hero .hero-content .h6 {
    font-size: 2.2em;
    color: #000000;
  }
}

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

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

.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-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: 20px 0 0 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: 20px 0 0 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;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media only screen and (min-width: 1220px) {
  #outer-content-area-container {
    padding: 40px 0 0 0;
  }
  #outer-content-area-container #main-content-area {
    /*margin-bottom: $gutter_px * 2;*/
    /*padding: $gutter_px * 2 0 0 0;*/
    padding: 0;
    margin-left: 20px;
  }
}

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

.tertiary-bg {
  background-color: #C9ECF4;
  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: #0052B4;
}
.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 .tease.idea ul.post-category-list li a, .tease.idea ul.post-category-list li .tertiary-bg a, .tertiary-bg .single-idea ul.post-category-list li a, .single-idea ul.post-category-list li .tertiary-bg a, .tertiary-bg .primary-bg a.link-button-alt, .primary-bg .tertiary-bg a.link-button-alt {
  background-color: #e20086;
  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;
}
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: #0052B4;
  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 #copyright {
  margin-top: 30px;
  text-align: center;
}
footer#footer #copyright a {
  color: #fff;
}
footer#footer #copyright .right {
  margin-top: 10px;
}
footer#footer #copyright .right p {
  margin-bottom: 0;
}
@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: #0052B4;
  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: "cambria", 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: #0052B4;
}
.icon-boxes-section.primary-bg .icon-boxes .icon-box {
  background-color: #ffffff;
  color: #0052B4;
}

.fw-site-search {
  padding-bottom: 1em;
}
.fw-site-search .form-wrapper {
  max-width: 585px;
  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;
  width: 70%;
}
.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;
}
@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: #e20086;
  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 {
  /*.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 #outer-content-area-container {
  padding: 0;
}
.search-results #outer-content-area-container #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 .search-section-title {
  text-align: center;
  padding: 1em;
  background-color: #C9ECF4;
}
.search-results .search-results-section {
  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: 0 15px 0 15px;
  height: 100%;
  background-color: #ffffff;
  color: #000000;
}
.tease .article-image .thumbnail-container {
  min-height: 220px;
  background-size: cover;
  border-radius: 0 15px 0 0;
}
.tease .article-image .thumbnail-container a {
  display: block;
  width: 100%;
  height: 220px;
}
.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 .article-meta ul.post-category-list {
  border-left: 2px solid #000000;
  list-style: none;
  margin: 0 0 0 0.25em;
  padding: 0 0 0 0.5em;
  display: inline-block;
}
.tease .article-content .article-meta ul.post-category-list li {
  display: inline-block;
}
.tease .article-content .article-meta ul.post-category-list li a {
  color: #000000;
}
.tease .article-content h1 {
  font-size: 1.3em;
  margin: 0 0 20px 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.tease .article-content h1 a {
  color: #e20086;
}

.other-sites a.site-link-box {
  border: 4px solid #0052B4;
  padding: 0.39em 1em;
  font-size: 1.8em;
  font-family: "cambria", sans-serif;
  justify-content: space-between;
}

.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: 0 15px 0 15px;
}
.site-search form.search-form input[type=search] {
  color: #000000;
}
.site-search form.search-form button.search-submit {
  margin: -1px -1px -1px -1px !important;
  border-radius: 0 15px 0 15px;
  background-color: #e20086 !important;
  color: #ffffff !important;
}

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

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

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

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

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

/* --------------------------
 *
 * Taeggie
 *
** ----------------------- */
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .post {
  padding: 20px;
  margin: 4px;
  border-radius: 0 15px 0 15px;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .font-icon {
  color: #0052B4;
}
#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: #0052B4;
}
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .text a,
#taeggie-feed-widget-ikainstituuttifi-someseina.taeggie-feed-widget .text span {
  color: #0052B4;
}
#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: #e20086;
  font-size: 15px;
  color: #fff;
  padding: 15px 25px;
  border-radius: 0 15px 0 15px;
}

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

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