/*!
Theme Name:     Meid??n Festivaali
Description:    
Author:         Ulkoasu: Tero Ahonen, Ohjelmointi: Jari Pennanen
Version:        development
License:        
*/
@import "https://use.typekit.net/dqt3jqe.css";
/* HTML5 support for IE6,7,8 */
@font-face {
  font-family: 'garamond-premier-pro';
  /*src: url('css/kabel_bd_normal-webfont.eot');
    src: url('css/kabel_bd_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/kabel_bd_normal-webfont.woff') format('woff'),
         url('css/kabel_bd_normal-webfont.ttf') format('truetype'),
         url('css/kabel_bd_normal-webfont.svg#kabel_bdnormal') format('svg');*/
  font-weight: normal;
  font-style: normal;
}
section,
article,
aside,
footer,
header,
nav,
hgroup {
  display: block;
}
body {
  font-family: Arial;
}
ul,
ol {
  padding: 0 0 1em 1.5em;
  margin: 0;
}
/*p { padding: 0 0 1em 0; margin: 0; }
p:last-child { padding-bottom: 0; }*/
a {
  text-decoration: none;
}
.skip-link,
.assistive-text,
.assistive-navigation {
  display: none;
}
.clear,
.clearfix {
  clear: both;
}
div.error,
p.error,
span.error {
  color: #D32A24;
}
blockquote {
  border-left: 3px solid gray;
  margin: 0 0 1em 2.5em;
  padding: 0.2em 0 0.2em 1.5em;
  overflow: hidden;
}
blockquote p:last-child {
  padding-bottom: 0;
}
/* Embeds */
.ownskit-embedhtmlshort {
  margin: 0 0 1em 0;
}
/* =Images
-------------------------------------------------------------- */
img {
  border: 0;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  width: auto !important;
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */
}
.alignleft-wrap {
  float: left;
}
.alignnone,
.entry-content img {
  max-width: 100%;
  height: auto;
}
.alignleft,
img.alignleft {
  max-width: 55% !important;
  height: auto !important;
  display: inline;
  float: left;
  clear: left;
  margin-right: 14px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  max-width: 55% !important;
  height: auto !important;
  display: inline;
  float: right;
  clear: right;
  margin-left: 14px;
  margin-top: 4px;
}
.alignnone,
.aligncenter,
.wp-post-image,
img.aligncenter {
  max-width: 100%;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.aligncenter iframe {
  display: block;
  margin: 0 auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
.wp-caption {
  margin-top: 5px;
  margin-bottom: 10px;
  width: auto !important;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
  max-width: 100%;
  /* prevent too-wide images from breaking layout */
  text-align: center;
  color: gray;
  font-family: Georgia;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
}
.gallery-icon img,
.wp-caption img {
  display: block;
  margin: 0 auto 3px auto;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.wp-smiley {
  margin: 0;
}
/* WP-Gallery feature */
.gallery {
  clear: both;
  margin: 0 -10px;
}
.gallery .gallery-caption,
.gallery .gallery-content,
.gallery .gallery-icon {
  margin: 0 10px;
  display: block;
}
.gallery .gallery-icon .preview {
  display: block;
}
.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  margin-bottom: 14px;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-3 .gallery-item {
  width: 33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
#ie7 .gallery-columns-2 .gallery-item {
  width: 48%;
}
#ie7 .gallery-columns-3 .gallery-item {
  width: 31%;
}
#ie7 .gallery-columns-4 .gallery-item {
  width: 23%;
}
#ie7 .gallery-columns-5 .gallery-item {
  width: 18%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1) {
  clear: both;
}
.gallery img {
  display: block;
  margin: 0 auto;
  border: 1px solid #D3D4D4;
}
.gallery .attachment-thumbnail,
.gallery .attachment-medium {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.gallery .gallery-caption {
  font-size: 12px;
  margin: 3px 0 12px;
}
.ownskit-galleries .gallery-content {
  display: none;
}
.gallery .gallery-content {
  margin: 0 0 12px;
}
.gallery dl {
  margin: 0;
}
.gallery br + br {
  display: none;
}
#content .attachment img {
  /* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}
@media (max-width: 460px) {
  .alignleft,
  img.alignleft,
  .alignright,
  img.alignright {
    max-width: 45% !important;
  }
}
/* LESS Mixins 
 * https://github.com/dmitryf/elements/blob/master/elements.less
 * */
/*
Author: Jari Pennanen
*/
/* WooCommerce 
ul.products {
    .no-bullets;
    > li {
        float: left;
        width: 25%;
        .box-sizing;
    }
    .img {
        position: relative;
        padding: 22px 12px 12px 12px;
        background: #fff;
        .zoom-empty {
            padding-top: 100%;
            // border: 1px solid @color-splitter; 
            background: center center no-repeat;
            background-size: contain;
        }
    }
    .button {
        background: @color1;
        color: @color1-fg;
        
        &:hover {
            color: @color1-fg;
            border-color: @color1-hover;
            background: @color1-hover;
        }
    }
    > .product {
        .font1;
        text-align: center;
        // border: 1px solid @color-splitter;
        margin: -1px 0 0 -1px;
        position: relative;
        > a {
            display: block;
            &:hover {
                position: relative;
                z-index: 2;
                // outline: 1px solid @color1;
            }
        }
        > a > .product-item {
            position: relative;
            display: block;
            color: @colorfg;
            padding: 0 0 1.5em 0;
            width: 100%;
            > h3 {
                .accelerate();
                .transition(color @anim-speed);
                padding: 12px 15px 2px 15px;
                .font-sivusto();
                font-size: 14px;
                line-height: 1.33;
            }
            > .subtitle {
                display: block;
                padding: 3px 15px 2px 15px;
                font-size: 14px;
                line-height: 1.33;
            }
            > .price {
                line-height: 1.1;
                display: block;
                font-size: 22px;
                .font-otsake;
                color: @color1;
                > ins {
                    color: @color1;
                    text-decoration: none;
                }
                > del {
                    font-size: 15px;
                    margin-left: 5px;
                    color: @colorfg;
                    .font-sivusto;
                }
            }
            
            &:hover {
                
            }
        }

        &.new-item .img {
            &:after {
                content: "";
                display: block;
                width: 50px;
                height: 50px;
                position: absolute;
                top: 3%;
                right: 9%;
                background-image: url(images/new.png);
                background-size: 100% auto;
            }
        }
        
        .onsale {
            position: absolute;
            top: 20px;
            right: 20px;
            min-width: 2.15em;
            min-height: 2.15em;
            line-height: 2.15em;
            border-radius: 50%;
            text-align: center;
            background: @color1;
            color: @color1-fg;
            z-index: 100;
            font-size: 20px;
            padding: 6px;
            text-transform: uppercase;
        }

        .button {
            font-size: 22px;
            padding: 4px 15px;
            float: right;
            display: block;
            height: auto;
            line-height: inherit;
            border: 0;
            
            &.added:after,
            &.loading:after {
                content: "\2713";
                display: inline-block;
                line-height: 16px;
                width: 6px;
                height: 16px;
                font-size: 20px;
                margin-left: 8px;
                vertical-align: middle;
                background-size: 100% auto;
                position: relative;
                top: -4px;
            }
        }
        .added_to_cart {
            display: none;
        }
    }

    .enlarge-first & {
        > .product:first-child {
            width: 50%;
            > a {
                display: flex;
                position: relative;
                > .product-item {
                    position: static;
                    align-self: center;
                    > h3 {
                        font-size: 17px;
                    }
                    > .subtitle {
                        font-size: 17px;
                    }
                    > .price {
                        font-size: 28px;
                        > del {
                            font-size: 18px;
                        }
                    }
                    > .onsale {
                        top: 20px;
                        min-width: 3.15em;
                        min-height: 3.15em;
                        line-height: 3.15em;
                    }
                }
            }
        }
    }
}
*/
#payment #bambora-payform-bank-payments .bank-button {
  border-width: 7px !important;
}
#payment #bambora-payform-bank-payments .bank-button.selected {
  border-color: #191919 !important;
}
.woocommerce-list-settings > h1 {
  float: left;
  padding: 0 1em 0 0;
  margin-right: 1em;
  border-right: 1px solid #f0f0f0;
}
.woocommerce-list-settings > h1:first-child {
  margin-top: -0.2em;
}
.details-table {
  border: 1px solid #f0f0f0;
}
.details-table th {
  font-weight: normal;
  padding: 0.5em;
  border: 1px solid #f0f0f0;
  width: 33.333%;
}
.details-table td {
  padding: 0.5em;
  border: 1px solid #f0f0f0;
}
.choices {
  font-size: 15px;
  clear: both;
  display: block;
  padding-top: 0.25em;
  padding-bottom: 0;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 760px) {
  .choices {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.choices > .choice {
  padding: 8px 0;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .choices > .choice {
    padding: 4px 0;
  }
}
.choices > .choice > .price-and-button {
  padding-top: 0.35em;
  display: block;
}
.choices > .choice > .price-and-button > .choice-add-to-cart {
  display: inline-block;
  vertical-align: middle;
}
.choices > .choice > .price-and-button > .variation-name {
  position: relative;
  top: -0.3em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
}
.choices > .choice > .price-and-button > .price {
  position: relative;
  top: -0.3em;
  margin: 0;
  margin-left: 0.5em;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}
@media (max-width: 760px) {
  ul.products .choices > .choice > .price-and-button > .price {
    margin-right: 0;
  }
}
.choices > .choice > .price-and-button > .price > ins {
  color: #191919;
  text-decoration: none;
}
.choices > .choice > .price-and-button > .price > del {
  margin-left: 5px;
  color: #000;
}
.choices > .choice > .price-and-button .sold-out {
  display: block;
  height: auto;
  position: relative;
  padding-right: 2.1em;
}
.choices > .choice > .price-and-button .sold-out > .icon {
  display: block;
  position: absolute;
  right: 0;
  top: -0.3em;
  padding: 0.4em;
}
.choices > .choice > .price-and-button .sold-out > .icon > svg {
  width: 1.3em;
  display: block;
}
.choices > .choice > .price-and-button .pre-order-button,
.choices > .choice > .price-and-button .plus-button {
  display: block;
  height: auto;
  border: 0;
  position: relative;
  top: -0.3em;
  color: #000;
  border-radius: 1.5em;
  transition: all 0.25s;
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  border-color: #191919;
  background: #191919;
  color: #f0f0eb;
}
@media (max-width: 760px) {
  ul.products .choices > .choice > .price-and-button .pre-order-button,
  ul.products .choices > .choice > .price-and-button .plus-button {
    display: none;
  }
}
.choices > .choice > .price-and-button .pre-order-button:hover,
.choices > .choice > .price-and-button .plus-button:hover {
  border-color: #2d2d2d;
  background: #2d2d2d;
}
.choices > .choice > .price-and-button .pre-order-button.loading,
.choices > .choice > .price-and-button .plus-button.loading,
.choices > .choice > .price-and-button .pre-order-button.added,
.choices > .choice > .price-and-button .plus-button.added {
  border-color: #dfdfd4;
  background: #dfdfd4;
  color: #f0f0eb;
}
.choices > .choice > .price-and-button .pre-order-button.loading > .icon > svg,
.choices > .choice > .price-and-button .plus-button.loading > .icon > svg,
.choices > .choice > .price-and-button .pre-order-button.added > .icon > svg,
.choices > .choice > .price-and-button .plus-button.added > .icon > svg {
  fill: #fff;
}
.choices > .choice > .price-and-button .pre-order-button.loading:hover,
.choices > .choice > .price-and-button .plus-button.loading:hover,
.choices > .choice > .price-and-button .pre-order-button.added:hover,
.choices > .choice > .price-and-button .plus-button.added:hover {
  border-color: #e9e9e2;
  background: #e9e9e2;
}
.choices > .choice > .price-and-button .pre-order-button > .text,
.choices > .choice > .price-and-button .plus-button > .text {
  padding: 0.3em 2.3em 0.3em 0.7em;
  display: block;
}
.choices > .choice > .price-and-button .pre-order-button > .qty,
.choices > .choice > .price-and-button .plus-button > .qty {
  display: none;
  position: absolute;
  top: -0.2em;
  right: -0.2em;
  background: #000;
  border: 1px solid #fff;
  color: #fff;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.4em;
  border-radius: 50%;
  text-align: center;
  font-size: 80%;
  z-index: 2;
}
.choices > .choice > .price-and-button .pre-order-button > .qty.show,
.choices > .choice > .price-and-button .plus-button > .qty.show {
  display: block;
}
.choices > .choice > .price-and-button .pre-order-button > .icon,
.choices > .choice > .price-and-button .plus-button > .icon {
  padding: 0.4em;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.choices > .choice > .price-and-button .pre-order-button > .icon > svg,
.choices > .choice > .price-and-button .plus-button > .icon > svg {
  width: 1.3em;
  display: block;
  transition: fill 0.25s;
  fill: #fff;
}
.choices > .choice > .price-and-button .added_to_cart {
  display: none;
}
.mother-info .choices > .choice:last-child {
  border-bottom: 1px dotted #ccc;
}
.style-light-bg .choices {
  background: none;
}
.style-light-bg .choices > .choice {
  border-top: 1px dotted #000;
  border-top-color: #000;
}
.style-light-bg .choices > .choice:last-child {
  border-bottom: 1px dotted #000;
}
.style-dark .choices {
  background: none;
}
.style-dark .choices > .choice {
  border-top: 1px dotted #fff;
  border-top-color: #fff;
}
.style-dark .choices > .choice:last-child {
  border-bottom: 1px dotted #fff;
}
.style-dark .choices > .choice > .choice-title > .format {
  color: #fff;
}
.style-dark .choices > .choice > .choice-title > .format:hover {
  color: gray;
}
.style-dark .choices > .choice > .choice-title > .format.active {
  background: #191919;
  color: #f0f0eb;
}
.style-dark .choices > .choice > .price-and-button > .price {
  color: #fff;
}
.style-dark .choices > .choice > .price-and-button > .price > ins {
  color: #fff;
}
.style-dark .choices > .choice > .price-and-button > .price > del {
  color: #fff;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button,
.style-dark .choices > .choice > .price-and-button .plus-button {
  color: #fff;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button > .qty,
.style-dark .choices > .choice > .price-and-button .plus-button > .qty {
  background: #000;
  color: #fff;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button > .icon > svg,
.style-dark .choices > .choice > .price-and-button .plus-button > .icon > svg {
  fill: #fff;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button:hover > .icon > svg,
.style-dark .choices > .choice > .price-and-button .plus-button:hover > .icon > svg {
  fill: #fff;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button.loading,
.style-dark .choices > .choice > .price-and-button .plus-button.loading,
.style-dark .choices > .choice > .price-and-button .pre-order-button.added,
.style-dark .choices > .choice > .price-and-button .plus-button.added {
  border-color: #dfdfd4;
  background: #dfdfd4;
  color: #f0f0eb;
}
.style-dark .choices > .choice > .price-and-button .pre-order-button.loading > .icon > svg,
.style-dark .choices > .choice > .price-and-button .plus-button.loading > .icon > svg,
.style-dark .choices > .choice > .price-and-button .pre-order-button.added > .icon > svg,
.style-dark .choices > .choice > .price-and-button .plus-button.added > .icon > svg {
  fill: #000;
}
div.product {
  position: relative;
  overflow: hidden;
}
div.product > .other-images {
  float: left;
  width: 50%;
  clear: left;
}
div.product > .other-images > img {
  margin-top: 1.5em;
  display: block;
  width: 100%;
  height: auto !important;
}
div.product > .images {
  position: relative;
  width: 50%;
  margin-bottom: 1.5em;
  float: left;
}
div.product > .images .woocommerce-product-gallery__wrapper {
  display: block;
  padding: 0;
  margin: 0;
}
div.product > .images .woocommerce-main-image {
  display: block;
  background: #fff;
  pointer-events: none;
}
div.product > .images .woocommerce-main-image img {
  display: block;
  width: 100%;
}
div.product > .summary {
  overflow: hidden;
  padding: 1.25em 0.75em 2.5em 2.1em;
}
div.product > .summary > .cats {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-size: 125%;
}
div.product > .summary > h1 {
  text-align: left;
  padding: 0;
}
div.product > .summary > h1 > .maintitle {
  display: block;
}
div.product > .summary > h1 > .subtitle {
  display: block;
  font-size: 60%;
  font-weight: 300;
}
div.product > .summary > [itemprop="description"] {
  padding: 0 0 2em 0;
}
div.product > .summary > .socmed {
  padding-top: 1.5em;
}
div.product .fb-likebutton {
  width: 100%;
}
div.product .thumbnails a {
  width: 50px;
  height: 50px;
  padding: 5px;
  background: #fff;
  display: inline-block;
}
div.product .thumbnails a:hover {
  border-color: #191919;
}
div.product .thumbnails img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
div.product .onsale {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 2.5em;
  min-height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  background: #191919;
  color: #f0f0eb;
  z-index: 100;
  font-size: 20px;
  padding: 6px;
  text-transform: uppercase;
}
div.product .woocommerce-tabs {
  clear: both;
}
div.product .details {
  font-size: 80%;
  padding: 0 0 2em 0;
}
div.product .details strong {
  font-weight: normal;
  text-transform: uppercase;
}
div.product .details .detail {
  padding: 0;
}
div.product .details,
div.product .content {
  clear: both;
}
div.product .price {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  line-height: 1;
  color: #191919;
  padding: 0 0 1.5em 0;
  display: block;
}
div.product .price > ins {
  color: #191919;
  text-decoration: none;
}
div.product .price > del {
  font-size: 70%;
  margin-left: 10px;
}
div.product .in-stock {
  padding: 0;
  font-size: 80%;
  font-style: italic;
}
div.product .cart {
  padding-top: 2.25em;
}
div.product .cart.variations_form {
  position: relative;
}
div.product .cart.variations_form .single_variation {
  padding: 0 0 0.5em 0;
}
div.product .cart.variations_form .price {
  display: block;
  padding: 0.25em 0;
}
div.product .cart .variations .label {
  display: block;
  width: auto;
  text-transform: uppercase;
  padding: 14px 10px 0 0;
  text-align: left;
}
div.product .cart .variations select {
  width: 100%;
}
div.product .cart .variations .value {
  display: block;
}
div.product .cart .variations .reset_variations {
  display: block;
  font-size: 80%;
  position: absolute;
  top: -1em;
  right: 0;
}
div.product .cart .button {
  vertical-align: middle;
  background: #191919;
  color: #f0f0eb;
  padding: 0.25em 1em;
  margin-left: 1em;
  border: 0;
  font-size: 14px;
}
div.product .cart .button:hover {
  border: 0;
  background: #2d2d2d;
}
div.product .cart .variations_button > .button {
  text-align: left;
}
@media (max-width: 760px) {
  div.product > .other-images {
    width: auto;
    margin: 1.5em 0 0 0;
    float: none;
  }
  div.product > .images {
    width: auto;
    margin: 0 auto 1.5em auto;
    float: none;
  }
  div.product > .summary {
    overflow: hidden;
    padding: 1.25em 0 2.5em 0;
  }
}
#comments > h2 {
  display: none;
}
#comments .commentlist {
  padding: 0 0 0 0;
  margin: 0.5em 0 0 0;
  list-style: none;
}
#comments .star-rating {
  display: inline;
  line-height: 32px;
}
#comments .comment_container {
  margin-bottom: 2em;
  padding: 1em 0;
  border-bottom: 1px solid #ffffff;
}
#comments .avatar {
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 5px;
}
#comments .meta {
  display: inline;
  line-height: 32px;
}
#comments .description {
  clear: both;
  padding: 0 34px;
}
#respond form label {
  display: block;
}
#respond form textarea {
  display: block;
  width: 100%;
}
#respond #submit {
  padding: 0.7em 1.5em;
  font-family: inherit;
  font-size: 100%;
  background: #191919;
  color: #f0f0eb;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  cursor: hand;
}
.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 1em 0;
  padding: 0.35em 0.5em 0.35em 1em;
  border: 1px solid #f0f0f0;
  overflow: hidden;
}
.woocommerce-info li,
.woocommerce-error li,
.woocommerce-message li {
  display: block;
}
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message .button {
  float: right;
  margin-left: 5px;
  padding: 0.2em 1.5em;
  line-height: 45px;
}
.woocommerce-error {
  background: #f00;
  color: #fff;
}
.message {
  margin-top: 1em;
  padding: 0.85em;
  border: 1px solid #f0f0f0;
}
.message > .txt {
  display: block;
  line-height: 1;
  font-size: 130%;
  font-weight: 300;
  padding-bottom: 0.2em;
}
.message > .small {
  display: block;
}
.breadcrumbs-product {
  position: relative;
}
.breadcrumbs-product > .woocommerce-breadcrumb {
  padding-top: 1.5em;
}
.breadcrumbs-product .back {
  background: #191919;
  color: #f0f0eb;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.6em 0.7em 0.6em 0.4em;
  transition: opacity 0.25s;
}
.breadcrumbs-product .back:before {
  content: "";
  display: block;
  background: url("images/left-triangle.png") left center;
  width: 18px;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
}
.breadcrumbs-product .back:hover {
  opacity: 0.8;
}
.woocommerce-breadcrumb {
  font-size: 90%;
  text-transform: uppercase;
  padding: 0.25em 0;
}
.woocommerce-breadcrumb h1 {
  font-size: inherit;
  display: none;
}
.woocommerce-breadcrumb a:hover {
  color: #191919;
}
.quantity-select-wrapper {
  display: inline-block;
  position: relative;
}
.quantity-select-wrapper:after {
  display: block;
  position: absolute;
  content: "\25BC";
  font-size: 10px;
  pointer-events: none;
  right: 0.75em;
  bottom: 0;
  top: 50%;
  margin-top: -7px;
}
.quantity-select-wrapper > .quantity-select {
  cursor: pointer;
  cursor: hand;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 3em;
  line-height: 1.2;
  padding: 0 1.5em 0 1em;
  border-radius: 0.5em;
}
.quantity-select-wrapper > .quantity-select:focus {
  outline: 0;
  box-shadow: none;
}
.quantity-select-wrapper > .quantity-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.quantity-select-wrapper > .quantity-select:hover {
  border: 1px solid #aaa;
}
.quantity-select-wrapper > .quantity-select option:focus {
  outline: 0;
}
select.quantity-select {
  height: 2.5em;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
  font-family: inherit;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 2.8em;
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #000;
  margin: 0;
  padding: 0 8px;
  border-color: #f0f0f0;
}
textarea {
  line-height: 1.4;
  height: auto;
  padding: 5px 5px;
}
#place_order,
a.checkout-button {
  padding: 0.7em 1.5em;
  font-family: inherit;
  font-size: 100%;
  background: #191919;
  color: #f0f0eb;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  cursor: hand;
  margin: 20px 0 0 0;
}
#place_order:hover,
a.checkout-button:hover {
  color: #f0f0eb;
  border-color: #2d2d2d;
  background: #2d2d2d;
}
#shipping_method {
  list-style: none;
  margin: 0;
  list-style-image: none;
  padding: 0;
}
abbr.required {
  text-decoration: none;
}
.cart-infos {
  position: relative;
  margin-top: 2.5em;
}
.cart-infos > .cart-custom-info {
  box-sizing: border-box;
  margin-right: 20px;
  float: left;
  width: 58%;
}
.cart-infos > .cart-collaterals {
  overflow: hidden;
}
.cart-infos > .cart-collaterals .checkout-button {
  display: block;
  text-align: center;
}
@media (max-width: 800px) {
  .cart-infos > .cart-custom-info {
    float: none;
    width: auto;
  }
  .cart-infos > .cart-custom-info:after {
    display: none;
  }
  .cart-infos > .cart-collaterals {
    padding-top: 0.5em;
  }
}
.select2-drop.select2-drop-above.select2-drop-active,
.select2-drop-active {
  border: 1px solid #ccc;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container .select2-choice {
  padding: 10px;
  border: 1px solid #fff;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open .select2-choices {
  border: 1px solid #ccc;
}
.select2-results__options {
  color: #000;
}
.select2-container .select2-selection--single {
  height: auto;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.6em;
}
.woocommerce-MyAccount-navigation {
  padding-bottom: 2em;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  text-align: center;
}
.woocommerce-MyAccount-navigation ul li {
  display: inline-block;
  padding: 0 0.5em;
}
/* Single order review */
.woocommerce-order section {
  padding-top: 1.5em;
}
.cart-collaterals {
  padding-bottom: 3em;
}
.cart-collaterals .wc-proceed-to-checkout {
  margin-top: 1.5em;
}
.woocommerce-checkout-review-order-table-totals,
.woocommerce-checkout-review-order-table,
.cart-collaterals table {
  margin-right: 1px;
}
.woocommerce-checkout-review-order-table-totals td,
.woocommerce-checkout-review-order-table td,
.cart-collaterals table td,
.woocommerce-checkout-review-order-table-totals th,
.woocommerce-checkout-review-order-table th,
.cart-collaterals table th {
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px solid #f0f0f0;
}
.woocommerce-checkout-review-order-table-totals th,
.woocommerce-checkout-review-order-table th,
.cart-collaterals table th {
  padding-right: 0.75em;
}
.woocommerce-checkout-review-order-table-totals td,
.woocommerce-checkout-review-order-table td,
.cart-collaterals table td {
  text-align: left;
}
.woocommerce-checkout-review-order-table-totals td.woocommerce-checkout-review-order-table-totals-row,
.woocommerce-checkout-review-order-table td.woocommerce-checkout-review-order-table-totals-row,
.cart-collaterals table td.woocommerce-checkout-review-order-table-totals-row {
  border-bottom: 0;
}
.woocommerce-checkout-review-order-table-totals .shipping-calculator-form-fixed,
.woocommerce-checkout-review-order-table .shipping-calculator-form-fixed,
.cart-collaterals table .shipping-calculator-form-fixed {
  padding-top: 0.8em;
}
.woocommerce-checkout-review-order-table-totals tr.shipping select,
.woocommerce-checkout-review-order-table tr.shipping select,
.cart-collaterals table tr.shipping select,
.woocommerce-checkout-review-order-table-totals tr.shipping input,
.woocommerce-checkout-review-order-table tr.shipping input,
.cart-collaterals table tr.shipping input {
  width: 100%;
  display: block;
  padding: 0.5em 0.5em;
}
.woocommerce-checkout-review-order-table-totals tr.shipping button[name="calc_shipping"],
.woocommerce-checkout-review-order-table tr.shipping button[name="calc_shipping"],
.cart-collaterals table tr.shipping button[name="calc_shipping"] {
  display: block;
  width: 100%;
}
.woocommerce-checkout-review-order-table-totals tr.shipping td,
.woocommerce-checkout-review-order-table tr.shipping td,
.cart-collaterals table tr.shipping td {
  text-align: right;
}
.woocommerce-checkout-review-order-table-totals tr.order-total > th,
.woocommerce-checkout-review-order-table tr.order-total > th,
.cart-collaterals table tr.order-total > th {
  font-size: 150%;
  font-weight: 300;
}
.woocommerce-checkout-review-order-table-totals tr.cart-subtotal > td,
.woocommerce-checkout-review-order-table tr.cart-subtotal > td,
.cart-collaterals table tr.cart-subtotal > td {
  text-align: right;
}
.woocommerce-checkout-review-order-table-totals tr.order-total > td,
.woocommerce-checkout-review-order-table tr.order-total > td,
.cart-collaterals table tr.order-total > td {
  text-align: right;
}
.woocommerce-checkout-review-order-table-totals tr.order-total > td > strong,
.woocommerce-checkout-review-order-table tr.order-total > td > strong,
.cart-collaterals table tr.order-total > td > strong {
  font-size: 150%;
  font-weight: 300;
}
.woocommerce-checkout-review-order-table-totals tr.order-total > td > .includes_tax,
.woocommerce-checkout-review-order-table tr.order-total > td > .includes_tax,
.cart-collaterals table tr.order-total > td > .includes_tax {
  display: block;
}
.woocommerce-checkout-review-order-table-totals th.product-total,
.woocommerce-checkout-review-order-table th.product-total,
.cart-collaterals table th.product-total {
  text-align: right;
}
.woocommerce-checkout-review-order-table-totals tr.cart_item > td,
.woocommerce-checkout-review-order-table tr.cart_item > td,
.cart-collaterals table tr.cart_item > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 0;
}
.woocommerce-checkout-review-order-table-totals tr.cart_item > td.product-total,
.woocommerce-checkout-review-order-table tr.cart_item > td.product-total,
.cart-collaterals table tr.cart_item > td.product-total {
  text-align: right;
}
.address .title h3 {
  display: inline;
}
.address .title .edit {
  display: inline;
}
.woocommerce {
  text-align: left;
}
.woocommerce-account form {
  max-width: 22em;
}
.woocommerce-account .input-text {
  width: 100%;
}
.cart_totals {
  max-width: 25em;
  padding-top: 3em;
}
.form-row {
  padding: 0 0 0.7em 0;
}
.form-row label {
  display: block;
}
.form-row label.inline {
  display: inline-block;
}
.form-row label.checkbox {
  display: inline;
}
.form-row.woocommerce-invalid label {
  color: #cc0000;
}
.form-row.woocommerce-invalid input[type="text"],
.form-row.woocommerce-invalid input[type="email"],
.form-row.woocommerce-invalid input[type="number"] {
  border-width: 1px;
  border-color: #cc0000;
}
#ship-to-different-address-checkbox {
  vertical-align: middle;
  float: left;
  position: relative;
  top: 0.5em;
  margin-right: 0.85em;
}
#shipping_address_1_field + #shipping_postcode_field,
#billing_address_1_field + #billing_postcode_field {
  width: 30%;
  float: left;
}
#shipping_address_1_field + #shipping_postcode_field label,
#billing_address_1_field + #billing_postcode_field label {
  display: none;
}
#shipping_address_1_field + #shipping_postcode_field + .clear,
#billing_address_1_field + #billing_postcode_field + .clear {
  display: none;
}
#shipping_postcode_field + #shipping_city_field,
#billing_postcode_field + #billing_city_field {
  width: 69%;
  float: right;
}
#shipping_postcode_field + #shipping_city_field label,
#billing_postcode_field + #billing_city_field label {
  display: none;
}
#shipping_postcode_field + #shipping_city_field + .form-row,
#billing_postcode_field + #billing_city_field + .form-row {
  clear: both;
}
#shipping_first_name_field,
#billing_first_name_field {
  width: 30%;
  float: left;
}
#shipping_first_name_field + .clear,
#billing_first_name_field + .clear {
  display: none;
}
#shipping_last_name_field,
#billing_last_name_field {
  width: 69%;
  float: right;
}
#shipping_last_name_field + .form-row,
#billing_last_name_field + .form-row {
  clear: both;
}
#shipping_address_1_field,
#billing_address_1_field {
  padding: 0 0 0.7em 0;
}
.woocommerce-account h2:first-child {
  padding-top: 1em;
}
ul.order_details {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
}
dl {
  margin: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
}
table th {
  text-align: left;
}
table th,
table td {
  padding: 5px 0;
}
.shop_table.cart td,
.shop_table.cart th {
  vertical-align: middle;
  padding: 15px;
}
.shop_table.cart thead th {
  background: #f0f0f0;
  padding: 15px;
  font-weight: normal;
}
.shop_table.cart tr.cart_item td {
  border-bottom: 1px solid #f0f0f0;
}
.shop_table.cart .coupon label {
  display: none;
}
.shop_table.cart th.product-thumbnail,
.shop_table.cart td.product-thumbnail {
  display: none;
}
.shop_table.cart td.product-remove {
  width: 0.5em;
}
.shop_table.cart td.product-remove > a {
  white-space: nowrap;
  color: #191919;
}
.shop_table.cart td.product-remove > a > .del-icon {
  font-size: 25px;
  padding: 0 5px;
  font-size: 150%;
  line-height: 0.6;
  position: relative;
  top: 0.12em;
}
.shop_table.cart td.product-remove > a:hover {
  color: #2d2d2d;
}
.shop_table.cart .variation {
  font-size: 80%;
}
.shop_table.cart .variation > dt,
.shop_table.cart .variation > dd {
  display: inline;
  margin: 0;
}
.shop_table.cart .variation > dt > p,
.shop_table.cart .variation > dd > p {
  display: inline;
  margin: 0;
}
.shop_table.cart td.product-name > a {
  color: #000;
}
.shop_table.cart td.product-name > a:hover {
  color: #191919;
}
.shop_table.cart td.product-quantity {
  width: 2em;
}
.shop_table.cart td.product-price {
  width: 4.5em;
}
.shop_table.cart th.product-subtotal {
  text-align: right;
}
.shop_table.cart td.product-subtotal {
  text-align: right;
  width: 5em;
}
.shop_table.cart td.product-subtotal .tax_label {
  display: block;
}
.shop_table.cart .actions {
  border: 0;
  padding: 10px 0 0 0;
  text-align: right;
}
.shop_table.cart .actions .coupon {
  float: left;
}
@media (max-width: 900px) {
  .shop_table.cart thead {
    display: none;
  }
  .shop_table.cart th,
  .shop_table.cart td {
    padding: 5px;
  }
  .shop_table.cart td.product-remove > a > .text {
    display: none;
  }
  .shop_table.cart .actions .coupon {
    display: block;
    float: none;
    padding-bottom: 1em;
  }
}
@media (max-width: 800px) {
  .shop_table.cart td.product-subtotal {
    width: auto;
  }
  .shop_table.cart td.product-price {
    display: none;
  }
  .shop_table.cart td.product-name {
    font-size: 100%;
  }
}
@media (max-width: 500px) {
  .shop_table.cart td.product-thumbnail {
    padding: 2px;
    width: 1.5em;
    text-align: center;
  }
  .shop_table.cart td.product-thumbnail a {
    width: 22px;
    height: 22px;
    display: inline-block;
  }
}
table.my_account_orders thead th {
  background: #ffffff;
}
table.my_account_orders th,
table.my_account_orders td {
  padding: 5px;
  border: 1px solid #f0f0f0;
  vertical-align: middle;
}
table.my_account_orders .order-actions {
  width: 3em;
}
table.my_account_orders .order-actions > a {
  display: block;
  text-align: center;
  margin: 0 0 0.2em 0;
}
.order-again {
  margin-top: 1em;
}
.maksu_virhe {
  font-size: 150%;
  font-weight: bold;
  color: red;
}
#billing_country_field > label,
#shipping_country_field > label {
  display: inline;
  margin-right: 0.5em;
}
.return-to-the-cart {
  margin: 0 0 1em 0;
}
.cart-empty,
.return-to-shop {
  text-align: center;
}
.checkout .blockUI.blockOverlay {
  background: rgba(255, 255, 255, 0.8) !important;
  position: relative;
}
.checkout .blockUI.blockOverlay:after {
  display: block;
  position: absolute;
  content: "";
  width: 5em;
  height: 5em;
  left: 50%;
  margin-left: -2.5em;
  top: 3em;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'loader-1'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20xmlns%3Axlink%3D'http%3A//www.w3.org/1999/xlink'%20x%3D'0px'%20y%3D'0px'%20width%3D'40px'%20height%3D'40px'%20viewBox%3D'0%200%2050%2050'%20style%3D'enable-background%3Anew%200%200%2050%2050%3B'%20xml%3Aspace%3D'preserve'%3E%20%3Cpath%20fill%3D'%23fff'%20d%3D'M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'%3E%20%3CanimateTransform%20attributeType%3D'xml'%20attributeName%3D'transform'%20type%3D'rotate'%20from%3D'0%2025%2025'%20to%3D'360%2025%2025'%20dur%3D'0.6s'%20repeatCount%3D'indefinite'/%3E%20%3C/path%3E%20%3C/svg%3E");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.checkout textarea {
  width: 100%;
  max-width: 100%;
  min-height: 5em;
  height: 10em;
}
.checkout .payment_methods {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  padding-top: 1em;
}
.checkout .woocommerce-additional-fields {
  display: none;
}
.checkout .input-checkbox {
  width: 1.8em;
  height: 1.8em;
  vertical-align: middle;
  margin: 0 0.2em 0 0;
  position: relative;
  top: -0.1em;
}
.checkout .input-text {
  display: block;
  width: 100%;
}
.checkout .payment_method_paypal img {
  display: inline-block;
  width: 20px;
}
.checkout .payment_method_paypal .about_paypal {
  font-size: 70%;
  margin-left: 0.5em;
}
.checkout #bambora-payform-bank-payments p {
  padding-top: 1.5em;
}
.checkout .checkout-custom-info {
  padding-top: 3em;
}
.woocommerce-checkout .place-order input[type="submit"] {
  font-size: 150%;
  font-weight: 300;
  font-family: inherit;
}
.woocommerce-checkout-payment img {
  display: inline-block;
  max-width: 4em;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  margin-left: 0.2em;
}
.customer-details-col {
  float: left;
  width: 70%;
  box-sizing: border-box;
  padding-right: 20px;
}
.customer-details-col #customer_details .woocommerce-billing-fields > h3:first-child {
  display: none;
}
.customer-details-col #customer_details .woocommerce-shipping-fields {
  clear: both;
  padding-top: 1em;
}
.order-review-col {
  overflow: hidden;
  box-sizing: border-box;
}
.order-review-col .more-link {
  display: block;
  text-align: center;
}
.order-review-col .help-coupon {
  padding: 0.5em 0 0 0;
}
@media (max-width: 1124px) {
  .customer-details-col {
    width: 60%;
  }
}
@media (max-width: 1023px) {
  .customer-details-col {
    width: 50%;
  }
}
@media (max-width: 900px) {
  .customer-details-col {
    width: auto;
    float: none;
    padding-right: 0;
    padding-bottom: 2em;
  }
}
.col2-set {
  overflow: hidden;
}
.col-1 {
  float: left;
  width: 48%;
}
.col-2 {
  width: 48%;
  float: right;
}
div.pp_pic_holder {
  z-index: 11010;
}
div.pp_overlay {
  z-index: 11000;
}
.woocommerce-tabs > .tabs {
  list-style: none;
  margin: 0;
  list-style-image: none;
  border-bottom: 1px solid #f0f0f0;
  padding: 0;
  margin: 0 0 1em 0;
}
.woocommerce-tabs > .tabs > li {
  display: inline-block;
  margin-bottom: -1px;
}
.woocommerce-tabs > .tabs > li > a {
  display: inline-block;
  padding: 0.5em 0.8em 0.5em 0.8em;
  text-transform: uppercase;
  border: 1px solid #f0f0f0;
}
.woocommerce-tabs > .tabs > li > a:hover,
.woocommerce-tabs > .tabs > li.active > a {
  background: #191919;
  color: #f0f0eb;
  border: 1px solid #191919;
}
@media (max-width: 500px) {
  #pagenav {
    margin-top: 1em;
  }
  .col-1,
  .col-2 {
    width: auto;
    float: none;
  }
  .col-2 {
    margin-top: 1em;
  }
  table.my_account_orders .order-actions,
  table.my_account_orders .order-total {
    display: none;
  }
  .coupon label {
    display: none;
  }
}
@media (max-width: 850px) {
  /* WooCommerce 
    ul.products {
        margin: 0;
        > .product {
            width: 33.33333%;
        }

        .enlarge-first & {
            > .product:first-child {
                width: 66.666%;
            } 
        }
    }
    */
}
@media (max-width: 750px) {
  /* WooCommerce 
    ul.products {
        margin: 0;
        > .product {
            width: 50%;
        }

        .enlarge-first & {
            > .product:first-child {
                width: 100%;
                > a {
                    min-height: 0 !important;
                }
            } 
        }
    }
    */
}
@media (max-width: 560px) {
  /* WooCommerce 
    ul.products {
        margin: 0;
        > .product {
            clear: both;
            float: none;
            width: auto;
            > a {
                min-height: 0 !important;
            }
        }

        .enlarge-first & {
            > .product:first-child {
                width: 100%;
                > a {
                    min-height: 0 !important;
                }
            } 
        }
    }
    */
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
  padding: 0.7em 1.5em;
  font-family: inherit;
  font-size: 100%;
  background: #191919;
  color: #f0f0eb;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  cursor: hand;
}
.ala-alanavigaatio-font {
  font-size: 14px;
  line-height: 0.7;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
.kalenteri-tapahtumat {
  font-size: 60%;
  text-align: left;
  line-height: 1.2;
}
article.yhteistyosssa {
  clear: both;
  padding-top: 4%;
}
article.yhteistyosssa h1 {
  text-align: center;
  border-bottom: 0;
  font-size: 24px;
}
ul.yhteistyosssa {
  margin-top: 2em;
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 0 -0.8%;
}
ul.yhteistyosssa > li {
  float: left;
  width: 16.66666667%;
  padding: 0 0.8%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
ul.yhteistyosssa > li:nth-child(6n + 1) {
  clear: both;
}
ul.yhteistyosssa li {
  border-width: 0 1px 1px 0;
}
ul.yhteistyosssa li:nth-child(n + 7) {
  border-bottom-width: 0;
}
ul.yhteistyosssa li:nth-child(6n) {
  border-right-width: 0;
}
ul.yhteistyosssa a:hover > img {
  opacity: 0.7;
}
ul.yhteistyosssa a {
  display: block;
  margin-bottom: 10%;
  margin-top: 10%;
}
ul.yhteistyosssa img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  margin: 0 auto;
  padding: 0;
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 70px;
}
.home #header {
  padding-bottom: 60px;
}
@media (max-width: 512px) {
  .home #header {
    padding-bottom: 0;
  }
}
#slider {
  margin-top: -60px;
}
#slider .slider {
  position: relative;
}
#slider .slider > .empty {
  padding-top: 33%;
}
#slider .slider > .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: opacity 0s;
  transition-delay: 0.5s;
  opacity: 0;
  z-index: 10;
}
#slider .slider > .slide.init {
  z-index: 11;
  transition: none;
  opacity: 1;
}
#slider .slider > .slide.selected {
  transition: opacity 0.5s;
  opacity: 1;
  transition-delay: 0s;
}
#slider .slider > .empty {
  padding-top: 43%;
}
#slider .slider > .slide > .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 30%;
  background-size: cover;
  background-repeat: no-repeat;
}
#slider .slider > .slide > .texts {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  font-size: 20px;
  text-transform: uppercase;
  color: #f0f0eb;
}
#slider .slider > .slide > .texts > div {
  background: #191919;
  padding: 8px 18px 3px 18px;
  display: inline-block;
}
#slider .slider > .slide > .texts .nimi {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
#slider .slider > .slide > .texts .ajankohta {
  letter-spacing: 1px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-size: 80%;
}
@media (max-height: 700px) {
  #slider .slider > .empty {
    padding-top: 37%;
  }
}
@media (max-height: 600px) {
  #slider .slider > .empty {
    padding-top: 33%;
  }
}
.julkaisut {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 0 -10px;
  font-size: 17px;
}
.julkaisut > li {
  float: left;
  width: 33.33333333%;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.julkaisut > li:nth-child(3n + 1) {
  clear: both;
}
.julkaisut > li {
  margin-bottom: 2em;
}
.julkaisut > li a {
  display: block;
  color: #2d2d2d;
  font-weight: 400;
  text-align: center;
}
.julkaisut > li a img {
  width: 100% !important;
  height: auto !important;
  display: block;
}
.julkaisut > li a:hover {
  color: #3a3a3a;
}
.julkaisut > li a:hover img {
  opacity: 0.7;
}
.julkaisut > li.current a {
  color: #191919;
}
.tweet-wrap {
  /*margin-top: 20px;*/
}
.tweet-wrap h1 {
  background: url("images/icon-twitter.png") right 0.35em no-repeat;
  background-size: 30px 30px;
}
.tweet-wrap .tweet-container {
  text-align: center;
  height: 50px;
  display: inline-block;
  text-align: left;
}
#content.kuoro-jasenet {
  max-width: 50em;
}
.anchor {
  position: relative;
  visibility: hidden;
  display: block;
  top: -35px;
}
.admin-bar .anchor {
  top: -67px;
}
.kuoro {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  padding-top: 1em;
  margin: 0 -10px;
}
.kuoro > li {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.kuoro > li:nth-child(4n + 1) {
  clear: both;
}
.kuoro a {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 1em;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  color: #2d2d2d;
}
.kuoro a .zoom {
  display: block;
  background: center center no-repeat;
  background-size: cover;
  padding-top: 145%;
  position: relative;
}
.kuoro a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 157px;
  margin-bottom: 5px;
}
.kuoro a:hover {
  color: #191919;
}
.kuoro a:hover .zoom,
.kuoro a:hover img {
  opacity: 0.7;
}
.kuoro.esittely a img {
  max-height: 250px;
}
.ownskit-ytgallery-player {
  max-width: 635px;
  width: 100%;
  display: block;
  margin-bottom: 28px;
}
.ownskit-ytgallery {
  list-style: none;
  padding: 0;
  max-width: 668px;
  display: block;
  margin: 0 -15px;
}
.ownskit-ytgallery > li {
  float: left;
  width: 25%;
  padding: 0 15px;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.ownskit-ytgallery > li:nth-child(4n + 1) {
  clear: both;
}
.ownskit-ytgallery .ownskit-ytgallery-item {
  position: relative;
  overflow: hidden;
}
.ownskit-ytgallery .ownskit-ytgallery-item a {
  text-decoration: none;
  color: black;
}
.ownskit-ytgallery .ownskit-ytgallery-item img {
  width: 100%;
  height: auto;
}
.ownskit-ytgallery .ownskit-ytgallery-item .title {
  display: block;
  text-decoration: none;
  color: #2d2d2d;
}
.ownskit-ytgallery .ownskit-ytgallery-item .duration {
  position: absolute;
  top: 83px;
  right: 15px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  padding: 0 3px;
  color: white;
}
.ownskit-ytgallery .ownskit-ytgallery-item-current img,
.ownskit-ytgallery .ownskit-ytgallery-item:hover img {
  opacity: 0.75;
}
.ownskit-ytgallery .ownskit-ytgallery-item-current .title,
.ownskit-ytgallery .ownskit-ytgallery-item:hover .title {
  color: #191919;
}
#content.front {
  padding-top: 20px;
}
#content.front .content {
  padding-bottom: 1em;
}
#content.front .blocks {
  margin: 0 -20px;
}
#content.front .blocks > div {
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
#content.front .blocks > div:nth-child(1) {
  width: 25%;
}
#content.front .blocks > div:nth-child(2) {
  width: 50%;
}
#content.front .blocks > div:nth-child(3) {
  width: 25%;
}
#content.front .julkaisut {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
#content.front .julkaisut > ul {
  list-style: none;
  padding: 0;
}
#content.front .julkaisut > ul > li {
  padding-bottom: 2em;
}
#content.front .julkaisut > ul > li > a {
  display: block;
}
#content.front .julkaisut > ul > li > a img {
  margin: 0 0 5px 0;
  max-width: 100%;
  width: 150px;
  height: auto;
}
#content.front .julkaisut > ul > li > a:hover img {
  opacity: 0.85;
}
#content.front .kuulumiset .article-list-item {
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
#content.front .kuulumiset .article-list-item:after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: #fff;
}
#content.front .kuulumiset .article-list-item:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
#content.front .kuulumiset .article-list-item:last-of-type:after {
  display: none;
}
#content.front .kuulumiset .article-list-item h1 {
  margin-top: 0;
}
#content.front .kuulumiset .article-list-item a {
  display: block;
  color: #2d2d2d;
}
#content.front .kuulumiset .article-list-item a:hover {
  color: #3a3a3a;
}
.twocol .col1 {
  float: left;
  width: 48%;
}
.twocol .col2 {
  float: right;
  width: 48%;
}
.links {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  border-bottom: 1px solid #e7e7e7;
  padding: 5px 0 0 0;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
.links li {
  border-top: 1px solid #e7e7e7;
  padding: 5px 0;
}
.links li a {
  display: block;
  color: #2d2d2d;
}
.links li a img {
  display: inline-block;
  width: 18px;
  margin-right: 3px;
  vertical-align: middle;
  height: auto;
  position: relative;
  top: -2px;
}
.links li a:hover {
  color: #191919;
}
.links li a:hover img {
  opacity: 0.7;
}
.julkaisu {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.8em;
  margin-bottom: 1.8em;
  position: relative;
}
.julkaisu:after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: #fff;
}
.julkaisu .meta {
  float: left;
  width: 30%;
  margin-right: 4%;
}
.julkaisu .meta > img {
  width: 100%;
  height: auto;
}
.julkaisu .dialog {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.23);
  position: absolute;
  z-index: 10;
  top: 0;
  left: -20px;
  right: -100%;
  margin: 0 auto;
  max-height: 100%;
  overflow: auto;
  transition: all 0.45s ease-in-out;
}
.julkaisu .dialog .close {
  padding: 10px;
  float: right;
  display: block;
}
.julkaisu .dialog .lyriikat {
  padding: 17px;
}
.julkaisu .dialog .nimi {
  display: block;
  padding: 17px 17px 0 17px;
  font-weight: bold;
}
.julkaisu .dialog p:last-child {
  margin-bottom: 0;
}
.julkaisu .dialog.hide {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.julkaisu .dialog.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.julkaisu .content {
  float: left;
  width: 32.5%;
  position: relative;
}
.julkaisu .content ol .lyrics {
  display: inline-block;
  background: #ccc;
  color: #fff;
  padding: 1px 7px;
  margin-left: 3px;
  font-size: 75%;
}
.julkaisu .content ol .lyrics:hover {
  background: #262626;
}
.julkaisu .links {
  margin-bottom: 1em;
}
.julkaisu .lisatietoja {
  float: right;
  width: 32.5%;
}
.gallery {
  margin: 0 -4%;
  margin-top: 2em;
  text-align: center;
}
.gallery > figure {
  float: left;
  width: 33.33333333%;
  padding: 0 4%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.gallery > figure:nth-child(3n + 1) {
  clear: both;
}
.gallery .gallery-item {
  margin-bottom: 5%;
}
.gallery .gallery-item .preview {
  position: relative;
  display: block;
}
.gallery .gallery-item .preview .empty {
  display: block;
  padding-top: 100%;
}
.gallery .gallery-item .preview .zoom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: center center no-repeat;
  background-size: cover;
}
.gallery .gallery-item .preview:hover .zoom,
.gallery .gallery-item .preview:hover img {
  opacity: 0.7;
}
.gallery .gallery-item .caption {
  min-height: 2em;
  color: #191919;
  margin-top: 10px;
}
.gallery .gallery-item .author {
  font-size: 90%;
}
#fancybox-overlay {
  z-index: 11000 !important;
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.9) !important;
}
#fancybox-wrap {
  z-index: 11001 !important;
}
#fancybox-outer {
  background: none !important;
}
#fancybox-title {
  padding: 5px 0 0 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  background: none !important;
  color: #fff !important;
}
.kuvagalleria {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 0 -8px;
}
.kuvagalleria > li {
  float: left;
  width: 25%;
  padding: 0 8px;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.kuvagalleria > li:nth-child(4n + 1) {
  clear: both;
}
.kuvagalleria li {
  margin-bottom: 20px;
}
.kuvagalleria li a {
  color: #2d2d2d;
  text-decoration: none;
  text-align: center;
}
.kuvagalleria li a .esikatselu {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.kuvagalleria li a .esikatselu .empty {
  padding-top: 100%;
}
.kuvagalleria li a .esikatselu .zoom {
  position: absolute;
  top: 4%;
  left: 4%;
  right: 4%;
  bottom: 4%;
}
.kuvagalleria li a .esikatselu .zoom img {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
}
.kuvagalleria li a .nimi {
  font-size: 13px;
}
.kuvagalleria li a .tekijat {
  font-size: 13px;
}
.kuvagalleria li a:hover {
  color: #3a3a3a;
}
.kuvagalleria li a:hover img {
  opacity: 0.7;
}
#hero .hero-wrap {
  background-color: #232324;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  max-width: 960px;
  margin: auto;
}
#hero .hero-wrap .empty {
  padding-top: 45.5%;
}
#hero .hero-wrap img {
  width: 100% !important;
  position: absolute;
  top: 0;
}
.tiedot .tiedot-item {
  margin-bottom: 40px;
}
.tiedot .tiedot-item .image {
  overflow: hidden;
  min-height: 1px;
  float: left;
  width: 25%;
  margin-right: 20px;
  text-align: center;
  color: gray;
}
.tiedot .tiedot-item .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.tiedot .tiedot-item .details {
  overflow: hidden;
}
.tiedot .tiedot-item .details h2 {
  line-height: 1.2;
}
.tiedot .tiedot-item .details h2:first-child {
  margin-top: 0;
}
.tiedot .tiedot-item .details h2 small {
  color: #191919;
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
}
#nav-above {
  display: none;
}
.paged #nav-above {
  display: block;
}
.nav-inside {
  height: 1em;
}
.nav-inside a {
  color: #000;
  text-decoration: none;
}
.nav-inside a:hover {
  color: gray;
}
.nav-inside .nav-previous {
  float: left;
}
.nav-inside .nav-next {
  float: right;
}
#go-top {
  display: none;
}
.scrolled #go-top {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #191919;
  color: #f0f0eb;
  display: block;
  padding: 8px 13px;
  font-size: 16px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  z-index: 10005;
}
.home #go-top {
  display: none;
}
#more-mobile,
#navigation-mobile {
  display: none;
}
body,
html {
  padding: 0;
  margin: 0;
}
body {
  background: #f0f0eb center top;
  font-family: "garamond-premier-pro", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
  color: #2d2d2d;
}
a {
  color: #191919;
}
a:hover {
  color: #262626;
}
p {
  margin: 0 0 1em;
}
h1 {
  font-size: 34px;
  margin: 15px 0 15px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
h1 .meta {
  color: #191919;
  font-size: 80%;
  line-height: 1;
  display: block;
  font-weight: normal;
}
h1:first-child,
h2:first-child,
h3:first-child {
  margin-top: 0;
  padding-top: 0;
}
#secondcontent a.pdf-icon:before,
#content a.pdf-icon:before {
  display: inline-block;
  content: "";
  background: url("images/pdf.png") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  position: relative;
  top: -3px;
  padding-right: 5px;
  vertical-align: middle;
}
h2 {
  font-size: 22px;
  margin: 2em 0 0.45em;
  text-transform: uppercase;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
h3 {
  font-size: 20px;
  margin: 0.7em 0 0.25em;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
h4 {
  font-family: "garamond-premier-pro", sans-serif;
  font-size: 13px;
  margin: 0.7em 0 0.25em;
  text-transform: uppercase;
}
h1 + h2 {
  margin-top: 0;
}
.page-wrapper {
  max-width: 1600px;
  padding: 0;
  padding-left: 2.29885057vw;
  padding-right: 2.29885057vw;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1740px) {
  .page-wrapper {
    padding-left: 40px;
  }
}
@media (max-width: 850px) {
  .page-wrapper {
    padding-left: 19.54022989px;
  }
}
@media (min-width: 1740px) {
  .page-wrapper {
    padding-right: 40px;
  }
}
@media (max-width: 850px) {
  .page-wrapper {
    padding-right: 19.54022989px;
  }
}
#main .page-wrapper {
  max-width: 960px;
}
.ingress {
  color: #191919;
  font-style: italic;
  font-size: 16px;
}
#page {
  overflow: hidden;
  padding: 0 20px;
}
.some {
  display: inline;
  vertical-align: middle;
}
.some > a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em;
}
.some > a > svg {
  display: block;
  width: 1.25em;
  height: 1.25em;
  fill: #f0f0eb;
}
.some > a:hover > svg {
  fill: #999999;
}
#header {
  padding-top: 20px;
  background: #f0f0eb url("images/bg-top-2020.png") center 32px;
  background-size: auto 500px;
  max-width: none;
  overflow: hidden;
}
#header > .page-wrapper > .header-text-line {
  white-space: nowrap;
  padding-bottom: 6px;
  border-bottom: 1px solid #f0f0eb;
  font-size: 2.4137931vw;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  color: #f0f0eb;
}
@media (min-width: 1740px) {
  #header > .page-wrapper > .header-text-line {
    font-size: 42px;
  }
}
@media (max-width: 850px) {
  #header > .page-wrapper > .header-text-line {
    font-size: 20.51724138px;
  }
}
#header > .page-wrapper > .header-text-line > h1 {
  display: inline;
  font-size: inherit;
}
#header > .page-wrapper > .header-text-line > h1 > a {
  color: #f0f0eb;
  transition: color 0.25s;
}
#header > .page-wrapper > .header-text-line > h1 > a:hover {
  color: #999999;
}
#header > .page-wrapper > .header-text-line > .sep {
  display: inline-block;
  padding: 0 0.1em;
}
#header > .page-wrapper > .nav-line {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
}
#header > .page-wrapper > .nav-line > #navigation {
  width: 100%;
  z-index: 100;
  font-size: 1.03448276vw;
  line-height: 2;
}
@media (min-width: 1740px) {
  #header > .page-wrapper > .nav-line > #navigation {
    font-size: 18px;
  }
}
@media (max-width: 850px) {
  #header > .page-wrapper > .nav-line > #navigation {
    font-size: 8.79310345px;
  }
}
#header > .page-wrapper > .nav-line > #navigation h1 {
  display: none;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main li {
  display: inline-block;
  padding: 0 0 0.5em 0;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main li:first-child a {
  padding-left: 0;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main li:last-child a {
  padding-right: 0;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main a {
  display: block;
  font-weight: 400;
  color: #f0f0eb;
  text-transform: uppercase;
  padding: 0 12px;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main a:hover {
  color: #999999;
}
#header > .page-wrapper > .nav-line > #navigation .menu-main .current_page_parent > a,
#header > .page-wrapper > .nav-line > #navigation .menu-main .current-page-ancestor > a,
#header > .page-wrapper > .nav-line > #navigation .menu-main .current-menu-item > a {
  color: #999999;
}
#header > .page-wrapper > .nav-line > .meta-nav {
  font-size: 1.03448276vw;
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
  line-height: 2;
}
@media (min-width: 1740px) {
  #header > .page-wrapper > .nav-line > .meta-nav {
    font-size: 18px;
  }
}
@media (max-width: 850px) {
  #header > .page-wrapper > .nav-line > .meta-nav {
    font-size: 8.79310345px;
  }
}
#header > .page-wrapper > .nav-line > .meta-nav #languages {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
#header > .page-wrapper > .nav-line > .meta-nav #languages .menu-languages {
  list-style: none;
  margin: 0;
  list-style-image: none;
  padding: 0;
  position: relative;
  float: right;
  z-index: 20;
}
#header > .page-wrapper > .nav-line > .meta-nav #languages .menu-languages li {
  display: inline-block;
  padding-left: 1em;
}
#header > .page-wrapper > .nav-line > .meta-nav #languages .menu-languages li a {
  color: #f0f0eb;
}
#header > .page-wrapper > .nav-line > .meta-nav #languages .menu-languages li a:hover {
  color: #999999;
}
#header > .page-wrapper > .nav-line > .meta-nav #languages .menu-languages li.current-menu-item a {
  color: #f0f0eb;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart {
  display: inline-block;
  vertical-align: middle;
  z-index: 10001;
  color: #000;
  transition: background 0.25s;
}
body.scrolled #header > .page-wrapper > .nav-line > .meta-nav #fixed-cart {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #191919;
  padding: 1em;
  text-align: center;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart a {
  color: #000;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  background: none;
  color: #f0f0eb;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts {
  display: block;
  border-radius: 1.5em;
  border: 1px solid #f0f0eb;
  padding: 0 0.5em 0 1em;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link {
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
  color: #f0f0eb;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link > .icon {
  display: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 5px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link > .icon > svg {
  display: block;
  width: 100%;
  transition: fill 0.25s;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link > .texts {
  display: inline-block;
  min-width: 8em;
  position: relative;
  top: 1px;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link > .texts > .price {
  display: inline;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link > .hover-text {
  opacity: 0;
  position: absolute;
  right: -20px;
  bottom: -19px;
  width: 62px;
  text-align: center;
  font-size: 10px;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts > .cart-link:hover {
  color: #999999;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts.filled,
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-links .ajax-cart-parts.filled > .cart-link {
  background: #f0f0eb;
  color: #191919;
}
#header > .page-wrapper > .nav-line > .meta-nav #fixed-cart .cart-link .c {
  display: inline-block;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
#header > .page-wrapper > .header-image {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 2em;
}
body.show-mobile-menu #header > .page-wrapper > .header-image {
  display: none;
}
#left {
  padding: 98px 0 0 0;
}
#left .menu {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
#left .menu ul {
  list-style: none;
  padding: 0;
}
#left .menu li a {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  color: #2d2d2d;
  font-size: 19px;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 10px;
  letter-spacing: 0;
  color: #191919;
  display: block;
}
#left .menu li a:hover {
  color: #000000;
}
#left .menu li.current-cat > a,
#left .menu li.current_page_item > a,
#left .menu li.current-menu-item > a {
  color: #000000;
}
#left .menu li.page_is_empty > a {
  display: none;
}
#left .menu li ul ul {
  padding: 5px 0;
}
#left .menu li ul ul a {
  font-size: 14px;
  line-height: 0.7;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
