@charset "UTF-8";
/*
Theme Name: muropaketti
Version: 1.0
Author: Viivamedia
Template: om-core
*/
/* DO NOT EDIT style.css DIRECTLY! */
/*$titleFont: "Hind", arial, sans-serif;
$titleFontNoBold: "Hind-n4", "Hind";
$mainFont: "jaf-facitweb";
$mainFontCondensed: "jaf-facitweb";

$gridItemTitleFont: "Hind-n4", "Hind";

$specialFont: "Hind-n4", "Hind";*/
/* ---------------------------------------- UNIVERSAL CLASSES -------------------------------------------*/
.screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.font__main { font-family: "Hind"; }

.font__main--condensed { font-family: "Hind"; }

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

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

.topbar__logo { background: url(../muropaketti/assets/img/muropaketticom.png) no-repeat center center; background-size: 100px; margin-right: 10px; width: 135px; background-size: 135px; }

body.category-taskumuro .topbar__logo { background-image: url(../muropaketti/assets/img/taskumurologo.png); }

body[class^="category-mobi"] .topbar__logo, body[class*=' category-mobi'] .topbar__logo { background-image: url(../muropaketti/assets/img/taskumurologo.png); }

#mobile-navigation__button { color: #fff; background: none; }

#mobile-navigation__search { color: #fff; background: none; }

#navigation--mobilebuttons a { background-color: #383838; width: calc(100% / 2); border-right: 1px solid #939393; color: #d6d6d6; font-family: "Hind"; }

.navi { font-family: "Hind"; font-size: 0px; }

