@charset "UTF-8";
/*
Theme Name: Kuluttaja-asiointi
Version: 1.0
Author: Viivamedia
Template: om-core
*/
/* DO NOT EDIT style.css DIRECTLY! */
/* ---------------------------------------- UNIVERSAL CLASSES -------------------------------------------*/
.screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.font__main { font-family: "futura-pt", sans-serif; }

.font__main__title { font-family: "FuturaHeavy", sans-serif; }

.font--uppercase { text-transform: uppercase; }

ul li.active { background: #79cdd1; color: white; }

.asauth-widget-logoutformusername, .logindialoglink.asauth-edituserdatalink { padding: 10px; overflow: hidden; }

.asauth-widget-login form { padding: 10px; }

[tooltip]:before { /* needed - do not touch */ content: attr(tooltip); position: absolute; opacity: 0; /* customizable */ transition: all 0.15s ease; padding: 10px; color: #333; border-radius: 10px; box-shadow: 2px 2px 1px silver; }

[tooltip]:hover:before { /* needed - do not touch */ opacity: 1; /* customizable */ background: yellow; margin-top: -50px; margin-left: 20px; }

[tooltip]:not([tooltip-persistent]):before { pointer-events: none; }

span.tooltip { text-align: center; max-width: 100%; display: block; background: #ed2131; padding: 5px 10px; position: absolute; padding-bottom: 10px; box-sizing: border-box; color: #fff; font-size: 12px; }

span.tooltip:before { width: 1px; height: 1px; display: block; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ed2131; position: relative; left: calc(100% / 2); top: -9px; }

span.tooltip.tooltip-success { background: #007d57; }

span.tooltip.tooltip-success:before { border-bottom: 5px solid #007d57; }

.widget-feed .button-sidebar-readmore { display: none; }

body.single-tuotteet .widget-feed .button-sidebar-readmore { display: inline-block; }

#yhteystiedot { margin-left: 0; }

#yhteystiedot img { float: left; margin-top: 0; margin-right: 10px; }

#orange-notification { border: 2px solid #DC911B; background: #DC911B; padding: 10px 15px; color: #000; font-family: FuturaMedium, sans-serif; margin-bottom: 20px; }

#orange-notification p:last-child { padding-bottom: 0; margin-bottom: 0; }

@media screen and (min-width: 1023px) { #menu-item-56 { right: -70px; } }

.post-type-archive-ajankohtaista .grid__container .navtabs { display: none; }

.post-type-archive-ajankohtaista .grid__container h2.block-header { margin-right: 0; }

@media screen and (max-width: 768px) { .page-id-237 #wrapper #inner-wrapper > div { width: 100% !important; float: none !important; margin: auto !important; margin-bottom: 20px !important; overflow: hidden !important; }
  .page-id-237 #wrapper #inner-wrapper > div .package.single { padding: 0 !important; width: 100% !important; } }

#yhteystiedot li { padding-bottom: 15px; }

@font-face { font-family: FuturaLight; src: url(../ka/assets/fonts/FuturaStd-Light.otf); }

@font-face { font-family: FuturaMedium; src: url(../ka/assets/fonts/FuturaStd-Medium.otf); }

@font-face { font-family: FuturaHeavy; src: url(../ka/assets/fonts/FuturaStd-Heavy.otf); }

a { color: #007d55; }

a:visited { color: #007d55; }

a:hover, a:active { color: #007d55; }

p { font-size: 16px; line-height: 21px; }

h1, h2, h3, h4, h5, h6 { font-family: "FuturaHeavy", sans-serif; }

h1 { font-size: 2.067em; color: #222; line-height: 1.2em; clear: both; margin-bottom: 15px; }

h2 { font-size: 1.6em; line-height: 1.4em; margin-bottom: 10px; background: #78797f; text-transform: none; padding: 10px 20px; color: white; font-weight: bold; font-size: 18px; letter-spacing: 0.3px; }

h2.grid-header { margin-right: 1%; }

h2.sidebar { font-weight: bold; text-transform: none; }

h2.block-header { text-align: left; padding: 10px 20px; color: #fff; margin-bottom: 15px; background: #78797f; }

p#breadcrumbs { color: #78797f; font-size: 12px; border-bottom: 1px solid #d2d3d5; }

p#breadcrumbs strong { color: inherit; font-size: 14px; }

p#breadcrumbs a, p#breadcrumbs span { color: inherit; font-size: 14px; }

h3 { font-size: 1.37em; line-height: 1.4em; }

h4 { line-height: 1.1; font-size: 1.2em; }

.wp-caption-text { font-family: "futura-pt"; font-weight: 500; font-size: 16px; font-style: normal; }

body { font-family: "futura-pt", sans-serif, sans-serif; color: #222; font-weight: 400; font-size: 13px; background: white; }

#wrapper { background: white; }

strong { font-weight: bold; }

.widget-area h3 { font-family: "FuturaHeavy", sans-serif; font-weight: 400; font-size: 17px; line-height: 1.18; letter-spacing: 0.015em; color: #000000; }

.typogr__meta { font-family: "FuturaHeavy", sans-serif, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 0.03em; color: #87888a; }

.typogr__meta--date { font-weight: normal; }

.typogr__meta--category > a { color: #f7f7f7; }

.typogr__breadcrumb { font-family: "FuturaHeavy", sans-serif, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.03em; color: #f7f7f7; }

.typogr__breadcrumb a:hover, .typogr__breadcrumb a:visited:hover { text-decoration: underline; }

.typogr__tab { font-family: "FuturaHeavy", sans-serif, sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 0.03em; background: #f7f7f7; }

.typogr__tab a { color: #fff; }

.typogr__tab.active { background: #212121; }

.typogr__catlink { font-family: "FuturaHeavy", sans-serif, sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.02em; color: #007d55; }

.typogr__catlink:hover { color: #007d55; }

.typogr__showmorebtn { font-family: "FuturaHeavy", sans-serif, sans-serif; font-size: 15px; text-transform: uppercase; color: #007d55; font-weight: 400; letter-spacing: 0.02em; }

.typogr__showmorebtn:visited { color: #007d55; }

.typogr__showmorebtn:hover { color: #007d55; }

.product-listing nav ul li, .ordersView nav ul li { letter-spacing: 0.5px; }

.om_loader { background: url(../assets/img/ajax_loader.gif); }

.block-content-page p { font-family: "futura-pt", sans-serif; font-size: 15px; }

.error-text { font-family: FuturaMedium, sans-serif; font-size: 14px; font-weight: 700; color: #FF0007; }

.om_form_header { color: #78797f; background: white; margin: 25px 0 15px; font-size: 55px; line-height: 1.08; font-family: FuturaLight, sans-serif; }

.col-two form, .om_order_tab_noactions, .om_order_form { float: left; background-color: #f7f7f7; padding: 2rem; width: 100%; box-sizing: border-box; }

.col-two form *, .om_order_tab_noactions *, .om_order_form * { font-family: "futura-pt", sans-serif; }

.col-two form fieldset, .om_order_tab_noactions fieldset, .om_order_form fieldset { width: 50%; float: left; margin: 10px 0; box-sizing: border-box; padding-right: 1rem; }

.col-two form fieldset.full, .om_order_tab_noactions fieldset.full, .om_order_form fieldset.full { width: 100%; }

.col-two form fieldset div, .om_order_tab_noactions fieldset div, .om_order_form fieldset div { float: left; padding-right: 15px; }

.col-two form fieldset.marketingPermits div label, .om_order_tab_noactions fieldset.marketingPermits div label, .om_order_form fieldset.marketingPermits div label { padding: 5px 0; }

.col-two form div, .om_order_tab_noactions div, .om_order_form div { margin-bottom: 15px; }

.col-two form input[type="text"], .col-two form input[type="email"], .col-two form input[type="password"], .col-two form input[type="tel"], .col-two form textarea, .col-two form select, .om_order_tab_noactions input[type="text"], .om_order_tab_noactions input[type="email"], .om_order_tab_noactions input[type="password"], .om_order_tab_noactions input[type="tel"], .om_order_tab_noactions textarea, .om_order_tab_noactions select, .om_order_form input[type="text"], .om_order_form input[type="email"], .om_order_form input[type="password"], .om_order_form input[type="tel"], .om_order_form textarea, .om_order_form select { background: white; border: none; font-style: normal; font-weight: 300; font-size: 16px; width: 100%; padding: 7px; display: block; float: none; line-height: 20px; padding: 7px; margin: 0 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; resize: none; }

.col-two form input[type="text"]:disabled, .col-two form input[type="email"]:disabled, .col-two form input[type="password"]:disabled, .col-two form input[type="tel"]:disabled, .col-two form textarea:disabled, .col-two form select:disabled, .om_order_tab_noactions input[type="text"]:disabled, .om_order_tab_noactions input[type="email"]:disabled, .om_order_tab_noactions input[type="password"]:disabled, .om_order_tab_noactions input[type="tel"]:disabled, .om_order_tab_noactions textarea:disabled, .om_order_tab_noactions select:disabled, .om_order_form input[type="text"]:disabled, .om_order_form input[type="email"]:disabled, .om_order_form input[type="password"]:disabled, .om_order_form input[type="tel"]:disabled, .om_order_form textarea:disabled, .om_order_form select:disabled { background: #f7f7f7; }

.col-two form textarea, .om_order_tab_noactions textarea, .om_order_form textarea { width: 100%; }

.col-two form input[type="submit"], .om_order_tab_noactions input[type="submit"], .om_order_form input[type="submit"] { border: none; }

.col-two form input[type="checkbox"], .col-two form input[type="radio"], .om_order_tab_noactions input[type="checkbox"], .om_order_tab_noactions input[type="radio"], .om_order_form input[type="checkbox"], .om_order_form input[type="radio"] { display: none; }

.col-two form input[type="checkbox"] + label, .col-two form input[type="radio"] + label, .om_order_tab_noactions input[type="checkbox"] + label, .om_order_tab_noactions input[type="radio"] + label, .om_order_form input[type="checkbox"] + label, .om_order_form input[type="radio"] + label { font-size: 16px; color: black; font-family: FuturaLight; font-weight: bold; }

.col-two form input[type="checkbox"] + label span, .col-two form input[type="radio"] + label span, .om_order_tab_noactions input[type="checkbox"] + label span, .om_order_tab_noactions input[type="radio"] + label span, .om_order_form input[type="checkbox"] + label span, .om_order_form input[type="radio"] + label span { width: 15px; height: 15px; background: #9b9b9b; display: inline-block; margin-right: 25px; vertical-align: middle; border-radius: 1px; position: relative; top: -2px; }

.col-two form input[type="checkbox"]:checked + label span, .col-two form input[type="radio"]:checked + label span, .om_order_tab_noactions input[type="checkbox"]:checked + label span, .om_order_tab_noactions input[type="radio"]:checked + label span, .om_order_form input[type="checkbox"]:checked + label span, .om_order_form input[type="radio"]:checked + label span { background: #007d55; }

.col-two form label, .om_order_tab_noactions label, .om_order_form label { font-size: 14px; color: #78797f; }

.col-two form .textarea-label, .om_order_tab_noactions .textarea-label, .om_order_form .textarea-label { font-size: 16px; color: black; font-family: FuturaLight, sans-serif; font-weight: bold; padding-bottom: 6px; }

.col-two form .clear, .om_order_tab_noactions .clear, .om_order_form .clear { clear: both; border-bottom: 1px solid #9b9b9b; margin: 10px 0; padding-bottom: 10px; }

.col-two form .clear.borderless, .om_order_tab_noactions .clear.borderless, .om_order_form .clear.borderless { border: none; }

.col-two form .button, .om_order_tab_noactions .button, .om_order_form .button { margin: 15px 0 15px; }

.col-two form p, .om_order_tab_noactions p, .om_order_form p { margin: 0 0 15px; }

.col-two form strong, .om_order_tab_noactions strong, .om_order_form strong { font-size: 18px; margin: 0 0 10px; display: block; }

@media screen and (max-width: 600px) { form fieldset { width: 100%; }
  form input, form input[type="text"], form input[type="email"], form input[type="password"], form input[type="tel"], form input[type="submit"], form textarea { width: 100%; }
  form input[type="submit"] { margin-top: 15px; }
  form .clear { display: none; } }

.om_order_cancel_form { padding: 16px 0; background: white; }

.om_order_newsletter_form { text-align: center; }

.om_order_newsletter_form input { text-align: center; }

.form-phase { float: left; width: 100%; }

.form-phase.open .form-phase-header { color: black; font-family: "FuturaHeavy", sans-serif; }

.form-phase.open .form-phase-content { display: block; }

.form-phase .form-phase-content { display: none; }

.form-phase p { font-size: 19px; }

.form-phase p span { font-size: 13px; color: #78797f; }

.form-phase strong { font-size: 17px; margin: 30px 0 20px; display: block; }

.form-phase .cancel-switch-offering { width: 100%; float: left; }

.form-phase .cancel-switch-offering .switchable-package { width: calc((100% - 20px) / 3); text-align: center; float: left; min-height: 0 !important; }

.form-phase .cancel-switch-offering .switchable-package .package-header { font-family: "FuturaHeavy", sans-serif; }

.form-phase-header, .form-header { padding: 10px 0; color: #78797f; background: transparent; font-size: 22px; letter-spacing: 0.5px; border-bottom: 1px solid #9b9b9b; margin-bottom: 30px; }

.form-phase-header i, .form-header i { float: right; }

form p { line-height: 21px; font-size: 16px; }

button, .button, input[type="submit"] { background: #8dc63f; color: white; font-weight: bold; font-family: "futura-pt"; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 0px 20px; line-height: 40px; height: 40px; width: auto; letter-spacing: 1px; cursor: pointer; transition: background 0.2s; }

button:hover, button:visited, button:active, button:link, .button:hover, .button:visited, .button:active, .button:link, input[type="submit"]:hover, input[type="submit"]:visited, input[type="submit"]:active, input[type="submit"]:link { color: white; }

button:hover, .button:hover, input[type="submit"]:hover { background: #007d55; }

.button-green { background: #8dc63f; }

.button-grey { background: #78797f; }

.button-plume { background: #6A257C; }

.button-selected { background: #007d55; }

.button-sidebar-readmore { margin-top: 15px; }

button[disabled] { background: #78797f; }

button[disabled]:hover, button[disabled]:focus, button[disabled]:active { background: #78797f; }

.asauth-widget-login button.trayMenuContentButton { background: #8dc63f !important; color: white !important; font-weight: bold !important; font-family: "futura-pt" !important; font-weight: bold !important; font-size: 15px !important; border: 0 !important; border-radius: 0 !important; text-transform: uppercase !important; padding: 0px 20px !important; line-height: 40px !important; height: 40px  !important; width: auto  !important; letter-spacing: 1px !important; cursor: pointer !important; transition: background 0.2s !important; }

.asauth-widget-login button.trayMenuContentButton:hover, .asauth-widget-login button.trayMenuContentButton:visited, .asauth-widget-login button.trayMenuContentButton:active, .asauth-widget-login button.trayMenuContentButton:link { color: white !important; }

.asauth-widget-login button.trayMenuContentButton:hover { background: #007d55 !important; }

.asauth-widget-login button.trayMenuContentButton > span { color: inherit !important; font: inherit !important; border: inherit !important; letter-spacing: inherit !important; border-radius: 0 !important; }

.article__somebar { float: right !important; text-transform: uppercase; overflow: hidden; box-sizing: border-box; }

.article__somebar.float--left { padding-left: 0; }

.article__somebar.float--left li { margin-left: 0; margin-right: 10px; }

.article__somebar ul { list-style: none; margin: 0; padding: 0; font-size: 0; overflow: hidden; }

.article__somebar ul li { float: right; margin-left: 10px; display: block; font-size: 15px; line-height: 21px; background: none; font-family: FuturaLight, sans-serif; color: #000; }

.article__somebar ul li a { background: #f7f7f7; height: 40px; text-align: right; color: #fff; display: block; font-family: "futura-pt", sans-serif, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 600; transition: all 0.3s ease; }

.article__somebar ul li a:hover { background: #333; color: #fff; }

.article__somebar ul li i { height: 40px; font-size: 16px; display: inline-block; text-align: center; line-height: 40px; padding-left: 10px; }

.article__somebar ul li span { float: right; padding: 0 10px; line-height: 40px; height: 40px; }

.article__precontent--catcontainer { display: inline-block; }

.article__precontent--cat a { color: #f7f7f7; }

.article__precontent--date { display: inline-block; }

.article__precontent .article__somebar { margin-top: 10px; }

.article__title { margin: 35px 0 15px; font-size: 55px; line-height: 1.08; font-family: FuturaLight, sans-serif; color: #78797f; }

.article__ingress { font-size: 20px; line-height: 24px; margin-bottom: 15px; font-weight: 200; }

.article__body { font-size: 14px; line-height: 21px; clear: both; padding-bottom: 25px; padding-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "Georgia"; }

.article__body h6 { font-weight: bold; font-size: 16px; }

.article__body a.click-for-bigger:before { display: none; }

.article__body .alignleft { margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }

.article__body .aligncenter { margin-top: 20px; margin-bottom: 20px; }

.article__body .alignright { margin-left: 20px; margin-top: 20px; margin-bottom: 20px; }

.article__body ul, .article__body ol { font-size: 15px; line-height: 21px; background: none; font-family: FuturaLight, sans-serif; color: #000; }

.article__body span.nosto { text-align: right; color: #007d55; text-transform: uppercase; font-size: 20px; display: block; font-family: "futura-pt", sans-serif; font-weight: 600; }

.article__body iframe { width: 100% !important; }

.article__body img { max-width: 100%; height: auto !important; margin: 20px 0 10px; display: block; }

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

.article__body h3 { margin-bottom: 5px; }

.article__body h5 { font-family: "futura-pt", sans-serif; font-weight: 400; font-size: 17px; }

.article__body h5 strong { font-weight: inherit; font-family: inherit; font-size: inherit; }

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

.article__body table td, .article__body table th { padding: 10px; text-align: left; }

.article__body table th { text-transform: uppercase; font-size: 14px; }

.article__body table tr { border-top: 1px solid #78797f; }

.article__body table tr:first-child { border: none; }

.article__aftercontent { margin-bottom: 50px; overflow: hidden; }

.article__aftercontent--toolbar { border-top: 1px solid #78797f; border-bottom: 1px solid #78797f; padding: 5px 0; text-transform: uppercase; font-weight: 700; font-family: "futura-pt", sans-serif; color: #000000; font-size: 14px; height: 20px; line-height: 20px; margin-bottom: 10px; }

.article__aftercontent--toolbar a { color: #f7f7f7; }

.article__aftercontent--tags { text-transform: uppercase; font-family: "futura-pt", sans-serif; font-size: 14px; font-weight: 700; color: #000000; }

.article__aftercontent--tags a { text-transform: capitalize; color: #f7f7f7; font-weight: 400; }

.desktop-toolbar .author, .desktop-toolbar .photographer { color: #007af1; float: left; }

.desktop-toolbar .author span, .desktop-toolbar .photographer span { color: #fff; }

.article-tags span { color: #fff; }

.article-tags a { color: #007af1; }

.article-sidestory { border-top: 2px solid #f7f7f7; font-size: 16px; line-height: 19px; padding: 15px; background: #2a2d34; box-sizing: border-box; margin-bottom: 20px; }

.article-sidestory p { margin-bottom: 20px; }

.article__body h2 { padding: 0; margin: 0 0 5px; font-size: 20px; line-height: 26px; margin-bottom: 10px; background: none; font-family: FuturaLight, sans-serif; color: black; }

.article__body .oikea { float: right; clear: right; margin: 0 0 10px 15px; }

.article__body .vasen { float: left; clear: left; margin: 0 15px 10px 0; }

.article__body .kainalo { padding: 15px; background: #2a2d34; box-sizing: border-box; margin-bottom: 20px; }

.article__body p:first-child { font-family: FuturaLight, sans-serif; font-size: 23px; line-height: 28px; letter-spacing: 0.5px; letter-spacing: initial; color: black; }

.article-category a { padding: 7px 5px; line-height: 14px; font-size: 14px; }

@media screen and (max-width: 768px) { .article__precontent { margin-bottom: 10px; }
  .review__box { padding: 10px 15px 10px; } }

@media screen and (max-width: 640px) { .article__aftercontent--tags { width: 100%; }
  .article__somebar { float: none !important; margin: 0; padding: 0; padding-top: 20px; width: 100%; text-align: center; }
  .article__somebar ul li { display: inline-block; float: none !important; margin-left: 0px; margin-right: 10px; }
  .article__somebar ul span { display: none; } }

@media screen and (max-width: 480px) { .article__precontent { margin-bottom: 10px; }
  .article__title { font-size: 33px; line-height: 34px; font-weight: 700; }
  .review__box { padding: 10px 15px 10px; } }

blockquote.quote { background: #3A4249; border-left-color: #23282d; }

.comment-area { display: none; }

/* Tuotesivut */
.product-header { height: 480px; width: 100%; margin-bottom: 20px; }

.product-header .product-header-center { width: 600px; position: relative; top: 150px; margin: auto; }

.product-header .product-header-center .product-header-col { width: 40%; box-sizing: border-box; float: left; min-height: 258px; }

.product-header .product-header-center .product-header-col:first-child { width: 60%; background: rgba(0, 0, 0, 0.4); }

.product-header .product-header-center .product-header-col h2 { background: none; padding: 38px 38px 30px; font-size: 22px; }

.product-header .product-header-center .product-header-col p { padding: 0 38px; color: white; font-family: FuturaMedium, sans-serif; }

@media screen and (max-width: 760px) { .product-header { background-size: cover !important; height: auto; }
  .product-header .product-header-center { width: 100%; top: 0; }
  .product-header .product-header-center .product-header-col { width: 100%; float: none; }
  .product-header .product-header-center .product-header-col:first-child { width: 100%; padding-bottom: 20px; }
  .product-header .product-header-center .product-header-col:last-child { display: none; } }

.available-packages { margin-top: 10px; float: left; width: 100%; }

.available-packages .footer-package { float: left; width: 100%; padding: 0 20px; line-height: 70px; height: 70px; color: #000; background: #f7f7f6; margin-bottom: 50px; }

.available-packages .footer-package.kestoetu:not(.half) { height: auto; position: relative; }

.available-packages .footer-package.kestoetu:not(.half) p { padding-left: 20px; max-width: 600px; }

.available-packages .footer-package.kestoetu:not(.half) span.button { position: absolute; right: 55px; top: calc(50% - 20px); }

@media screen and (max-width: 1023px) { .available-packages .footer-package.kestoetu:not(.half) p { padding-left: 0; margin: 0 auto; max-width: 600px; }
  .available-packages .footer-package.kestoetu:not(.half) span.button { width: auto !important; /* margin: 0; */ display: inline-block; position: relative; margin-bottom: -94px; left: 0; top: 0; top: 25px; } }

.available-packages .footer-package.print:not(.half) { position: relative; }

.available-packages .footer-package.print:not(.half) p { display: inline; }

.available-packages .footer-package.print:not(.half) span.button { position: absolute; right: 50px; }

@media screen and (max-width: 768px) { .available-packages .footer-package.print:not(.half) span.button { right: calc(50% - 83px / 2); bottom: -20px; margin: 0; top: initial; }
  .available-packages .footer-package.print:not(.half) p { display: inline-block; } }

.available-packages .footer-package.half { width: calc(50% - 10px); margin-right: 20px; box-sizing: border-box; height: auto; line-height: 16px; text-align: center; }

.available-packages .footer-package.half strong { padding: 0; padding-top: 10px; position: static; display: block; }

.available-packages .footer-package.half p { padding-left: 20px; max-width: 600px; }

.available-packages .footer-package.half span.button { float: none; position: relative; right: 0; top: 40px; }

.available-packages .footer-package.half p { margin: 0; padding: 0; margin-bottom: -20px; }

.available-packages .footer-package.half p strong { padding: 0; display: inline; }

.available-packages .footer-package.half.kestoetu { margin-right: 0; }

.available-packages .footer-package:after { content: ''; display: table; clear: both; }

.available-packages .footer-package strong { color: #2cced3; font-size: 20px; position: relative; top: 2px; line-height: 24px; padding-left: 20px; padding-right: 20px; }

.available-packages .footer-package p strong { color: inherit; font-size: inherit; line-height: inherit; padding: 0; position: static; display: inline; }

.available-packages .footer-package span.button { float: right; position: relative; top: 15px; right: 35px; font-weight: bold; color: #fff; }

@media screen and (max-width: 980px) { .available-packages .footer-package { height: auto; line-height: 30px; text-align: center; padding: 0; padding: 10px 20px; box-sizing: border-box; }
  .available-packages .footer-package strong { display: block; padding: 0; }
  .available-packages .footer-package span.button { float: none; display: block; margin: 0 auto; display: block; width: 83px; margin: 0 auto; margin-bottom: -30px; } }

.package { width: calc(( 100% - 20px ) / 3); text-align: center; background: #f7f7f7; box-sizing: content-box; padding-bottom: 40px; float: left; margin-right: 10px; position: relative; margin-bottom: 50px; min-height: 385px; }

.package.single { width: 90%; margin: 0 auto; }

.package:nth-child(3) { margin-right: 0; }

.package-header { background: #79cdd1; color: white; font-family: "FuturaHeavy", sans-serif; height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; }

.package-image { min-height: 150px; margin-top: 30px; margin-bottom: 15px; }

.package-description { font-size: 16px; line-height: 20px; margin-bottom: 10px; padding: 0 10px; }

.package-marketingprice { height: 35px; line-height: 35px; font-size: 19px; font-family: FuturaMedium !important; padding-top: 15px; width: 100%; position: absolute; bottom: 50px; }

.package-normalprice { font-size: 15px; padding-bottom: 0; position: absolute; bottom: 30px; width: 100%; }

.package-button-wrap { position: absolute; width: 100%; text-align: center; bottom: -40px; }

@media screen and (max-width: 760px) { .package-button-wrap { left: 0; } }

@media screen and (max-width: 760px) { .package { width: 100%; padding: 0 20px; padding-bottom: 80px; box-sizing: border-box; }
  .package-marketingprice { width: 90%; }
  .package-normalprice { width: 90%; } }

.single-tuotteet .article__title { margin-top: 0; border-bottom: 1px solid #d2d3d5; padding-bottom: 5px; margin-bottom: 20px; }

@media screen and (max-width: 760px) { body.single .widget_area .sidebar-card { width: 100%; } }

.comment__wrapper { border-bottom: 1px solid #78797f; margin: 15px 0; font-size: 15px; }

.comment__meta { margin-bottom: 10px; }

.comment__meta--time { margin-right: 5px; font-weight: normal; }

.comment__meta--author { color: #f7f7f7; }

.comment__content { margin: 5px 0 15px; line-height: 20px; }

.child-comments .comment__wrapper { padding-left: 8%; }

a.comment-reply-link { color: #f7f7f7; }

.commentform__login .button { margin-right: 10px; }

.commentform .comment-form-comment textarea { width: 100%; }

.comments .comment .reply { border-bottom: none; }

.box { float: left; width: 100%; box-sizing: border-box; overflow: hidden; margin-bottom: 20px; }

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

.box--half { width: 49%; float: left; box-sizing: border-box; overflow: hidden; margin-bottom: 20px; }

.box--half__spacer { content: ''; display: block; float: left; width: 1px; height: 10px; background-color: transparent; margin-left: calc(1% - 1px); margin-right: calc(1% - 1px); }

#sivupalkki .box--half { width: 100%; margin-right: 0; margin-left: 0; /*background: rgba(0,0,0,0.9); padding:0; .widget-feed ul{ .feed__item--category{ padding:0 10px; } .feed__item--date{ padding:0 10px; } .feed__item h3{ padding:0 10px; } }*/ }

#sivupalkki .box--half:nth-child(odd) { padding-right: 0; border-right: none; }

@media screen and (max-width: 480px) { .box--half { width: 100%; height: auto !important; }
  .box--half__spacer { display: none; } }

ul.list { margin-bottom: 20px; color: #fff; }

ul.list li { border-bottom: 1px solid #fff; }

ul.list h3 a { color: #fff; }

ul.list .side-image { height: auto; width: 20%; }

ul.list { background: rgba(0, 0, 0, 0.06); color: #000000; }

ul.list h3 a { color: inherit; }

.gridWidget-postContainer { font-size: 0; }

.commentcount { display: inline-block; font-weight: normal; }

.commentcount a { color: inherit; }

.grid-item { padding-bottom: 0; float: none; font-size: 14px; }

.grid-item:hover .grid-item__bg:after { background: rgba(0, 0, 0, 0.2); }

.grid-item__bg { height: 0; padding-bottom: 65%; background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3); }

.grid-item__bg:after { content: ''; display: block; background: none; position: absolute; padding-bottom: 65%; top: 0; left: 0; width: 100%; }

.grid-item__content { padding: 20px 0; position: initial; }

.grid-item__content h2 { line-height: 1.3; font-size: 1.615em; padding-top: 7px; text-overflow: ellipsis; overflow: hidden; margin: 0 0 0.6em 0; color: #000000; }

.grid-item__content--cats { font-family: "FuturaHeavy", sans-serif; }

.grid-item__content .meta { margin-bottom: 2px; width: 100%; }

.grid-item__catbutton { margin-right: 5px; }

.grid-item__excerpt { font-size: 1.077em; line-height: 1.45em; margin-bottom: 7px; color: #000000; }

.grid-item__footer { margin-top: 15px; font-size: 12px; }

.grid-item__footer > span, .grid-item__footer > div { margin-right: 10px; }

.grid--fourArticles span { color: inherit; font-size: inherit; }

.grid--fourArticles span.typogr__meta--category { display: block; margin-bottom: 5px; }

.grid--fourArticles .typogr__meta--date { margin-right: 10px; }

.grid--fourArticles .meta { margin-bottom: 11px; display: block; }

.grid--fourArticles .bgimg { padding-bottom: 65%; }

.grid-card { width: calc(50% - 10px); margin-left: 13px; }

@media screen and (max-width: 480px) { .grid-card { width: 100%; margin: 0 !important; margin-bottom: 20px !important; } }

.grid-card:nth-child(odd) { margin-right: 0; }

#topbar { background: white; border-bottom: 1px solid #9b9b9b; }

.topbar__logo { background: url(assets/img/otavamedia_green_rgb.jpg) no-repeat center; background-size: 120%; width: 140px; margin-right: 10px; }

#mobile-navigation__button { color: black; background-color: #f7f7f7; }

#mobile-navigation__search { color: black; background-color: #f7f7f7; }

#navigation--mobilebuttons { display: none !important; }

#navigation--mobilebuttons a { background-color: #383838; width: 100%; border-right: 1px solid #939393; color: #d6d6d6; font-family: "futura-pt", sans-serif; }

.navi { font-family: "FuturaHeavy", sans-serif; letter-spacing: 0.02em; font-size: 0; }

.navi > li > a { line-height: 42px; padding: 0 8px; color: #000000; font-weight: 400; letter-spacing: 0.5px; font-size: 11px; }

.navi > li:hover { color: white; background-color: #79cdd1; }

.navi > li:hover a { color: white; }

.navi > li:before { display: none; }

.navi > li:first-child:before { display: none; }

.navi > li.current-menu-parent, .navi > li.current-menu-item, .navi > li.current-menu-ancestor { color: #353c3f; }

.navi > li.current-menu-item:before, .navi > li.current-menu-parent:before, .navi > li.current-menu-ancestor:before { content: ''; display: block; background: #79cdd1; height: 8px; width: 100%; position: absolute; top: 0; left: 0; }

.navi > li.menu-item-has-children a { padding: 0 25px 0 10px; }

.navi > li.menu-item-has-children:after { font-size: 10px; right: 6px; top: 15px; }

.navi li { font-size: 15px; color: #fff; padding: 0 11px; position: relative; }

.navi li.menu-item-has-children:after { content: '\f078'; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 8px 0px 10px; text-decoration: none; color: #78797f; font-size: 10px; vertical-align: middle; }

.navi li:last-child { text-transform: none; }

.navi li:last-child a { color: #007d55; }

.navi li.current-menu-parent { /*background:#fff; a{ color:#353c3f; }*/ }

.navi li a { color: #000000; }

.navi li a:hover { color: white; }

.navi li a.current-menu-item { border-right: none; border-left: none; background: #79cdd1; background-size: 20%; }

.navi li a.current-menu-item a { color: #353c3f; }

.navi li .sub-menu { left: 0; margin-left: 0; background: white; width: 100%; }

.navi li .sub-menu li { padding: 0 10px; color: #404146; border-bottom: 1px solid #79cdd1; }

.navi li .sub-menu li:before { content: none; }

.navi li .sub-menu li:last-child { border-bottom: none; }

.navi li .sub-menu li:hover { background: #79cdd1; }

.navi li .sub-menu li:hover a { color: white; }

.navi li .sub-menu li a { padding: 8px 25px 8px 10px; font-family: FuturaMedium, sans-serif; letter-spacing: 0.05em; text-transform: none; font-size: 14px; line-height: 16px; color: black; }

.navi li:hover { color: white; }

.navi li:hover:after { color: white; }

.navi li:hover > .sub-menu { margin-left: 0; }

.navi.float--right { font-size: 15px; }

.navi__magazine { background: transparent; font-family: "FuturaHeavy", sans-serif; height: 42px; line-height: 42px; font-size: 15px; color: #fff; }

.navi__magazine:visited, .navi__magazine:hover { color: #fff; }

.navi__search--button { color: #fff; font-size: 1.5rem; margin-left: 0.95rem; }

.navi__user { color: #000; font-size: 1.5rem; margin-left: 0.95rem; }

.navi__user.active { color: #007d55; }

.navi__search--button { color: black; font-size: 1.5rem; margin-left: 1.55rem; }

@media screen and (max-width: 1023px) { #topbar { background-size: 100px; background-repeat: no-repeat; background-position: center center; background-image: none; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1); }
  #topbar .display__text--tablet { display: inline; }
  .topbar__logo { position: absolute; left: calc(50% - 70px); }
  #mobile-scroll { background: transparent; }
  #topbar .navi { background: rgba(62, 69, 76, 0.85); }
  #topbar .navi li { color: #000; border-bottom: 1px solid #aaaaaa; color: #333; }
  #topbar .navi li a { color: inherit; }
  #topbar .navi li.menu-item-has-children > a { background-size: 8px; }
  #topbar .navi li.menu-item-has-children.open > a { background-size: 14px; }
  #topbar .navi li .sub-menu { border-top: 3px solid #f7f7f7; font-size: 16px; }
  #topbar .navi li .sub-menu li { background: #ebebeb; }
  #topbar .navi li .sub-menu li:last-child { border-bottom: none; }
  #topbar .navi li .sub-menu li a { font-weight: normal; text-transform: none; padding-left: 20px; }
  #topbar .navi .navi__magazine { margin-left: 20px; }
  #navigation--secondary a { line-height: 42px; background: #ddd; border-bottom: 1px solid #aaaaaa; color: #333; } }

@media screen and (max-width: 1023px) and (max-width: 1023px) { #navigation--secondary a { padding-left: 25px; } }

.tabbed-nav { border-bottom: 4px solid #79cdd1; width: 100%; overflow: hidden; float: left; }

.tabbed-nav li { list-style: none; width: 33%; float: left; text-align: center; background: white; box-sizing: border-box; padding: 20px 0; text-transform: uppercase; font-family: FuturaHeavy; letter-spacing: 0.5px; cursor: pointer; }

@media screen and (max-width: 640px) { .tabbed-nav li { /*&:first-child{ height: 66px; line-height: 30px; }*/ } }

.tabbed-nav li.active { background: #79cdd1; color: white; }

@media screen and (max-width: 640px) { .tabbed-nav li { width: 100% !important; } }

.tabbed-nav.two li { width: 50%; }

.tabbed-nav.three li { width: calc( 100% / 3); }

.tabbed-nav.four li { width: 25%; }

.tabbed-nav.five li { width: 20%; }

#sitewide-searchbar-container { background: #000; box-shadow: none; }

.solr-searchbar { background-color: #000; }

.solr-searchbar .search-input { width: calc(100% - 55px); float: left !important; }

.grid__container h2 { margin-right: 1%; }

.grid__container .grid-item { min-height: 250px; }

.grid__container .grid-item:nth-child(even) { margin-left: 0; }

.grid__container .grid-item strong { width: 75%; margin: auto; }

.grid__container .grid-item.text-only { padding: 25px 35px; box-sizing: border-box; text-align: center; }

.grid__container .grid-header-container { margin-bottom: 6px; position: relative; }

.grid__container .grid-header-container .grid-has-more-content { text-align: center; color: white; position: absolute; top: 0; right: 0; border-left: 5px solid white; height: 100%; margin-right: 1%; background: #78797f; width: 43.2px; }

.grid__container .grid-header-container .grid-has-more-content i { height: 43.2px; line-height: 43.2px; }

.grid__container .grid-quarter-item { float: left; width: 24%; margin: 0 1% 1% 0; background: #f7f7f7; text-align: center; height: 80px; background-repeat: no-repeat; background-position: center; background-size: 40%; }

.grid__container .grid-item__content--cats { display: none; }

.grid__container .grid-call-to-action { position: absolute; bottom: 0; width: 100%; text-align: center; }

.grid__container .grid-call-to-action strong { display: block; margin-bottom: 10%; margin-top: 40px; font-size: 20px; min-height: 48px; word-break: break-word; }

.grid__container .grid-call-to-action i { display: block; margin-bottom: 8%; font-size: 30px; color: #007d55; }

.sivupalkki-pikalinkit { margin: 0 0 20px; text-align: center; text-transform: uppercase; }

.sivupalkki-pikalinkit li { background: #6A257C; margin-bottom: 4px; padding: 15px 0; }

.sivupalkki-pikalinkit li i { margin-right: 7px; }

.sivupalkki-pikalinkit li a { color: white; font-size: 15px; font-weight: bold; }

.sidebar-posts li { list-style: none; border-bottom: 1px solid #d2d3d5; }

.sidebar-posts li i { margin-right: 5px; color: #9b9b9b; font-weight: 700; }

.sidebar-posts li span { color: #9b9b9b; font-weight: 700; }

.sidebar-posts li div { margin-top: 5px; font-size: 15px; font-family: FuturaHeavy; font-weight: 400; line-height: 20px; }

.sidebar-posts li a { color: black; }

.sidebar-posts li a:visited { color: black; }

.sidebar-card { background: #f7f7f7; position: relative; padding: 40px 40px 0; margin: 20px 0; }

.sidebar-card div { text-align: center; font-size: 20px; }

.sidebar-card div h3 { font-weight: bold; font-size: 20px; padding: 20px 0; }

.sidebar-card div i { display: block; font-size: 40px; color: #007d55; }

.sidebar-card div p { font-size: 19px; }

.sidebar-card ul { list-style: none; text-align: center; }

.sidebar-card ul li { font-size: 16px; padding: 3px 0; }

.sidebar-card table i { font-size: 20px; display: inline-block; padding-right: 10px; }

.icon-row i { display: inline-block !important; margin: 0 6px; }

.col-two .sidebar-card { width: calc(( 100% - 15px ) / 2); margin: 0 15px 15px 0; box-sizing: border-box; float: left; min-height: 335px; /*&:nth-child(2+1){ margin-right: 0; }*/ }

.col-two .sidebar-card:nth-child(odd) { margin-right: 0; }

.ordersView .tabbed-nav-tab, .ordersView .order-single { margin-top: 10px; width: 100%; float: left; }

.ordersView .tabbed-nav-tab p, .ordersView .order-single p { max-width: 570px; }

.ordersView .tabbed-nav-tab .order, .ordersView .order-single .order { padding: 16px 10px; background: #f7f7f7; margin-bottom: 10px; width: 100%; float: left; box-sizing: border-box; }

.ordersView .tabbed-nav-tab .order img, .ordersView .order-single .order img { width: 40%; float: left; }

@media screen and (max-width: 640px) { .ordersView .tabbed-nav-tab .order img, .ordersView .order-single .order img { margin-left: 25px; margin-bottom: 10px; } }

.ordersView .tabbed-nav-tab .order .order-baseinfo, .ordersView .order-single .order .order-baseinfo { float: left; width: 58%; padding-left: 10px; }

@media screen and (max-width: 640px) { .ordersView .tabbed-nav-tab .order .order-baseinfo, .ordersView .order-single .order .order-baseinfo { width: 100%; } }

.ordersView .tabbed-nav-tab .order .order-baseinfo h2, .ordersView .order-single .order .order-baseinfo h2 { background: none; color: black; padding: 0 15px 0; }

.ordersView .tabbed-nav-tab .order .order-baseinfo table, .ordersView .order-single .order .order-baseinfo table { margin: 10px 15px; font-size: 15px; width: 100%; }

.ordersView .tabbed-nav-tab .order .order-baseinfo table td:first-child, .ordersView .order-single .order .order-baseinfo table td:first-child { text-transform: uppercase; font-weight: bold; font-size: 13px; }

.ordersView .tabbed-nav-tab .order .order-baseinfo table td:nth-child(2), .ordersView .order-single .order .order-baseinfo table td:nth-child(2) { font-family: FuturaLight, sans-serif; font-weight: bold; font-size: 15px; }

.ordersView .tabbed-nav-tab .order .order-baseinfo table td, .ordersView .order-single .order .order-baseinfo table td { width: 110px; padding-bottom: 5px; }

.ordersView .tabbed-nav-tab .order .order-baseinfo a, .ordersView .order-single .order .order-baseinfo a { margin-left: 15px; }

.ordersView .tabbed-nav-tab .no-orders, .ordersView .order-single .no-orders { font-size: 25px; padding: 35px; color: #78797f; text-align: center; }

.order-single { float: none !important; }

.order-single h1 { background: white; }

.om-payments-table { width: 100%; font-size: 18px; font-family: FuturaMedium, sans-serif; }

.om-payments-table thead { border-bottom: 1px solid #9b9b9b; }

.om-payments-table thead td { padding-bottom: 3px; }

.om-payments-table tbody td { padding: 10px 0; font-family: FuturaLight; font-size: 16px; }

.om-payments-table tbody tr:first-child td { padding: 15px 0 10px; }

@media screen and (max-width: 600px) { .ordersView .orderContent .order { padding: 16px 0; }
  .ordersView .orderContent .order img { display: block; margin: auto; float: none; width: auto; }
  .ordersView .orderContent .order .order-baseinfo { width: 100%; padding-left: 0; padding-top: 15px; }
  .ordersView .orderContent .order .order-baseinfo table td { width: auto; }
  .ordersView .orderContent .order .order-baseinfo a { width: 80%; text-align: center; margin-left: 10%; margin-right: 10%; } }

@media screen and (max-width: 500px) { .ordersView nav ul { width: 100%; }
  .ordersView nav ul li { width: 100%; } }

.product-listing nav { margin: 0 0 30px; overflow: hidden; }

.product-listing nav .nav-arrow { float: left; height: 46px; width: 46px; color: #fff; line-height: 50px; display: block; text-align: center; background: #79cdd1; cursor: pointer; display: none; }

@media screen and (max-width: 640px) { .product-listing nav .nav-arrow { display: block; display: none; } }

.product-listing nav ul { padding: 0 5%; width: 90%; }

@media screen and (max-width: 640px) { .product-listing nav ul { width: calc(90% - 50px); float: left; padding-right: 0; margin-right: 5px; width: 100%; padding: 0; margin: 0; } }

.product-listing nav ul li { display: inline-block; padding: 15px 30px; text-align: center; text-transform: uppercase; font-size: 16px; list-style: none; font-weight: bold; transition: 0.2s ease-out all; cursor: pointer; }

@media screen and (max-width: 640px) { .product-listing nav ul li { display: block; } }

.product-listing .product-grid .tab { margin-bottom: 100px; }

.product-listing .product-grid h2 { margin-top: 15px; }

.product-listing .product-grid-item { min-height: 50px; background: #f7f7f7; box-sizing: border-box; padding: 10px 10px 50px; float: left; text-align: center; position: relative; margin-bottom: 45px; margin-right: 10px; }

.product-listing .product-grid-item--imagelink { height: 230px; display: block; }

.product-listing .product-grid-item--imagelink img { height: 100%; }

.product-listing .product-grid-item.cover { padding: 10px 10px 50px; }

.product-listing .product-grid-item.card { padding: 30px 10px 25px; padding-bottom: 35px; }

.product-listing .product-grid-item.card img { position: relative; top: 50%; -webkit-transform: translateY(-65%); transform: translateY(-65%); }

.product-listing .product-grid-item.card p { padding: 25px 12px 0; margin: 0; color: #8dc63f; color: #000; position: absolute; bottom: 5px; display: block; width: 96%; padding: 0; /* padding: 0 10px; */ left: 2%; }

.product-listing .product-grid-item h3 { line-height: 2.18; }

.product-listing .product-grid-item div { font-size: 25px; color: #9b9b9b; }

.product-listing .product-grid-item div i { margin: 2px; }

.product-listing .product-grid-item div i.hasType { color: black; }

.product-listing .product-grid-item a.button { width: 80%; position: absolute; left: 10%; bottom: -37px; }

.product-listing a { width: 100%; text-align: center; }

.product-category { overflow: hidden; }

.product-category:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#sivupalkki .product-grid-item { width: calc((100% - 10px) / 2) !important; margin-right: 10px !important; }

#sivupalkki .product-grid-item:nth-child(2n) { margin-right: 0 !important; }

#sivupalkki .no-categories { float: none; }

.no-categories { float: left; width: 100%; }

@media screen and (min-width: 1025px) { .product-listing .product-grid .product-grid-item { width: calc((100% - (4 * 10px)) / 5); }
  .product-listing .product-grid .product-grid-item:nth-child(5n) { margin-right: 0; } }

@media screen and (max-width: 1024px) and (min-width: 801px) { .product-listing .product-grid .product-grid-item { width: calc((100% - (3 * 10px)) / 4); }
  .product-listing .product-grid .product-grid-item:nth-child(4n) { margin-right: 0; } }

@media screen and (min-width: 600px) { .no-categories .product-grid .product-grid-item { width: calc((100% - 20px) / 3) !important; }
  .no-categories .product-grid .product-grid-item:nth-child(3n) { margin-right: 0 !important; } }

@media screen and (max-width: 800px) and (min-width: 499px) { .product-listing .product-grid .product-grid-item { width: calc((100% - (2 * 10px)) / 3); }
  .product-listing .product-grid .product-grid-item:nth-child(3n) { margin-right: 0; } }

@media screen and (max-width: 498px) and (min-width: 376px) { .product-listing .product-grid .product-grid-item { width: calc((100% - (1 * 10px)) / 2); }
  .product-listing .product-grid .product-grid-item:nth-child(even) { margin-right: 0; } }

@media screen and (max-width: 375px) { .product-listing .product-grid .product-grid-item { width: 100%; } }

/* Singleorder */
.ordersView h1 { font-size: 55px; color: #78797f; font-family: FuturaMedium, sans-serif; font-weight: lighter; border-bottom: 1px solid #d2d3d5; padding-bottom: 15px; margin-bottom: 2px; }

@media screen and (max-width: 640px) { .ordersView h1 { font-size: 44px; } }

.asauth-widget-login .asauth-widget-loginformwrap input[type="text"], .asauth-widget-login .asauth-widget-loginformwrap input[type="email"], .asauth-widget-login .asauth-widget-loginformwrap input[type="number"], .asauth-widget-login .asauth-widget-loginformwrap input[type="password"] { width: 100% !important; height: 50px !important; }

.asauth-widget-login { background: #ececec !important; }

.asauth-widget-login .asauth-widget-loginformwrap { position: relative !important; }

.asauth-widget-login .asauth-widget-loginformwrap form { padding: 0 !important; padding: 20px !important; background: none !important; }

.asauth-widget-login .asauth-widget-loginformwrap .logindialoglink { margin-left: 20px; }

.asauth-widget-login .asauth-widget-loginformwrap .logindialoglink span { color: #8dc63f !important; }

.asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton { border-radius: 0 !important; border: none !important; color: #fff !important; height: 50px !important; font-weight: bold !important; background: #8dc63f !important; padding: 0 !important; height: 50px !important; font-size: 14px !important; line-height: 50px !important; text-align: center !important; box-sizing: border-box !important; font-weight: bold !important; }

.asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton:hover, .asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton:active { background: #007d55 !important; }

.asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton.buttonLogin { width: calc(60% - 10px) !important; margin: 0 !important; margin-right: 7px !important; }

.asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton.clickdelay { width: 40% !important; margin: 0 !important; }

.asauth-widget-login .asauth-widget-loginformwrap .trayMenuContentButton > span { color: #fff !important; font-size: inherit !important; font-weight: inherit !important; }

.asauth-widget-login .asauth-widget-loginformwrap h2 { background: none !important; padding: 0 !important; color: #000 !important; }

.asauth-widget-login .asauth-widget-loginformwrap .input_or { position: absolute !important; margin: 0 !important; height: 50px !important; font-size: 12px !important; line-height: 50px !important; box-shadow: none !important; border-radius: 0 !important; background: #b1b2b4 !important; color: #000 !important; margin-top: -16px !important; padding: 0 !important; right: 50px !important; min-width: 80px !important; text-align: center !important; text-transform: uppercase !important; }

.alternative-content#sivupalkki .alternative-kainalojuttu h4 { font-size: 16px; font-weight: bold; }

.alternative-content#sivupalkki .alternative-kainalojuttu-content { font-family: "Georgia", serif; font-size: 14px; }

.alternative-content#sivupalkki .wp-caption-text { margin-top: 10px; }

.grid-card a.button { line-height: 40px; }

.grid-card .front { background: url("dummy.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.grid-card .front > * { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

.grid-card .front i.fa { padding-top: 20px; }

.grid-card .back { background: url("dummy.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; }

.grid-card .back > * { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

.grid-card .back p { padding-left: 20px; padding-right: 20px; }

.grid-card .back p:first-child { padding-top: 20px; }

.widget-feed ul .feed__item { border-bottom: 1px solid #d2d3d5; padding-left: 0; padding-right: 0; }

.widget-feed ul .feed__item span[href] { color: #007d55; }

.widget-feed ul .feed__item h3 { font-size: 15px !important; }

.single-tuotteet--somebar { height: 50px; line-height: 50px; overflow: hidden; font-family: "FuturaHeavy", sans-serif; font-size: 15px; border-top: 1px solid #d2d3d5; border-bottom: 1px solid #d2d3d5; box-sizing: border-box; text-align: center; margin-bottom: 50px; text-transform: uppercase; }

.single-tuotteet--somebar__column { width: calc(100% / 3); float: left; }

.single-tuotteet--somebar__column.c1 a { margin-left: 10px; }

.single-tuotteet--somebar__column.c2 .fa { margin-right: 10px; }

.single-tuotteet--somebar__column.c3 .fa { margin-right: 10px; }

.single-tuotteet--somebar__column:first-child { padding-left: 0; text-align: left; }

.single-tuotteet--somebar__column:last-child { padding-right: 0; text-align: right; }

.single-tuotteet--somebar .fa { font-size: 1.3em; position: relative; top: 2px; }

.single-tuotteet--somebar .fa.fa-facebook { color: #0068b0; }

.single-tuotteet--somebar .fa.fa-twitter { color: #6ab4d8; }

.single-tuotteet--somebar .fa.fa-pinterest { color: #e3262e; }

.single-tuotteet--somebar .fa.fa-instagram { color: #175483; }

.single-tuotteet--somebar a { color: #000; }

.single-tuotteet--somebar a .fa { color: #007d55; }

.single-tuotteet--somebar a .fa-facebook { color: #0068b0; }

.single-tuotteet--somebar a .fa-twitter { color: #6ab4d8; }

@media screen and (max-width: 760px) { .single-tuotteet--somebar { height: auto; }
  .single-tuotteet--somebar__column { width: 100%; float: none; text-align: center !important; }
  .single-tuotteet--somebar__column.c1 span { display: block; } }

.is-today { color: #007d55 !important; }

.widget-tuoteperhe table { margin: 0 auto; }

.widget-tuoteperhe table tr td:first-child { text-align: center; }

.widget-tuoteperhe table tr td:last-child { text-align: left; }

.widget-tuoteperhe table tr td i { color: #9b9b9b; }

.widget-tuoteperhe table tr td i.hasType { color: #007d55; }

.col-two .widget-area .grid__container { overflow: hidden; }

.widget-useinvieraillut a { width: calc(25% - 7.5px); margin-right: 10px; float: left; display: block; background: #6A257C; height: 150px; box-sizing: border-box; text-transform: uppercase; padding: 20px 5px; color: #fff; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center; }

.widget-useinvieraillut a span { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; overflow: hidden; }

.widget-useinvieraillut a i.fa { display: block; margin-bottom: 15px; }

.widget-useinvieraillut a:last-child { margin-right: 0; }

@media screen and (max-width: 680px) { .widget-useinvieraillut a { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; }
  .widget-useinvieraillut a:nth-child(odd) { margin-right: 0; } }

.widget-digiarkisto { background: url("assets/img/digiarkisto_tausta.jpg") no-repeat center center; background-size: cover; padding: 0 5px; text-align: center; height: 330px; margin-bottom: 20px; }

.widget-digiarkisto img { max-width: 60px; margin-bottom: 10px; margin-top: 10px; }

.widget-digiarkisto .vcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; overflow: hidden; }

.widget-digiarkisto i.fa { display: block; margin-bottom: 15px; font-size: 26px; color: #007d55; }

.om_form.om_contact_customer_service_form label span { margin-right: 5px; }

.om_form.om_contact_customer_service_form input[type="submit"] { margin-top: 20px; }

.asauth-widget-login p.login-toptip, .asauth-widget-login p.login-bottomtip { padding: 5px 10px; }

.widget.widget_asauth_widget_userdata { margin-top: -13px; }

#footer { clear: both; padding: 30px 2% 25px 2%; background-color: #000000; margin: 0; color: #fff; overflow: hidden; position: relative; font-size: 15px; line-height: 20px; }

#footer address { line-height: 20px; }

#footer .col-1of3 { float: left; width: 33.33%; box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

#footer .col-1of3 > ul { margin-bottom: 21px; }

#footer .label { width: 103px; display: inline-block; vertical-align: top; }

#footer .mail-address { display: inline-block; }

#footer .footer-button { display: block; color: #fff; background: #linkColor; padding: 8px; width: 126px; text-align: center; text-transform: uppercase; font-size: 14px; border-radius: 6px; margin-top: 18px; margin-bottom: 5px; }

#footer .footer-button:hover { text-decoration: none; background: #004a32; }

#footer .oba-icon { width: 30px; display: inline-block; margin-right: 10px; }

#footer .oba-link { margin-bottom: 21px; display: block; }

#footer .oba-link span { line-height: 32px; height: 32px; display: inline-block; vertical-align: top; }

/*DL, DT, DD TAGS LIST DATA*/
#footer dl { clear: both; }

#footer dl dt { font-weight: bold; font-size: 11px; float: left; margin-right: 10px; }

#footer dl dd { float: left; margin-left: 1px; }

#footer a { text-decoration: none; color: #007d55; }

#footer a:hover { text-decoration: underline; }

#footer h6 { text-transform: uppercase; font-weight: 600; font-size: 13px; }

#verkkopalvelut { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 2%; width: 100%; background: #fff; }

.verkkopalvelut-inner { width: 100%; max-width: 960px; margin: 0 auto; padding: 20px 0; overflow: hidden; }

#verkkopalvelut dl { color: #f7f7f7; width: 79%; margin-right: 1%; float: right; }

#verkkopalvelut dl dt { font-weight: bold; float: left; }

#verkkopalvelut dl dd { float: left; margin-right: 3px; font-size: 12px; line-height: 120%; }

#verkkopalvelut dl dd:not(:last-child):after { content: '|'; color: #000000; margin: 0 3px; }

#verkkopalvelut a { color: #007d55; font-size: 12px; }

#verkkopalvelut .selected { color: #000; font-style: normal; }

.om-logo { width: 20%; float: left; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.om-logo img { max-width: 100%; height: auto; }

@media all and (max-width: 970px) { #footer .label { width: auto; display: block; }
  #footer .label:after { content: ':'; } }

@media all and (max-width: 660px) { #footer .col-1of3 { width: 50%; }
  #footer .col-1of3.t-right { float: right; } }

@media all and (max-width: 525px) { /*and (min-width: 320px)*/
  .om-logo, #verkkopalvelut dl { float: none; margin: 0 auto; width: 100%; }
  .om-logo { margin-bottom: 20px; text-align: center; } }

@media screen and (max-width: 440px) { #footer .col-1of3 { width: 100%; }
  #footer .label { width: 103px; display: inline-block; } }

.footer-child { width: 960px; max-width: 100%; margin: 0 auto; }

.footer-child h6 { font-size: 15px; }

/*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
.pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pika-single.is-hidden { display: none; }

.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single { *zoom: 1; }

.pika-single:before, .pika-single:after { content: " "; display: table; }

.pika-single:after { clear: both; }

.pika-lendar { float: left; width: 240px; margin: 8px; }

.pika-title { position: relative; text-align: center; }

.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }

.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; }

.pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; }

.pika-prev:hover, .pika-next:hover { opacity: 1; }

.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; }

.pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; }

.pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; }

.pika-select { display: inline-block; *display: inline; }

.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }

.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; }

.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; }

.pika-table abbr { border-bottom: none; cursor: help; }

.pika-button { cursor: pointer; display: block; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; }

.is-today .pika-button { color: #33aaff; font-weight: bold; }

.is-selected .pika-button { color: #fff; font-weight: bold; background: #79cdd1; box-shadow: inset 0 1px 3px #178fe5; border-radius: 0; }

.is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; }

.pika-button:hover { color: #fff; background: #007d55; box-shadow: none; border-radius: 0; }

.pika-week { font-size: 11px; color: #999; }

.is-inrange .pika-button { background: #D5E9F7; }

.is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; }

.is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; }

.ui-autocomplete-link-to-search { display: none !important; }

@media screen and (max-width: 768px) { .carousel-item--body { width: 100%; right: 0; }
  .carousel-item h2 { font-size: 1.8em; }
  .navtabs li { width: 50%; }
  /*.article { &__somebar { & ul li { //width: 48.5%; margin-left: 3%; margin-bottom: 3%; a{ text-align:center; } i { float:left; } span{ float:none; font-size: 14px; } } } }*/ }

@media screen and (max-width: 480px) { /* author page */
  .list li img.side-image { float: right; width: auto; }
  .author-posts-list .list li h3 { padding-bottom: 15px; }
  /* /author page */ }

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