#left h1 {
  font-size: 20px;
  margin: 1em 0 0.1em 0;
  text-align: right;
}
#left h2 {
  text-align: right;
  font-size: 19px;
}
#left {
  float: left;
  clear: left;
  width: 185px;
  box-sizing: border-box;
}
body.fixed-left #left {
  position: fixed;
  padding: 0;
  margin-top: -80px;
  top: 150px;
}
body.fixed-left #content {
  margin-left: 185px;
}
#content {
  padding-top: 20px;
  box-sizing: border-box;
  max-width: 30em;
  margin: 0 auto;
}
#content > h1 {
  padding: 0 0 0.2em;
  margin: 0 0 0.6em;
  border-bottom: 1px solid #ddd;
  position: relative;
}
#content > h1:after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background: #fff;
}
#content > .post-edit-link {
  padding-top: 1em;
  display: block;
}
#content.fullsize {
  max-width: 100%;
}
#content.fullsize > h1 {
  text-align: center;
}
.sidebar #content {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 20px 0 0 90px;
}
#content.front .col2 h1 {
  text-align: center;
}
#content.front .content {
  font-size: 28px;
}
@media (max-width: 760px) {
  #content.front .content {
    font-size: 18px;
  }
}
#content .img {
  float: left;
  max-width: 50%;
  margin-right: 1em;
  margin-bottom: 1em;
}
#content .img .text {
  color: gray;
  text-align: right;
  font-size: 80%;
}
#content .img.full-width {
  float: none;
  width: 100%;
  margin-right: 0;
  max-width: none;
}
.text-btn {
  display: block;
  background: #e3e3e3;
  padding: 9px 5px 8px 5px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  color: #191919;
}
.text-btn:hover {
  background: #191919;
  color: #fff;
}
.audioButton {
  color: inherit;
}
.audioButton > i {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: url("images/playpause.png") 0 0 no-repeat;
  background-size: 40px 10px;
  opacity: 0.3;
}
.audioButton.paused > i,
.audioButton.stopped > i {
  background-position: 0 0;
}
.audioButton.playing > i {
  background-position: -10px 0;
}
.audioButton.playing > i,
.audioButton:hover > i {
  opacity: 1;
}
ul .audioButton,
ol .audioButton {
  position: relative;
}
ul .audioButton > i,
ol .audioButton > i {
  position: absolute;
  left: -46px;
  top: 0.6em;
  margin-top: -5px;
}
#footer {
  text-align: center;
  font-size: 14px;
  color: #4c4c4c;
}
#footer #footer-logo {
  display: block;
  margin: 0 auto;
  width: 260px;
  margin-bottom: 8px;
}
#footer p.yhteystiedot {
  font-size: 15px;
  margin: 0;
  padding: 0 0 8px 0;
}
#footer p.copyrights {
  padding: 0 0 10px 0;
  font-size: 12px;
  color: #6b6b6b;
  text-decoration: none;
}
#footer a {
  color: #4c4c4c;
  text-decoration: none;
}
#footer a:hover {
  color: #191919;
}
.widget {
  background: #fff;
  padding: 16px 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.125);
  box-sizing: border-box;
}
.widget > h1 {
  text-align: center;
  color: #191919;
  font-weight: 700;
  font-size: 19px;
  text-transform: uppercase;
  padding: 23px 0;
  margin: -16px -20px 16px -20px;
  border-bottom: 3px solid #191919;
}
.widget + .widget {
  margin-top: 22px;
}
.widget .btn-more {
  padding: 0 20px;
  margin: 16px -20px -16px -20px;
  border-top: 1px solid #eeeeee;
  text-align: center;
}
.widget .btn-more a {
  display: inline-block;
  margin-left: -32px;
  padding: 8px 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #7b7b7b;
  line-height: 32px;
}
.widget .btn-more a i {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("images/icon-silma.png") 0 0 no-repeat;
  background-size: 32px auto;
}
.widget .btn-more a:hover {
  color: #a1a1a1;
}
.widget .btn-more a:hover i {
  opacity: 0.75;
}
.article-actions {
  clear: both;
  margin-top: 1.3em;
  border-bottom: 2px solid #b4afab;
}
.article-actions .post-edit-link {
  color: #b4afab;
  line-height: 30px;
  float: left;
}
.article-actions .socmed {
  float: right;
}
.article-actions .socmed a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.socmed {
  line-height: 21px;
}
.socmed .title {
  color: #b4afab;
  display: block;
  float: left;
  padding: 0 10px 0 0;
  line-height: 30px;
}
.socmed-links {
  display: inline;
  list-style: none;
  padding: 0;
}
.socmed-links li {
  display: block;
  float: left;
}
.socmed-links li + li {
  margin-left: 4px;
}
.socmed-links a {
  width: 30px;
  height: 30px;
  background: #b4afab url("images/socmed.png?v3") 0 0 no-repeat;
  overflow: hidden;
  text-indent: -999em;
  display: block;
  border-radius: 3px;
}
.socmed-links a:hover {
  background-color: #c7c4c1;
}
.socmed-links .facebook a {
  background-position: -30px 0;
}
.socmed-links .pinterest a {
  background-position: -60px 0;
}
.socmed-links .rssf a {
  background-position: -90px 0;
}
.socmed-links .email a {
  background-position: -120px 0;
}
.socmed-links .linkedin a {
  background-position: -150px 0;
}
.socmed-links .gplus a {
  background-position: -180px 0;
}
.socmed-tiny .title {
  color: #000;
  line-height: 20px;
  font-weight: normal;
}
.socmed-tiny a {
  width: 20px;
  height: 20px;
  background-image: url("images/socmed-tiny.png?v3");
  border-radius: 3px;
}
.socmed-tiny .facebook a {
  background-position: -20px 0;
}
.socmed-tiny .pinterest a {
  background-position: -40px 0;
}
.socmed-tiny .rssf a {
  background-position: -60px 0;
}
.socmed-tiny .email a {
  background-position: -80px 0;
}
.socmed-tiny .linkedin a {
  background-position: -100px 0;
}
.socmed-tiny .gplus a {
  background-position: -120px 0;
}
.black .socmed-links a {
  background-color: #fff;
  background-image: url("images/socmed-black.png?v3");
}
.black .socmed-tiny a {
  background-color: #fff;
  background-image: url("images/socmed-tiny-black.png?v3");
}
.black .socmed-links a:hover {
  background-color: #ddd;
}
.download-attachments {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  font-size: 17px;
  /*
	a {
		display: inline-block;
		position: relative;
		line-height: @lataukset-ikonin-koko;
		padding-left: (@lataukset-ikonin-koko + @lataukset-ikonin-valitys);
		vertical-align: middle;
		
		&:after  {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: @lataukset-ikonin-koko;
			height: @lataukset-ikonin-koko;
			background-size: @lataukset-ikonin-koko @lataukset-ikonin-koko;
			background-position: 0 0;
			background-repeat: no-repeat;
			content: "";
		}
		
		&:hover:after {
			opacity: 0.7;
		}
	}
	
	.download-pdf a:after {
		background-image: url('images/pdf.png');
	}
	*/
}
.download-attachments li {
  margin-bottom: 5px;
}
.lomake p {
  max-width: 17em;
}
.lomake input {
  width: 100%;
  box-sizing: border-box;
}
.lomake .wpcf7-number,
.lomake .wpcf7-text {
  padding: 5px;
}
.lomake .osoite .laskutus_postinumero input,
.lomake .osoite .toimitus_postinumero input {
  width: 40%;
}
.lomake .osoite .laskutus_postitoimipaikka input,
.lomake .osoite .toimitus_postitoimipaikka input {
  width: 58%;
  float: right;
}
.lomake .wpcf7-number {
  max-width: 3em;
  font-size: 20px;
}
.lomake .wpcf7-submit {
  width: auto;
  padding: 5px 10px;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  background: #398f14;
  color: #fff;
}
.events-list {
  list-style: none;
  margin: 0;
  list-style-image: none;
  padding: 0;
}
h2.ohjelma {
  font-size: 32px;
  border-top: 1px solid #ddd;
  margin-top: 0;
  padding-top: 1.1em;
}
h1 + h2.ohjelma {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.events-list-long {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 3px;
}
.events-list-long li {
  padding-bottom: 1.5em;
}
.events-list-long li .title {
  color: #2d2d2d;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-size: 23px;
}
.events-list-long li .location {
  color: #2d2d2d;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-size: 23px;
  display: block;
  padding: 0 0 0.65em 0;
}
.event .datetime {
  width: 107px;
  height: 107px;
  background: url("images/iso-pallo.png") no-repeat;
  display: block;
}
.event .datetime .date {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  padding: 27px 0 0 0;
  line-height: 1.2;
  display: block;
}
.event .datetime .time {
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  display: block;
}
.event .tickets {
  font-weight: bold;
}
.event .details {
  float: left;
  width: 107px;
  padding-right: 30px;
}
.event .the_content {
  overflow: hidden;
}
p.date {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0 0 0.7em 0;
  margin: 0;
}
.type_post h1 {
  margin-top: 5px !important;
  text-align: left !important;
  background: none !important;
}
.type_post h1 span {
  padding: 0 !important;
  background: none !important;
}
h1.calendar-title {
  background: none !important;
}
h1.calendar-title span {
  padding: 0 !important;
  background: none !important;
}
h1.calendar-title .sep {
  overflow: hidden;
  width: 0.4em;
  text-indent: -999em;
  display: inline-block;
}
#content.type_post {
  padding-top: 20px;
}
.article-list-item {
  margin-bottom: 4.5em;
}
.article-list-item h1 {
  font-size: 22px;
  margin: 2em 0 0.45em;
  text-transform: uppercase;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  margin-top: 0;
  padding: 0 0 0.3em 0;
}
.article-list-image {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 0 -10px;
}
.article-list-image > li {
  float: left;
  width: 33.33333333%;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.article-list-image > li:nth-child(3n + 1) {
  clear: both;
}
.article-list-image a {
  display: block;
}
.article-list-image a .thumb {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.article-list-image a .thumb img {
  max-width: 100%;
  height: auto;
  display: block;
}
.article-list-image a .thumb .cat {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}
.article-list-image a .thumb .cat > span {
  display: inline-block;
  background: #191919;
  padding: 0.75% 4%;
  min-width: 60px;
}
.article-list-image a .title {
  color: #2d2d2d;
  font-size: 17px;
  font-weight: bold;
}
.article-list-image a .date {
  font-style: italic;
  color: #191919;
  font-size: 16px;
  display: block;
  padding: 4% 0 2% 0;
  margin: 0;
}
.article-list-image a:hover .title {
  color: #3a3a3a;
}
.article-list-image a:hover .date {
  color: #262626;
}
.article-list-image a:hover .thumb img {
  opacity: 0.75;
}
.article-list-image a:hover .thumb .cat > span {
  background: #262626;
}
.article-list-image .title,
.article-list-image .date {
  display: block;
}
.article-list-image .date {
  padding: 8px 0 5px 0;
}
.article-list-text {
  list-style: none;
  margin: 0;
  list-style-image: none;
  padding: 0;
}
.article-list-text a {
  display: block;
}
.article-list-text a > .title {
  color: #2d2d2d;
  font-size: 17px;
  font-weight: bold;
}
.article-list-text a > .date {
  font-style: italic;
  color: #191919;
  font-size: 16px;
  display: block;
  padding: 0;
  margin: 0;
}
.article-list-text a > .excerpt {
  color: #2d2d2d;
  font-size: 15px;
}
.article-list-text a:hover > .title {
  color: #3a3a3a;
}
.article-list-text a:hover > .date {
  color: #262626;
}
.article-list-text a:hover > .excerpt {
  color: #3a3a3a;
}
.article-list-text li {
  padding-bottom: 12px;
}
#mnosto {
  margin: 5% 0;
}
#mnosto img {
  width: 100%;
  display: block;
}
#mnosto .mobile-image {
  display: none;
}
@media (max-width: 700px) {
  #mnosto .normal-image {
    display: none;
  }
  #mnosto .mobile-image {
    display: block;
  }
}
.nostot {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  margin: 0 -2%;
}
.nostot > li {
  float: left;
  width: 33.33333333%;
  padding: 0 2%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.nostot > li:nth-child(3n + 1) {
  clear: both;
}
.nostot > li > a {
  margin-bottom: 1.5em;
  display: block;
  text-align: center;
  position: relative;
}
.nostot > li > a > .title {
  display: block;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
.nostot > li > a > .date {
  display: block;
}
.nostot > li > a > .zoom {
  position: relative;
  display: block;
  padding-top: 60%;
  background: center center no-repeat;
  background-size: cover;
  margin-bottom: 0.5em;
}
.nostot > li > a > .zoom > .cat {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.nostot > li > a > .zoom > .cat > span {
  display: inline-block;
  background: #000000;
  color: #fff;
  padding: 2px 12px 2px 12px;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}
.nostot > li > a:hover > .zoom {
  opacity: 0.7;
}
.article-listing {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-image: none;
  padding-top: 2em;
}
.article-listing li {
  clear: both;
  overflow: hidden;
  padding-bottom: 1em;
  border-bottom: 2px solid #b4afab;
  margin-bottom: 1em;
}
.article-listing li a {
  display: block;
  overflow: hidden;
}
.article-listing li a .datetime {
  float: left;
  width: 5em;
  margin-right: 1em;
  text-align: center;
  color: #2d2d2d;
  background: #e5e5dc;
  border-radius: 10%;
  padding: 1em 0;
  font-weight: 700;
}
.article-listing li a .datetime .date {
  font-size: 150%;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #191919;
}
.article-listing li a .datetime .year {
  display: block;
}
.article-listing li a .title {
  font-size: 20px;
  margin: 0.7em 0 0.25em;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-size: 17px;
  padding-top: 0.5em;
  margin: 0;
  color: #2d2d2d;
  overflow: hidden;
  display: block;
}
.article-listing li a .title .cat {
  color: #191919;
  font-size: 80%;
  display: none;
}
.article-listing li a:hover .datetime {
  background: #e9e9e2;
  color: #3a3a3a;
}
.article-listing li a:hover .datetime .date {
  color: #262626;
}
.article-listing li a:hover .title {
  color: #3a3a3a;
}
.blog .article-listing li a .title .cat {
  display: block;
}
/*
.article-list-short {
	list-style: none;
	padding: 0;
	.palstoita(3, @artikkeli-lista-valitys);
	a {
		img {		
			max-width: 100%;
			height: auto;
			display: block;
		}
		.title { .artikkeli-lista-otsikko-font; display: block; }
		.date { .artikkeli-lista-paivays-font; display: block; }
		&:hover {
			.title { .artikkeli-lista-otsikko-font-hover; }
			.date { .artikkeli-lista-paivays-font-hover; }
			img { opacity: @artikkeli-lista-kuva-hover-opacity; }
		}	
	}
}
*/
.uutiskirje {
  padding: 2em 0 3em 0;
}
.uutiskirje h1 {
  text-align: center;
  font-size: 24px;
}
.uutiskirje #mc_embed_signup {
  max-width: 30em;
  margin: 0 auto;
}
.uutiskirje #mc_embed_signup label {
  display: block;
}
.uutiskirje #mc_embed_signup .mc-field-group {
  padding: 0 0 1em 0;
}
.uutiskirje #mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  font-size: 125%;
  font-family: inherit;
}
.uutiskirje #mc_embed_signup .firstname-group {
  width: 49%;
  float: left;
}
.uutiskirje #mc_embed_signup .lastname-group {
  width: 49%;
  float: right;
}
.uutiskirje #mc-embedded-subscribe {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-size: 125%;
  font-family: inherit;
  background: #191919;
  color: #f0f0eb;
  border: 0;
  cursor: pointer;
  cursor: hand;
}
.uutiskirje #mc-embedded-subscribe:hover {
  background: #262626;
}
.uutiskirje .actions {
  text-align: center;
}
#st,
#sl,
#sr,
#sb {
  background: url("images/bg-top-2020.png");
  background-size: auto 230px;
  display: block;
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
}
#st {
  top: 0;
  z-index: 10001;
  bottom: auto;
}
.admin-bar #st {
  display: none;
  top: 32px;
}
#sb {
  z-index: 10001;
}
#sl {
  height: auto;
  width: 20px;
  top: 0;
  right: auto;
}
#sr {
  height: auto;
  width: 20px;
  top: 0;
  left: auto;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#page {
  min-height: 100%;
  position: relative;
}
#ie6 #page {
  height: 100%;
}
#main {
  padding-bottom: 140px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
}
.admin-bar #top {
  height: 32px;
}
.admin-bar #navigation {
  top: 32px;
}
html #wpadminbar {
  z-index: 20000 !important;
}
@media (max-width: 1050px) {
  .page-wrapper {
    width: auto;
    padding: 0 7%;
  }
  #navigation .menu-main {
    padding: 18px 0 15px 0;
  }
  #content.front > .content br {
    display: none;
  }
  body.fixed-left #left {
    margin-top: -150px;
  }
  #st,
  #sl,
  #sr,
  #sb {
    background-size: auto 270px;
  }
  #header {
    background-size: auto 310px;
  }
  #header > .page-wrapper > .header-text-line {
    text-align: center;
    white-space: normal;
  }
  #header > .page-wrapper > .header-text-line > .date + .sep {
    display: block;
  }
  #header > .page-wrapper > .header-text-line > .date + .sep > span {
    display: none;
  }
  #header > .page-wrapper > .nav-line {
    text-align: center;
  }
  #header > .page-wrapper > .nav-line #navigation {
    text-align: center;
    font-size: 14px;
  }
  #header > .page-wrapper > .nav-line > .meta-nav {
    font-size: 14px;
    display: block;
    position: static;
    text-align: center;
  }
  .kuoro {
    margin: 0 -10px;
  }
  .kuoro > li:nth-child(4n + 1) {
    clear: none;
  }
  .kuoro > li {
    float: left;
    width: 33.33333333%;
    padding: 0 10px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .kuoro > li:nth-child(3n + 1) {
    clear: both;
  }
  /* 
	#header > .page-wrapper,
	#main > .page-wrapper { padding: 0; }
	#content { padding: 0 @tablet-padding 0 @sivusto-sisalto-vali-tablet; }
	*/
  #footer aside:first-child {
    width: 203px;
  }
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 21px;
  }
  h3 {
    font-size: 17px;
  }
  h4 {
    font-size: 13px;
  }
  .article-listing li a .title {
    padding-top: 0.5em;
    margin: 0;
    color: #2d2d2d;
  }
  ul.yhteistyosssa {
    margin: 0 -0.8%;
  }
  ul.yhteistyosssa > li {
    float: left;
    width: 25%;
    padding: 0 0.8%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  ul.yhteistyosssa > li:nth-child(4n + 1) {
    clear: both;
  }
  ul.yhteistyosssa > li:nth-child(6n + 1) {
    clear: none;
  }
  ul.yhteistyosssa li {
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
  }
  ul.yhteistyosssa li:nth-child(6n),
  ul.yhteistyosssa li:nth-child(n + 7) {
    border-width: 0 1px 1px 0;
  }
  ul.yhteistyosssa li:nth-last-child(-n + 3) {
    border-bottom-width: 0;
  }
  ul.yhteistyosssa li:nth-child(4n) {
    border-right-width: 0;
  }
  #left {
    padding: 85px 0 0 0;
    min-height: 0;
  }
}
@media (max-width: 750px) {
  .page-wrapper {
    width: auto;
    padding: 0 20px;
  }
  h1 {
    background: none !important;
  }
  h1 span {
    padding: 0 !important;
    background: none !important;
  }
  #st {
    height: 5px;
  }
  #sb {
    height: 5px;
  }
  #sl {
    width: 5px;
  }
  #sr {
    width: 5px;
  }
  #page {
    padding: 0;
  }
  #slider .page-wrapper {
    position: relative;
  }
  #slider .slider {
    position: static;
  }
  #slider .slider > .empty {
    padding-bottom: 8em;
  }
  #slider .slider > .slide > .img {
    bottom: 4em;
  }
  #slider .slider > .slide > .texts {
    left: 0;
  }
  ul.yhteistyosssa {
    margin: 0 -0.8%;
  }
  ul.yhteistyosssa > li {
    float: left;
    width: 33.33333333%;
    padding: 0 0.8%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  ul.yhteistyosssa > li:nth-child(3n + 1) {
    clear: both;
  }
  ul.yhteistyosssa > li:nth-child(4n + 1) {
    clear: none;
  }
  ul.yhteistyosssa li {
    border: none;
    padding: 0 3%;
  }
  body.fixed-left #left {
    position: static;
  }
  body.fixed-left #content {
    margin-left: 0;
  }
  .events-list-long.twohalfs li > .date {
    float: none;
    width: auto;
  }
  .events-list-long.twohalfs li > .date .date {
    display: inline;
  }
  .events-list-long.twohalfs li > .content {
    overflow: hidden;
  }
  .events-list-long.twohalfs li > .content > .title {
    display: block;
    padding-bottom: 0.35em;
  }
  .julkaisu {
    padding-bottom: 2em;
  }
  .julkaisu .meta {
    float: none;
    width: auto;
  }
  .julkaisu .content {
    float: none;
    width: auto;
  }
  .julkaisu .lisatietoja {
    float: none;
    width: auto;
  }
  .mobile-wrapped-opener {
    display: block;
    background: #f0f0eb;
    padding: 5px;
    color: #191919;
    text-align: center;
    margin-bottom: 20px;
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
  }
  .mobile-wrapped-opener.shown,
  .mobile-wrapped-opener:active,
  .mobile-wrapped-opener:hover {
    color: #fff;
    background-color: #c4c4b1;
  }
  .mobile-wrapped-content {
    display: none;
  }
  .mobile-wrapped-content.shown {
    display: block;
  }
  #socmed-follow {
    display: none;
  }
  #languages {
    text-align: center;
  }
  #languages .menu-languages {
    position: absolute;
    top: 4px;
    right: 0;
    left: 0;
  }
  #header {
    padding: 0;
    background-size: auto 230px;
  }
  #header h1.header a {
    float: none;
    padding: 30px 0 20px;
  }
  #header h1.header a img {
    width: 188px;
    margin: 0 auto;
  }
  .article-list-item h1 {
    font-size: 19px;
  }
  #content.front .blocks {
    margin: 0;
  }
  #content.front .blocks > div {
    float: none;
    width: auto !important;
    padding: 0;
  }
  #content.front .tweet-wrap,
  #content.front .julkaisut,
  #content.front .kuulumiset {
    margin-top: 0;
    padding-top: 1em;
  }
  #content.front .tweet-wrap .article-list-item,
  #content.front .julkaisut .article-list-item,
  #content.front .kuulumiset .article-list-item {
    padding-bottom: 0;
    margin-bottom: 1em;
  }
  .nostot {
    margin: 0 -2%;
  }
  .nostot > li:nth-child(3n + 1) {
    clear: none;
  }
  .nostot > li {
    float: left;
    width: 50%;
    padding: 0 2%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .nostot > li:nth-child(2n + 1) {
    clear: both;
  }
  .kuvagalleria {
    margin: 0 -6px;
  }
  .kuvagalleria > li:nth-child(4n + 1) {
    clear: none;
  }
  .kuvagalleria > li {
    float: left;
    width: 50%;
    padding: 0 6px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .kuvagalleria > li:nth-child(2n + 1) {
    clear: both;
  }
  .twocol.secondaryfront .col1,
  .twocol.secondaryfront .col2,
  .twocol .col1,
  .twocol .col2 {
    float: none;
    width: auto;
    clear: both;
    padding: 0 0 20px 0;
  }
  .article-list-image {
    float: none;
    width: auto;
  }
  .article-list-image > li {
    float: none;
    clear: both;
    width: auto;
    padding: 0 0 20px 0;
  }
  .article-list-image > li img {
    margin: 0 auto;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 19px;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 12px;
  }
  .article-listing li a .title {
    font-size: 16px;
    padding-top: 0.5em;
    margin: 0;
    color: #2d2d2d;
  }
  .article-listing li a .datetime {
    margin-right: 1em;
  }
  .widget_ownskit_events li:nth-child(2n) {
    display: none;
  }
  .julkaisut {
    margin: 0 -10px;
  }
  .julkaisut > li:nth-child(3n + 1) {
    clear: none;
  }
  .julkaisut > li {
    float: left;
    width: 50%;
    padding: 0 10px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .julkaisut > li:nth-child(2n + 1) {
    clear: both;
  }
  .event .details {
    float: none;
    padding-right: 0;
    margin: 0 auto;
  }
  #main {
    padding-bottom: 20px;
  }
  #footer {
    position: static;
  }
  #footer aside:first-child {
    float: none;
  }
  .sidebar #content {
    padding: 0;
  }
  .sidebar #content,
  .sidebar #left-bottom,
  #content,
  .sidebar #left {
    padding-bottom: 0;
    padding-top: 0;
    padding: 0;
    width: auto;
    float: none;
    clear: both;
  }
  .sidebar #left {
    padding-top: 20px;
  }
  #content {
    padding-top: 20px;
  }
  #left {
    padding: 0 20px 0 20px;
  }
  #footer .sep {
    display: none;
  }
  #footer .sivusto-a {
    display: block;
  }
  #left .menu a,
  #left h1 {
    text-align: center;
  }
}
@media (max-width: 512px) {
  body {
    font-size: 14px;
  }
  .page-wrapper {
    width: auto;
    padding: 0 20px;
  }
  #more-mobile {
    box-sizing: border-box;
    display: block;
    background: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 1090;
  }
  body.show-mobile-menu #more-mobile {
    background: none;
  }
  #more-mobile .more-mobile-wrapper {
    transition: background-color 0.25s;
    display: block;
    z-index: 1050;
    opacity: 1;
    width: 30px;
    height: 25px;
  }
  #more-mobile .more-mobile-wrapper > i {
    position: absolute;
    display: block;
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    background: #f0f0eb;
    border-radius: 4px;
    transition: all 0.2s;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  #more-mobile .more-mobile-wrapper > .a {
    top: 0;
  }
  #more-mobile .more-mobile-wrapper > .b2,
  #more-mobile .more-mobile-wrapper > .b {
    top: 11.5px;
  }
  #more-mobile .more-mobile-wrapper > .c {
    top: 23px;
  }
  #more-mobile .more-mobile-wrapper:hover > .a,
  #more-mobile .more-mobile-wrapper:hover > .b,
  #more-mobile .more-mobile-wrapper:hover > .b2,
  #more-mobile .more-mobile-wrapper:hover > .c {
    background: #f0f0eb;
  }
  body.show-mobile-menu #more-mobile .more-mobile-wrapper > .a {
    opacity: 0;
    background: #f0f0eb;
    -webkit-transform: translateY(12.5px);
    transform: translateY(12.5px);
  }
  body.show-mobile-menu #more-mobile .more-mobile-wrapper > .b2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #f0f0eb;
  }
  body.show-mobile-menu #more-mobile .more-mobile-wrapper > .b {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #f0f0eb;
  }
  body.show-mobile-menu #more-mobile .more-mobile-wrapper > .c {
    opacity: 0;
    background: #f0f0eb;
    -webkit-transform: translateY(-12.5px);
    transform: translateY(-12.5px);
  }
  body.show-mobile-menu #more-mobile .more-mobile-wrapper:hover > .a,
  body.show-mobile-menu #more-mobile .more-mobile-wrapper:hover > .b,
  body.show-mobile-menu #more-mobile .more-mobile-wrapper:hover > .b2,
  body.show-mobile-menu #more-mobile .more-mobile-wrapper:hover > .c {
    background: #f0f0eb;
  }
  .kuoro {
    margin: 0 -10px;
  }
  .kuoro > li:nth-child(3n + 1) {
    clear: none;
  }
  .kuoro > li {
    float: left;
    width: 50%;
    padding: 0 10px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  .kuoro > li:nth-child(2n + 1) {
    clear: both;
  }
  .nostot > li:nth-child(2n + 1) {
    clear: none;
  }
  .nostot > li {
    float: none;
    clear: both;
    width: auto;
  }
  #navigation-mobile {
    display: block;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1095;
    overflow: auto;
    background: #191919;
    text-align: center;
  }
  body.show-mobile-menu #navigation-mobile {
    height: auto;
  }
  #navigation-mobile .site-url {
    position: absolute;
    left: 50%;
    top: 3em;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #navigation-mobile .site-url > svg {
    display: block;
    width: 10em;
    height: auto;
  }
  #navigation-mobile .padder {
    height: 125px;
  }
  body.admin-bar #navigation-mobile .padder {
    padding-top: 52px;
  }
  #navigation-mobile .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    list-style-image: none;
    font-family: "garamond-premier-pro", serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 2em;
  }
  #navigation-mobile .menu a {
    font-size: 18px;
    color: #f0f0eb;
  }
  #navigation-mobile .menu li.current-page-ancestor > a,
  #navigation-mobile .menu li.menu-item-object-page.current-menu-item > a,
  #navigation-mobile .menu li.menu-item-object-page.current_page_item > a {
    color: #999999;
  }
  #navigation-mobile .menu li {
    display: block;
    padding: 0.18em;
  }
  #navigation-mobile .menu .sub-menu a {
    font-size: 15px;
  }
  #navigation-mobile .socmed-follow {
    font-size: 150%;
  }
  body.show-mobile-menu {
    overflow: hidden;
  }
  #header {
    position: relative;
    z-index: 10000;
  }
  #header > .page-wrapper > .header-text-line {
    font-size: 14px;
    padding-top: 1em;
  }
  #header > .page-wrapper > .nav-line > #navigation {
    display: none;
  }
  #header > .page-wrapper > .nav-line > .meta-nav {
    position: relative;
  }
  #header > .page-wrapper > .nav-line > .meta-nav > #languages {
    display: none;
  }
  #header > .page-wrapper > .nav-line > .meta-nav > .some {
    display: none;
  }
}
@media (max-width: 512px) and (max-width: 760px) {
  #navigation-mobile .site-url {
    padding-top: 1.5em;
  }
}
@media  {
  .socmed-listing li a:before {
    background-image: url("images/socmed-colored@2x.png");
    background-size: 30px 60px;
  }
  .socmed-links a {
    background-image: url("images/socmed@2x.png?v4");
    background-size: 210px 30px;
  }
  .socmed-tiny a {
    background-image: url("images/socmed-tiny@2x.png?v4");
    background-size: 140px 20px;
  }
  .black .socmed-links a {
    background-image: url("images/socmed-black@2x.png?v4");
  }
  .black .socmed-tiny a {
    background-image: url("images/socmed-tiny-black@2x.png?v4");
  }
}