.navi li { color: #fff; padding: 0 20px; font-size: 14px; }

.navi li:first-of-type::before { display: none; }

.navi li:before { display: none; }

.navi li.menu-item-has-children { background-size: 6px; }

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

.navi li.menu-item-has-children:hover { color: #353c3f; background-color: #fff !important; }

.navi li.current-menu-parent { background: #fff; }

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

.navi li a { color: inherit; transition: color 0.0s linear; }

.navi li a:hover { color: inherit; background: #fff; }

.navi li a.current-menu-item { background: #fff; }

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

.navi li .sub-menu { background: #fff; }

.navi li .sub-menu li { color: #404146; border-bottom: 1px solid #dadad8; }

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

.navi li .sub-menu li a { background: transparent; }

.navi li .sub-menu > li:hover { background-color: #003466 !important; color: #fff; }

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

.navi__magazine { background: transparent; font-family: "Hind", arial, sans-serif; height: 42px; color: rbg(153, 153, 153); padding-top: 10px; font-size: 14px; line-height: 26px; }

.navi__magazine:visited { color: #fff; }

.navi__search--button { color: #fff; font-size: 24px; line-height: 44px; }

.navi__user { color: #fff; font-size: 24px; line-height: 44px; }

.navi__user.active { color: #99ccff; }

@media screen and (max-width: 1023px) { #topbar { background-repeat: no-repeat; background-position: center center; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1); }
  #mobile-scroll { background: rgba(0, 0, 0, 0.7); }
  .topbar__logo { position: absolute; left: calc(50% - 70px); }
  body.category-taskumuro .topbar__logo { position: absolute; left: calc(50% - 60px); }
  #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 #003466; 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; }
  #topbar .navi .navi__magazine { margin-left: 20px; }
  #navigation--secondary a { background: #ddd; border-bottom: 1px solid #aaaaaa; color: #333; } }

.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; background: #1f3354; 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 { background: rgba(51, 51, 51, 0.3); margin-bottom: 20px; color: #fff; }

ul.list > li { border-bottom: 1px solid #1d0d21; width: calc(100% - 6px); margin: 0 auto; }

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

ul.list h2 a { color: #fff !important; }

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

#solr-sitesearch-container .navtabs > li { width: 33.33%; }

#solr-sitesearch-container label { margin: 0; }

#solr-sitesearch-container label[for="solr-order-switch"]:after { top: 12px; right: 8px; position: absolute; }

.ui-autocomplete { background: #003466; }

.ui-autocomplete-category { text-transform: uppercase; font-weight: 300; letter-spacing: 0.07em; color: #fff; }

.solr-breadcrumb { display: none; }

.solr-docs { margin-top: 0; }

.grid-item__content h2 { font-size: 20px; line-height: 23px; font-weight: 600; }

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

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

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

.grid--fourArticles > li { margin-top: 20px; }

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

.grid--fourArticles .body { margin-top: 20px; }

.grid--fourArticles span { color: #9c9d9d; }

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

.gridWidget-postContainer li .typogr__catlink { margin-bottom: 15px; display: block; }

.gridWidget-postContainer li .list-meta { margin-bottom: 5px; display: block; }

.gridWidget-postContainer li .list-meta-date { font-weight: 700; }

.grid--fourArticlesContainer { background: #1f3453; }

.grid--fourArticlesContainer ul { padding: 0 20px; }

/* Pikalinkit */
.sivupalkki-pikalinkit { margin: 5px 0; }

.pikalinkki { padding: 5px 5px; line-height: 32px; background: #ccc; font-weight: 600; letter-spacing: 1px; text-align: center; color: #fff !important; font-size: 18px; text-transform: uppercase; border-radius: 1px; margin: 10px 0px; display: block; font-family: "Hind"; box-sizing: border-box; transition: background 0.2s; border: none; }

.pikalinkki.blue { background: #003466; }

.pikalinkki.blue:hover { background: #333; }

.pikalinkki.orange { background: #2780e5; }

.pikalinkki:before, .pikalinkki.fa:before { font-size: 1.5em; position: relative; bottom: -0.15em; margin-right: 15px; }

.review__box { border-top: 2px solid #003466; width: 100%; padding: 20px 45px 25px; background: #2a2d34; font-size: 14px; box-sizing: border-box; margin-bottom: 20px; }

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

.review__box--header { font-size: 19px; }

.review__box table { width: 100%; overflow: hidden; margin-top: 2px; }

.review__box tbody { padding: 40px; }

.review__box tr { display: block; line-height: 25px; }

.review__box th { text-align: left; min-width: 120px; }

.review__box td { text-align: left; }

.review__box .convertRating { white-space: nowrap; }

.review__box .convertRating .fa-stack { width: 1em; }

.review__box .convertRating .fa-star { color: #ff564c; }

.review__box .convertRating .fa-star-o { color: #adaeb0; }

.review__box .convertRating .empty-star, .review__box .convertRating .half-star { color: #adaeb0 !important; }

.review__box .convertRating .empty-star .fa-star, .review__box .convertRating .half-star .fa-star { color: #adaeb0; }

.review__box .convertRating .empty-star .fa-star-half, .review__box .convertRating .half-star .fa-star-half { color: #ff564c; }

#inner-wrapper { padding: 0; margin-top: 15px; }

.ad.topad { margin-bottom: 15px; }

#showAllComments { text-align: center; /* padding: 10px 25px; */ cursor: pointer; background: #3c5078; color: #fff; /* text-transform: uppercase; */ font-weight: bold; height: 50px; line-height: 50px; margin-top: -15px; margin-bottom: 10px; }

.block-header { background: #3c5078; color: #fff; padding: 14px 15px 10px; height: auto; line-height: inherit; margin-bottom: 0; font-size: 16px; letter-spacing: 1px; width: 100%; box-sizing: border-box; font-weight: normal; text-transform: uppercase; overflow: hidden; }

#footer a { color: #3c5078; }

#verkkopalvelut a { color: #999999; }

#verkkopalvelut a.selected { color: white; }

#footer .footer-button { background: #3c5078; transition: all 0.3s ease; }

#footer .footer-button:hover { background: #333; }

.widget-feed .typogr__showmorebtn, .widget-suositut .typogr__showmorebtn { text-align: center; display: block; padding: 10px 0; }

input[type=text], input[type=email], input[name=email], input[type="password"], textarea { font-style: normal; background: #ebebeb; transition: all 0.3s ease; outline: none !important; border: none; }

input[type=text]:focus, input[type=email]:focus, input[name=email]:focus, input[type="password"]:focus, textarea:focus { background: #fff; }

input[type=submit], input[type=reset], input[type=button], input[type=file], .button, button { font-family: "Hind", sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; background: #666666; padding: 0 25px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; transition: all 0.3s ease; letter-spacing: 0.07em; font-weight: 600; }

input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=button]:hover, input[type=button]:focus, input[type=file]:hover, input[type=file]:focus, .button:hover, .button:focus, button:hover, button:focus { background: #333; color: #fff; }

input[type=submit]:visited, input[type=reset]:visited, input[type=button]:visited, input[type=file]:visited, .button:visited, button:visited { color: #fff; }

input[type=submit].red, input[type=reset].red, input[type=button].red, input[type=file].red, .button.red, button.red { background: red; }

input[type=submit].blue, input[type=reset].blue, input[type=button].blue, input[type=file].blue, .button.blue, button.blue { background: #4f80e1; border-color: transparent; }

input[type=submit].gray, input[type=submit].commentsBtn, input[type=reset].gray, input[type=reset].commentsBtn, input[type=button].gray, input[type=button].commentsBtn, input[type=file].gray, input[type=file].commentsBtn, .button.gray, .button.commentsBtn, button.gray, button.commentsBtn { background: #666666; color: #fff; }

input[type=submit].commentsBtn, input[type=reset].commentsBtn, input[type=button].commentsBtn, input[type=file].commentsBtn, .button.commentsBtn, button.commentsBtn { padding: 0; height: 30px; line-height: 30px; padding: 0 10px; }

.asauth-widget-login .trayMenuContentButton, .asauth-textButton { border: 1px solid transparent !important; border-radius: 0 !important; background: #3c5078 !important; padding: 0 25px !important; margin-bottom: 0; }

.asauth-widget-login .trayMenuContentButton:hover, .asauth-textButton:hover { background: #333 !important; }

.asauth-widget-login .trayMenuContentButton:hover span, .asauth-textButton:hover span { color: #fff !important; }

.asauth-widget-login .trayMenuContentButton span, .asauth-textButton span { color: #fff !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.07em !important; transition: all 0.3s ease; }

.asauth-widget-login h2, .asauth-widget-registerform h2 { font-size: 19px; line-height: 23px; }

.asauth-widget-registerforminfo span, .asauth-widget-registerformlogin span, .logindialoglink span { color: #666666 !important; }

.asauth-widget-registerforminfo span:hover, .asauth-widget-registerformlogin span:hover, .logindialoglink span:hover { color: #fff !important; }

#gameFilters label { margin: 0; }

#gameFilters .third { float: left; width: calc(100% / 3); }

#gameFilters .half { width: 50%; }

#page-id-17864 .right { color: #666666; }

.slick-dots li.slick-active button { background: #fff; opacity: 0.9; }

#breadcrumbs { margin-bottom: 30px; }

ul.list { background: #1f3453; }

ul.list > li { border-bottom: 3px solid #3C5078; }

.author-posts-list .list li { position: relative; }

.author-posts-list .list li h3 { padding-bottom: 15px; }

.author-posts-list .list img { width: auto; max-height: 50px; }

.author-posts-list .list-meta { position: absolute; bottom: 5px; }

.author-posts-list .list-meta > div { margin: 0 5px 0 0; }

.list-meta > div { margin: 0 5px 0 0; }

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

div.result-bar { height: 25px; min-width: 1px; background: #003466; }

span.result-text { line-height: 25px; margin-left: 5px; }

.article-body dl { margin-bottom: 20px; }

body .gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0 !important; }

.gform_wrapper .top_label .gfield_label { margin: 0.625em 0 0.2em !important; font-weight: normal !important; font-size: 15px; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font-size: 14px !important; letter-spacing: 0.07em !important; }

.gform_wrapper .gfield_required { color: #3c5078 !important; }

.gform_wrapper textarea, .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] { line-height: 20px !important; padding: 7px !important; margin: 0 0 10px !important; }

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label { font-weight: initial !important; }

blockquote { background: #333; padding: 5px 8px; margin-bottom: 10px; }

blockquote div { font-style: italic; }

blockquote p:last-child { padding-bottom: 0; margin-bottom: 0; }

/*.widget-suositut__tab ul li h3{ font-family:$titleFont; }*/
.block-header { background: #3e517b; }

.carousel-item--meta { margin-bottom: 8px; }

.navtabs li:hover { background: #828f99; }

.yhteistyoHeader { background: #cccccc; color: #000; }

#tilaa-seuraa .links { letter-spacing: 0.07em; line-height: 22px; font-family: "Hind"; color: #d6dcdf; font-size: 14px; }

.grid__container { overflow: hidden; }

.grid__container .gridPostsLoadMoreButton { float: left; }

#tilaa-seuraa .some a { color: #666666; }

#tilaa-seuraa .some a.fa { font-size: 27px; line-height: 30px; padding: 0 7px; }

#tilaa-seuraa .some a:hover { color: #cccccc; }

.gridWidget-postContainer > li { font-size: 16px; line-height: 20px; }

.gridWidget-postContainer > li .post__content { font-size: 16px; line-height: 20px; }

.gridWidget-postContainer > li p { font-size: 16px; line-height: 20px; }

.widget-suositut__tabs li a { color: #fff; }

.widget-suositut__tabs li { width: 60%; }

.widget-suositut__tabs li:last-child { width: 40%; }

#sivupalkki .fb_iframe_widget_fluid { display: block; text-align: center; }

.block-header.widget-bigCarousel__title { top: 40px; z-index: 10; left: 20px; font-weight: 700; }

.carousel-item--body { padding: 10px 20px 3px 20px !important; bottom: 0; right: 0; width: 100%; }

.carousel-item--meta { display: none; }

.slick-dots { right: auto; left: 10px; }

.slick-dots li button { border-radius: 0; border: 1px solid #ccc; background: rgba(60, 80, 120, 0.9); }

.slick-dots li.slick-active button { box-shadow: none; background: #fff; }

.widget-imgButton { text-align: center; }

.widget-area h3.hilightCarousel__info--title--full { font-size: 20px; line-height: 23px; font-weight: 600; font-family: "Hind", arial, sans-serif; letter-spacing: 0; }

.widget-area .hilightCarousel__info--excerpt--full { font-size: 15px; line-height: 1.1; }

.comment__item--content, .comment__item--footer { font-weight: 400; font-size: 17px; line-height: 1.18; letter-spacing: 0.015em; }

.textwidget, .fb_iframe_widget, .widget-feed { margin-bottom: 20px; }

.textwidget .typogr__meta, .fb_iframe_widget .typogr__meta, .widget-feed .typogr__meta { color: #999999; }

.textwidget input, .fb_iframe_widget input, .widget-feed input { width: 100%; }

.widget-feed ul .feed__item, .widget-feed ul .comment__item, .widget-comments ul .feed__item, .widget-comments ul .comment__item { padding: 10px 15px 7px; border-bottom: 1px solid #121c2a; }

.widget-suositut__tab, .widget-suositut__tabs li.active { background: #1f3354; }

.widget-suositut__cats { display: none; }

.widget-suositut__tab ul li { padding: 10px 15px; border-bottom: 1px solid #121c2a; }

.grid__container h2.block-header { margin-bottom: 0; }

.grid__container .post__content { color: #cccccc; }

.grid__container .post__content p a { color: #99ccff; }

.grid__container ul.list li.post-previewTemplate { width: calc(100% - 6px); width: 100%; margin: 0 auto; padding-left: 0px; padding-right: 180px; }

.grid__container ul.list li .listBg { right: 0px; }

body.archive #main-articles { margin-bottom: 0; }

.widget-hintafi .block-header, .widget-viikonkysely .block-header { margin-bottom: 0; }

.widget-hintafi .gpoll_container, .widget-hintafi .gpoll, .widget-viikonkysely .gpoll_container, .widget-viikonkysely .gpoll { padding: 15px; margin-bottom: 0; }

.widget-hintafi .gpoll_container .gpoll_button, .widget-hintafi .gpoll_container .gpoll_back_button, .widget-hintafi .gpoll .gpoll_button, .widget-hintafi .gpoll .gpoll_back_button, .widget-viikonkysely .gpoll_container .gpoll_button, .widget-viikonkysely .gpoll_container .gpoll_back_button, .widget-viikonkysely .gpoll .gpoll_button, .widget-viikonkysely .gpoll .gpoll_back_button { text-transform: uppercase; }

.widget-hintafi .gform_wrapper, .widget-viikonkysely .gform_wrapper { margin: 0 !important; max-width: 100%; }

.widget-hintafi .gform_wrapper .gfield_radio li, .widget-viikonkysely .gform_wrapper .gfield_radio li { margin: 0; margin-bottom: 10px; }

.widget-hintafi .gform_wrapper .gfield_radio li input[type="radio"], .widget-viikonkysely .gform_wrapper .gfield_radio li input[type="radio"] { margin: 0 !important; }

.widget-hintafi .gform_wrapper .gfield_radio li label, .widget-viikonkysely .gform_wrapper .gfield_radio li label { margin: 0; padding-left: 5px; line-height: 13px; }

.widget-hintafi .gform_heading, .widget-viikonkysely .gform_heading { display: none; }

.widget-hintafi .gform_footer, .widget-viikonkysely .gform_footer { margin: 0; padding: 0; }

.widget-hintafi form:not(.gpoll), .widget-viikonkysely form:not(.gpoll) { padding: 15px; overflow: hidden; margin-bottom: 0; }

.widget-hintafi form:not(.gpoll) input[type="text"], .widget-viikonkysely form:not(.gpoll) input[type="text"] { width: calc(100% - 34px); height: 34px; float: left; margin: 0; padding: 0; padding: 0 5px; background: #ebebeb; line-height: 34px; color: #666; box-shadow: none; }

.widget-hintafi form:not(.gpoll) button, .widget-viikonkysely form:not(.gpoll) button { width: 34px; height: 34px; line-height: 34px; float: left; margin: 0; background: #666666; padding: 0; color: #fff; }

.widget-hintafi .gpoll_bar, .widget-viikonkysely .gpoll_bar { box-shadow: none; }

.widget-hintafi .gpoll_ratio_box, .widget-viikonkysely .gpoll_ratio_box { border-radius: 0 !important; background-color: #3c5078 !important; }

.widget-hintafi .blue .gpoll_bar_juice, .widget-viikonkysely .blue .gpoll_bar_juice { background-color: #999999; box-shadow: none; border-radius: 0 !important; }

.widget-hintafi .blue .gpoll_bar_juice:after, .widget-viikonkysely .blue .gpoll_bar_juice:after { display: none; }

.widget-viikonkysely .gfield_label { margin-bottom: 10px !important; }

.widget-viikonkysely .button { margin-bottom: 0; }

.widget-viikonkysely .gfield_radio input[type=radio] { display: none; }

.widget-viikonkysely .gfield_radio label:before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; background-color: #000; vertical-align: middle; border-radius: 50px; }

.widget-viikonkysely .gfield_radio input[type=radio]:checked + label:before { background-color: #fff; }

.widget-bigCarousel { height: 350px; overflow: hidden; display: block; }

.widget-bigCarousel .carousel-item { height: 350px; }

.widget-bigCarousel-thumbs__thumb { opacity: 0.7; outline: 1px solid #000; }

.widget-bigCarousel-thumbs__thumb.slick-center { opacity: 1; }

.gridWidget-postContainer.template-fullpost > li.template-fullpost { padding-left: 0; padding-right: 0; width: 100%; }

.gridWidget-postContainer.template-compact > li { width: 100%; padding-left: 0; padding-right: 80px; }

.gridWidget-postContainer.template-compact > li .listBg { right: 0 !important; }

.gridWidget-postContainer.template-titles > li { width: 100%; padding-right: 0; padding-left: 0; }

@media screen and (max-width: 1023px) { .widget-bigCarousel { height: auto; }
  body .navtabs li { width: 100%; } }

@media screen and (max-width: 480px) { .grid--fourArticlesContainer ul { padding: 0; } }

@media screen and (max-width: 768px) { body[class^="category-mobi"] .grid__container .block-header, body[class*=' category-mobi'] .grid__container .block-header, body.category-taskumuro .grid__container .block-header { line-height: 37px !important; padding-bottom: 0 !important; padding-top: 0 !important; }
  body[class^="category-mobi"] .templateSwitchList, body[class*=' category-mobi'] .templateSwitchList, body.category-taskumuro .templateSwitchList { top: -0px !important; right: 0 !important; display: inline !important; text-align: right !important; width: auto !important; } }

.footer-button[href="/tilaa/"] { display: none !important; }

.page-id-17868 .yt-kuva { position: relative; top: 3px; }

.page-id-17868 ul#yhteystiedot { margin-left: 0; }

.page-id-17868 ul#yhteystiedot img { padding-right: 10px; padding-bottom: 10px; float: left; }

#verkkopalvelut .om-logo a { background: url(../om-core/assets/img/logo_otavamedia_valkoinen.png) no-repeat center center; display: block; height: 22px; width: 159px; }

#verkkopalvelut .om-logo img { display: none; }

a { color: #99ccff; transition: color 0.3s ease; }

a:visited { color: #999999; }

a:hover, a:active { color: #fff; }

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

h2.block-header { margin-bottom: 20px; }

h2 { font-size: 24px; line-height: 27px; }

h3 { font-size: 19px; line-height: 23px; }

body { font-family: "Hind", sans-serif; }

strong { font-weight: bold; }

.widget-area h3 { font-family: "Hind"; font-weight: 400; font-size: 17px; line-height: 1.18; letter-spacing: 0.015em; }

.typogr__meta { font-family: "Hind", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: 0.03em; color: #999999; }

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

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

.typogr__breadcrumb a, .typogr__breadcrumb a:visited { color: #fff; }

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

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

.typogr__catlink { font-family: "Hind", sans-serif; font-weight: 600; text-transform: uppercase; font-size: 12px; color: #99ccff; }

.typogr__catlink:visited { color: #99ccff; }

.typogr__showmorebtn { font-family: "Hind", sans-serif; font-size: 14px; text-transform: uppercase; color: #99ccff; letter-spacing: 0.07em; transition: all 0.3s ease; font-weight: 600; }

.typogr__showmorebtn:visited { color: #99ccff; }

.typogr__showmorebtn:hover { color: #fff; }

.login__container { font-size: 16px; line-height: 19px; }

.article__somebar { float: right !important; text-transform: uppercase; overflow: hidden; width: 64%; padding-left: 2%; 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; }

.article__somebar ul li a { background: #1f3354; height: 40px; text-align: right; color: #cccccc; display: block; font-family: "Hind", 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 { background: #3E517B; height: 40px; width: 40px; color: #fff; font-size: 16px; display: inline-block; text-align: center; line-height: 40px; }

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

.article__precontent { position: relative; font-family: "Hind", arial, sans-serif; overflow: hidden; line-height: 30px; margin-bottom: 30px; }

.article__precontent--catcontainer { box-sizing: border-box; float: left; }

.article__precontent--cat { float: left; text-align: center; line-height: 1; }

.article__precontent--cat a { color: #fff; padding: 8px 10px; padding: 0; display: block; }

.article__precontent--cat:hover { color: #333b41; }

.article__precontent--subcats { color: #fff; padding: 8px 10px 0; line-height: 1.2; display: table-cell; display: block; float: left; width: 100%; padding-left: 0; }

.article__precontent--subcats a { color: inherit; }

.article__precontent--sharebar { float: right; background: #1f3354; height: 30px; text-align: left; line-height: 30px; padding: 0 10px; width: 55%; overflow: hidden; color: #cccccc; box-sizing: border-box; }

.article__precontent--sharebar i { color: #fff; }

.article__precontent--sharebar p { margin: 0; padding: 0; line-height: inherit; color: inherit; float: right; }

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

.article__title { font-size: 34px; line-height: 39px; margin-bottom: 25px; color: #fff; }

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

.article__body { font-size: 16px; line-height: 20px; }

.article__body a { text-decoration: underline; }

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

.article__body img { max-width: 100%; height: auto !important; }

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

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

.article__body h4 { line-height: 40px; font-size: 20px; }

.article__body h5 { font-family: "Hind"; font-weight: 400; font-size: 17px; }

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

.article__body table { background: #1f3354; 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 #575c63; }

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

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

.article__aftercontent--toolbar { border-top: 1px solid #575c63; border-bottom: 1px solid #575c63; padding: 5px 0; text-transform: uppercase; color: #fff; font-weight: 700; font-family: "Hind"; font-size: 14px; height: 20px; line-height: 20px; margin-bottom: 10px; }

.article__aftercontent--toolbar a { color: #99ccff; }

.article__aftercontent--tags { text-transform: uppercase; font-family: "Hind"; font-size: 14px; font-weight: 700; width: 36%; }

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

.article__aftercontent--tags a { text-transform: capitalize; color: #99ccff; 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 #003466; 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 .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-category a { padding: 7px 5px; line-height: 14px; font-size: 14px; }

.article__navlink { text-decoration: none !important; box-sizing: border-box; font-size: 16px; }

.article__navlink--prev { text-align: left; width: 50%; padding-left: 30px; position: relative; margin-bottom: 20px; }

.article__navlink--prev:before { width: 20px; height: 20px; content: '\f060'; font-family: FontAwesome; position: absolute; top: 25%; left: 5px; }

.article__navlink--next { text-align: right; padding-right: 30px; width: 50%; position: relative; margin-bottom: 20px; }

.article__navlink--next:after { width: 20px; height: 20px; font-family: FontAwesome; content: '\f061'; position: absolute; top: 25%; right: 5px; }

@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: 29px; line-height: 34px; font-weight: 700; }
  .review__box { padding: 10px 15px 10px; } }

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

.article--metabar { width: 100%; display: block; }

.article--metabar .absolute-right { position: absolute; right: 0; }

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

.comment__meta { color: #fff; }

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

.comment__meta--author { color: #99ccff; margin-left: 5px; }

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

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

a.comment-reply-link { color: #ccc; text-transform: uppercase; width: 100%; display: block; text-align: right; }

a.comment-reply-link:after { content: '▶'; display: inline-block; text-transform: uppercase; position: relative; top: -1px; padding-left: 10px; }

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

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

body { color: #cccccc; background: #000; }

body .grid a { color: #fff; }

body #topbar { background-color: rgba(31, 52, 83, 0.9); background-color: #1f3453; }

body .navi li { color: #fff; }

body .navi li:hover { color: #353c3f; background: #fff; }

body .navi li a { color: inherit; }

body .navi li.current-menu-item { background: #fff; }

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

body .navi .sub-menu { background: #fff; }

body .navi .sub-menu li { color: #404146; box-sizing: border-box; border-bottom: 1px solid #dadad8; }

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

body .navi .sub-menu > li:hover { background-color: #2780e5; color: #fff; }

body #navigation--secondary .navi__magazine { color: #999999; }

body #navigation--secondary .navi__magazine:hover { color: #fff; }

body ul.list li.yhteistyo-widget { background: #121c2a; border-bottom: none; }

body ul.list.gridWidget-postContainer { background: #121c2a; }

body #wrapper { background: #121c2a; }

body .navtabs li::before { height: 0; }

body .navtabs li::hover { height: 0; background: #1e3250; }

body .navtabs li.grid__posts--templateswitch:hover, body .navtabs li.grid__posts--templateswitch.active { background: transparent; color: #1e3250; }

body .navtabs { background: #3c5078; }

body .navtabs li { background: #3c5078; border-right: none; color: #fff; }

body .navtabs li.active { background: #1e3250; }

body .navtabs li .active::before, body .navtabs li :hover::before { background: transparent; }

body .navtabs li ::before { display: none; height: 0px; background: transparent; }

body .carousel-item--body { background: rgba(0, 0, 0, 0.6); }

body .carousel-item h2 { color: #fff; }

body .carousel-item--description { color: #cccccc; }

body .carousel-item--meta { color: #003466; }

body .grid-item a { color: #fff; }

body .grid-item__content { background: rgba(0, 0, 0, 0.5); }

body .grid-item__content--cats a { background: rgba(255, 255, 255, 0); color: #333; }

body .hilightCarousel--box { color: #fff; height: 260px; }

body .article-title, body .category-title { color: #f6f6f6; }

body #footer { background: #ccc; color: #000; }

body #verkkopalvelut { background: #000; }

body #verkkopalvelut dl { color: #003466; }

body.light { /*background-image: url(../muropaketti/assets/img/muropaketti_d_light.png),linear-gradient(to bottom, #f3f1f7 0%, #dae1e4 95%); background-repeat: repeat,no-repeat; background-position: top left, top left;*/ background-color: #ccc; color: #000; }

body.light a { color: #3c5078; }

body.light a:hover, body.light a:active { color: #0066cc; }

body.light .navi li.current-menu-item a, body.light .navi li.current-post-ancestor a, body.light .navi li.current-menu-parent a, body.light .navi li.current-post-parent a { color: #353c3f; }

body.light .navi li .sub-menu li:hover { color: #fff; }

body.light .navi li .sub-menu li:hover a { color: inherit !important; }

body.light .navi li .sub-menu li a:hover { color: #fff !important; }

body.light .navi li:hover a { color: #353c3f; }

body.light .navi a:hover { color: #353c3f; }

body.light .navi a:visited { color: inherit; }

body.light .grid__container .post__content p a { color: #3c5078; }

body.light .grid__container .post__content p a:hover, body.light .grid__container .post__content p a:active { color: #0066cc; }

body.light .grid__container .post__content p a:visited { color: #666666; }

body.light .commentsBtn { color: white; background: #666666; }

body.light .button { color: #fff; background: #666666; }

body.light .button:hover { color: #fff; background: #4d4d4d; }

body.light .comment__meta--author { color: #003466; }

body.light #wrapper { background: #e9e9e9; }

body.light #navigation--secondary .navi__magazine { color: #999999; }

body.light #navigation--secondary .navi__magazine:hover { color: #fff; }

body.light #navigation--secondary .navi__user { color: #fff; }

body.light .widget-feed ul .feed__item, body.light .widget-suositut__tab ul li { border-bottom: 1px solid white; }

body.light .post__content > ul li { border-bottom: 0; }

body.light .block-header { background: #1e3250; }

body.light div[class^="widget-"] li a:hover { color: inherit !important; }

body.light .yhteistyoHeader { background-color: #000; color: #fff; }

body.light .typogr__catlink { color: #3c5078; }

body.light ul.list h1 a, body.light ul.list h2 a, body.light ul.list h3 a, body.light ul.list h4 a { color: #000; }

body.light .navi__search--button { color: #fff !important; }

body.light .article__title { color: black; }

body.light #tilaa-seuraa .some a { color: #666666; }

body.light #tilaa-seuraa .some a:hover { color: #000; }

body.light .widget-suositut__tab, body.light .widget-suositut__tabs li { color: #000; }

body.light .widget-suositut__tab, body.light .widget-suositut__tabs li.active { background: #3c5078; color: #fff; }

body.light .widget-suositut__tabs li.active a, body.light .widget-suositut__tab ul li h3 { color: #fff; }

body.light .widget-suositut__tabs li { color: #000 !important; }

body.light .widget-suositut__tabs li.active { color: #fff !important; }

body.light .widget-feed ul .feed__item { color: #fff; }

body.light .widget-feed ul .feed__item--date { color: #999999; }

body.light .widget-viikonkysely { color: #fff; }

body.light .widget-comments ul .comment__item { color: #fff; }

body.light .widget-comments ul .comment__item--date, body.light .grid--fourArticles span { color: #999999; }

body.light .box--half { background: #3c5078; }

body.light #tilaa-seuraa .links { color: #000; }

body.light .navtabs, body.light .navtabs li { background: #3c5078; color: #fff; }

body.light .gpoll_button, body.light .typogr__showmorebtn { color: #99ccff; }

body.light ul.list li.yhteistyo-widget { background: #e9e9e9; }

body.light .navtabs li.active { background: #999999; color: #fff; }

body.light .navtabs li:hover { background: #50565f; }

body.light .grid__posts--templateswitch { background: transparent; color: #1e3250; }

body.light .grid__posts--templateswitch.active { color: #fff; }

body.light .sidebar-posts li h3 { color: #fff; }

body.light .hilightCarousel__info { color: #fff; }

body.light .review__box, body.light .article__body .kainalo { background: #3c5078; }

body.light .article-sidestory { background: #3c5078; }

body.light .article__aftercontent--toolbar, body.light .article__aftercontent--tags span { color: #87888a; }

body.light .grid--fourArticlesContainer { background: #3c5078; }

body.light .grid--fourArticles h3 { color: #fff; }

body.light .typogr__meta { color: #666666; }

body.light ul.list { background: #cccccc; background: #e9e9e9; }

body.light ul.list > li { border-bottom: 3px solid #676767; }

body.light ul.list h2 a { color: black !important; }

body.light #toc ol { color: #666666; }

body.light blockquote { background: #fff; }

body.light .article__prevnextlinks a { float: left; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #3c5078; }

body.light .article__prevnextlinks a:last-child { float: right; }

body.light .article__prevnextlinks a:first-child { float: left !important; }

body.light .article__aftercontent--toolbar, body.light .article__aftercontent--tags span { color: #666666; }

body.light .article__aftercontent--toolbar a, body.light .article__aftercontent--tags span a { color: #3c5078; }

body.light .grid__container .post__content { color: #000; }

body.light .comment__meta { color: #000; }

body.light #footer { background: #cccccc; color: #000; }

body.light #footer .footer-button { background: #3c5078; color: #fff; }

body.light #verkkopalvelut { background: transparent; }

body.light #footer a { color: #3c5078; }

body.light #verkkopalvelut a { color: #999999; }

body.light #verkkopalvelut a.selected { color: black; }

body.light #verkkopalvelut .om-logo a { background: url(../om-core/assets/img/logo_otavamedia.png) no-repeat center center; display: block; height: 22px; width: 159px; }

body.light #verkkopalvelut .om-logo img { display: none; }

body.light input[type=text], body.light input[type=email], body.light input[name=email], body.light input[type="password"], body.light textarea { background: #fff; }

body.light #page-id-17864 input[type=text], body.light #page-id-17864 input[type=email], body.light #page-id-17864 input[name=email], body.light #page-id-17864 input[type="password"], body.light #page-id-17864 textarea { background: #fff !important; }

body.light #page-id-17864 .asauth-widget-registerforminfo span, body.light #page-id-17864 .asauth-widget-registerformlogin span, body.light #page-id-17864 .logindialoglink span { color: #666666 !important; }

body.light .gform_wrapper .gfield_required { color: #1e3250; }

body.light input[type=text]:focus, body.light input[type=email]:focus, body.light input[name=email]:focus, body.light input[type="password"]:focus, body.light textarea:focus { background: #d2d2d2; }

@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 */